|
Creating a Simple W=
eb
Page with Word 2003 – Faculty Version
Required
software: Microsoft Word 2003 or XP for Windows. We
will cover the following topics:
Step One: Creating =
and
Saving the File Open Word and from the MENU BAR Name =
the
file without spaces.
Use and underscore if necessary- For example: “Human_Biology”
NOT “Human Biology”. Word will give the file the .mht extension automatically so it will be:
Human_Biology.mht Step Two: Entering =
the
Data & Formatting Just type your text and format as you would w=
ith
Word (because you are using Word!). Use the Bold, Underline, Italics and =
font
colors as you like. Let’s make a pretend class page. Put a
school heading at the top, and underneath put a menu for your students to
select from: To c=
hange
the background: Click on Format, Background and choose a color or fil=
l effect
to choose a texture. Remember to keep enough contrast between the backgro=
und
and text to make it readable for those with some visual impairment (like
anyone over 40!). Go
to Google and click in Images. Search for an appropriate image for your w=
eb
page. Once you find the image click in “full size view”. Once=
you
are viewing the image right click on it and select from the pop-up menu to
“Save Image As”. Then choose a location to store the image. N=
ow
you have downloaded the image. Also copy and paste the image source locat=
ion
(that’s the http://.... Address) so as to give credit to the source.
Put that on your web page under the image. Inser=
t the
Image Into Your Page: 1.
Position the cursor where you want the image. Click on the menu bar above: Insert, Picture, From File. B=
rowse
to the location where you stored you picture (probably in the My Document=
s\My
Pictures folder. 2.
The picture will now be inserted. You can resize the imag=
e by
clicking once on it then going to a corner and dragging diagonally to red=
uce
the size. Enlarging will usually distort the image, but you should be abl=
e to
maintain image integrity when reducing. Beware: resizing the image this w=
ay
does not shrink the file size. I recommend for large images that you resi=
ze
the image in a program like PhotoShop first then insert in your page. Step Four Creating
Hyperlinks and Bookmarks:
Creat=
ing a
Hyperlink 3. When the dialogue box appears type: http:/=
/www.bergtraum.org
in the address box and click on OK. (Note: if you misspell it the link
won’t work). If you are online now you can test the link.
Click on File, Web page preview<=
/b>.
The page will load in Internet Explorer. Click on the link and the school
site should load. 4. If you want to link to another file in the
same location, say another page you have that is located in the same fold=
er,
just put the file name. For example you would put Science_Dept.mht instead of the http://www.bergtraum.org in t=
he
address bar, as in the previous example. That would link you to the
Science_Dept.mht web page. Creat=
ing a
Bookmark This works a little differently from the
hyperlink drill. 1.
Position the cursor at the desired destination. In our ca=
se
put it all the way at the top of the page. 2.
Click on Insert,
Bookmark. 3.
Enter the work “Top” without quotes and click=
on Add. You have inserted the
destination. 4.
Go to the bottom of your page. 5.
Type: “Back to the Top” 6.
Highlight these words, Click on Insert Hyperlink 7.
Click on the Boo=
kmark
Button 8.
Select Top. 9.
Test it (you don’t have to be online to do this). C=
lick
on File, Web page preview. Click on your back to the top link and it shou=
ld
put you back at the top of the page. Note, if =
the
entire page is visible, you won’t see the movement. Shrink the wind=
ow
vertically so that you can only see half the page, then click on Back to =
the
top and you’ll see the page jump. 10.
Now you can bookmark from the top menu you created to the
corresponding sections down your page. For example the Homework link at t=
he
top can jump down to the Homework section on your page. Of course you will
need to type up that content or copy and paste it from already existing
documentation. Wew!, Step Five: Using Ta=
bles
to Format. Nested
tables are used to hold text and images in place. This step is optional.
However, I highly recommend you master it at some point. You might want to
wait for a demonstration if you have a hard time. 1.
Click on Table, Insert, Table =
and
choose 2 columns and 1 row. You will have something that looks like this:=
2.
Now you can simply drag and drop text to separate cells of
the table to better hold them in their place. See this example.
3.
To get rid of the box lines click in the table then on Format, Borders and Shading and
select None<=
/b>
from the options. You can add shading if you like there as well. Congratulations! You now know how t=
o make
a web page. Know that there’s always more to learn. But, you now ha=
ve
enough skills to create meaningful sites to enhance your instruction and =
make
it available on the web. Step Six: Getting i=
t Up
on the Web (My students at Bergtraum and There are two approaches. One direct and the
other through sending to your web master. We can do both. Let me start wi=
th
the easiest. 1. E=
-mail
as an attachment: Open your e-mail account, attach your file and send=
to Upload@Bergtraum.org. Be sure y=
ou
include your name and department in your e-mail. It will go up within 24
hours on a weekday. |
![](3D"WebPage_tutorial_files/image001.gif")
<=
![endif]>![](3D"WebPage_tutorial_files/image002.jpg")
![](3D"WebPage_tutorial_files/image003.jpg")
<=
![endif]>