Web Sites with Word
September 12 & 19, 2005
Robert Mayben: rmayben@bama.ua.edu
1—Introduction
1) The Technology in Motion Program
2) Web Resources from the UA In-Service Center Site (www.inservice.ua.edu)
3) Workshop Web Site (http://www.bama.ua.edu/~rmayben/tim/www.htm
)
2—IMPORTANT INFO
1) All of your website files must be in your
public.www folder to show up on the Internet.
2) This includes html files (created websites),
pictures, and Word documents.
3) Do not save your files with long names! Keep it
simple such as homework, calendar, etc.
4) Do not use spaces or punctuation marks in your
file names!
3—Planning
1) What is the purpose of
your teacher website?
2) What
do you want to communicate with your teacher website?
3) The
http://www.webtech.tusc.k12.al.us/courses/plan/u2-3.htm
(See Handout)
http://www.webtech.tusc.k12.al.us/courses/pagesite/unit1-1.htm
4—Website Content Ideas
Some
possible topics for your site:
|
8
Homework 8
Calendar 8
Supply
List 8
Class
Rules |
8
Resource
Links 8
Teacher
Bio 8
Photos 8
Assignments |
8
Email/Contact
Info 8
Special
Activities/Events 8
Daily
Schedule 8
Announcements |
Other ideas/suggestions:
5—Steps for Creating
Websites with word
1) Open Microsoft Word.
2) Save your document as a web page by going to:
a. File è
b. Save As Web Page è
c. Change the file name to index (has to be this name
for the first page) è
d. Change Save as Type to Web Page (Not Single File
Web Page) è
e. Click the Change Title Button and name your site
(ex. Ms. Smith’s Class) è
f. Click OK è
g. Change the Save in Box to public.www è
h. Click Save
3) Format the background of your website.
a. Go to Format on the Menu Bar then Select Background
b. Choose your color (More colors are available by
clicking on More Colors)
c. Optional: You can click on Fill Effects to use
Gradients, Patterns, Textures, or Pictures as your backgrounds.
d. Please Note: If you use a busy picture or color for
your background, your website will be very hard to read!
4) Create a Table for your Content
a. First, determine how many of the categories from
STEP 4 that you want to use.
b. This will determine the number of rows and columns
in your table.
c. To Create a Table:
a. Go to Table on the Menu Bar.
b. Click Insert then Table.
c. Select the number of columns and rows in the next
window and click OK.
d. Please Note: It is best to put in at least 1 extra
row for your title.
e. Also Note: Some find it easier to just put 1 column
and 1 row. This keeps your content centered.
d. To Center the Table:
a. Move your pointer over the table.
b. You will see a box in the upper left-hand corner of
the table.
c. Left Click in this box once.
d. Your table should now be highlighted.
e. Click the Center button on the Formatting bar just
as you would for text.
e. To Change the Color inside of the Table:
a. Click inside the table
b. Go to Format è Borders and Shading
c. Select the Shading Tab at the top of the window
that opens.
d. Pick your color and click OK.
f. To make the Table Lines not appear on the Website
or to change line color:
a. Click inside the table
b. Go to Format è Borders and Shading
c. Select the Borders Tab at the top of the window
that opens.
d. Make sure it says Apply to Table on the lower right
of the window.
e. To change color: Select your color in the box where
it says automatic.
f. To remove lines: Click NONE in the left hand column
and then click OK.
g. Please note: If you select NONE, the lines will
still show up on the screen, but they will not show up on the web or a printed
version.
h. Also note: If you selected NONE after you selected
a color, you will need to change NONE to ALL for the lines to appear.
g. To Center all of the Text in the Table:
a. Move your pointer to the top of the table until you
see a black arrow.
b. Left click once and your table should be
highlighted.
c. Click on the center button just as if you were
centering text.
h. To Merge Cells in the Table:
a. Select the Cells that you want to combine/merge
b. Then go to Table on the Menu Bar and click Merge
Cells.
c. Option: You can also Right Click on the cells and
then choose Merge Cells.
i. To Make a Row Taller:
a. Click in a Cell on the Row and press Enter.
j. To Insert another Row or Column:
a. Click inside the cell nearest to where you want to
insert the Row or Column.
b. Go to Table on the Menu Bar, and then Insert.
c. Select the desired option (Columns to Left or
Right, Rows Above or Below)
5) Type your content for the opening page.
a. I will walk everyone through a general process.
b. See 7-Other Editing Options for clipart, picture,
and WordArt instructions.
c. TEXT EFFECTS: www.microsoft.com/Education/TipSpecialEffect.mspx
6) After completing this opening page, click Save.
a. It is a good habit to SAVE EARLY and SAVE OFTEN!
b. We will use this page to create our other pages.
c. Hyperlinks will be added after the other pages have
been created.
7) Creation of Other Website Pages
a. I will walk everyone through this process.
b. We will be saving and renaming the opening page
several times.
c. You will be able to edit the content in each one
the new pages.
6—Hyperlinking
To Hyperlink to another page on your website:
1) Select the Word or
Phrase that you want to link to another page.
2) Go to Insert on the Menu
Bar and select Hyperlink (Option: Right Click on the selection).
3) Change the Look In box
to the public.www folder.
4) Select the file to which
you want to link and click OK.
5) Your words should now be
blue with a line under them.
6) Please Note: You can
change the color and font of the hyperlink just as you would change regular
text.
1) Inserting Clipart
a. Go to Insert on the Menu Bar.
b. Select Picture è Clip Art
c. Type in the type you would like and click Search.
d. Left Click once on your desired clipart to insert.
e. Tip: If you want animated clipart, change Results
Should Be to Movies.
2) Inserting Pictures
a. Go to Insert on the Menu Bar.
b. Select Picture è From File
c. Locate your picture.
d. Left click on it once, and then click Insert.
3) Inserting WordArt
a. Go to Insert on the Menu Bar.
b. Select Picture è WordArt
c. Select your desired style, and then click OK.
d. Type your desired text, and then click OK.
e. You can change the font, color, and location of
your WordArt.
f. Please Note: Sometimes WordArt looks fuzzy on
websites.
1) Your website will be
located on the school website (www.skyland.tusc.k12.al.us)
under the classes tab after your web leader activates the links.
2) Until then, you can use
your user name to see what your site will look like.
3) Open the Internet and
type in www.skyland.tusc.k12.al.us/~username.
4) Please note: The funny
symbol after the / is a tilde, and it is located on the upper left-hand corner
of your keyboard. You must hold down the shift to type it.
8—How to I get back to
edit my pages? Write this down!!!
Don’t forget about the public.www folder!