Making a Web Page in Word

*  Getting Started:

 

In Word begin your Web page by going to File/New/ under the General tab, choose Web page. Type up your document as you normally would, using whatever font, size and color you wish.  Check under the View menu that you’re in Web Layout.

 

*  Saving your document:

 

Create a Web folder in which all your pages will be saved.  Choose Save As Web Page or Save and be sure the file type is Web page.  Also, be sure to keep file names to 8 characters with NO spaces!  Your home page should be called index.htm.  When you save your page, click the Change Title button to title the page--what appears as the title when someone bookmarks it or prints it.

 

*  Formatting a Background:

 

To add a background click on Format/Background.  You can choose a solid color (More Colors… will bring up a rainbow from which to choose), or a fill effect (texture for example or a picture you’ve saved from the Internet).  Do some hunting at these sites.  (This is very similar to putting in a background on a slide in PowerPoint.)  Be sure you use free backgrounds.

 

*  Or Choose a Theme:

 

To pick an already created theme (background, bullets, colors etc.), go to Format/Theme.   I picked a theme (Citrus Punch) for this page.

 

*  Saving a Picture:

Find the graphic (free to use), right-click on it and choose Save Picture As then place it into a folder on your account.

 

*  Inserting Pictures:

 

You insert pictures the same way as with Word (Insert/Picture).  The graphics however, must align left, right or centered.  If you want the pictures next to text, a table must be used. (See tables below.)  Notice these graphics are animated—they insert the same way.  Be sure the graphics you use are yours or free.  Some graphic sites ask that you give them credit on your page.

Five in a row, left aligned

Centered

right aligned

Insert the picture by going to Insert/Picture/from file.  Get to the folder where you saved your picture, the picture and click Insert.  You may resize it if you wish.  Remember the picture will insert wherever your cursor is at the time.  You may also insert pictures from clipart if your computer has a gallery.  You may also insert pictures you’ve taken with a digital camera or scanned as long as they are .gif or jpg types of files.

 

*  Using tables to create even columns and align graphics:

 

Avoid using the tab key to set up columns.  Instead, insert a table. Go to Table/Insert/Table.  Choose the number of columns and at least one row.  Tab from cell to cell when entering text and the tab key will also add a new row if you wish to continue.

 

Heading

Heading

Heading

Heading

Border lines are

showing here.

Text

Text

 

Heading

Heading

Heading

Heading

Border lines are

removed here.

Text

Text

 

You can type an entire paragraph in a cell and add a picture to the left to illustrate your point.

You can align within a cell, whether text or graphics.  You can merge cells together to become one or split cells to become two again.

This example shows the lines, the one below has the lines removed.

 

You can type an entire paragraph in a cell and add a picture to the left to illustrate your point.

You can align within a cell, whether text or graphics.  You can merge cells together to become one or split cells to become two again.

This example shows the lines, the one below has the lines removed.

 

Here’s a totally different look for a simple table.

Notice that you can shade cells as well or change the width.

This can make your page colorful or call attention to a group of items.

 

 

*  Inserting hyperlinks:

 

If you want your reader to link to another page from yours, select some text to be the link and then go to Insert/Hyperlink.  Either choose from the recent urls listed, copy and paste the url from a page you’re currently at in IE or type it in.  Then simply click OK.

 

*  Inserting a link for e-mail:

If you wish to get feedback from your readers, add an e-mail link in a similar fashion as you added a regular link.  Type the link word(s), select and go to Insert/Hyperlink.  Click on the E-mail Address button in the bottom left corner of the dialogue box.  Then simply supply the full e-mail address (username@berkeleyprep.org) and the subject if desired.  Click OK and you’re done.

 

*  Inserting a horizontal line:

 

If you want a division line, put your cursor in the proper place and go to Format/Borders and Shading, choose the Borders tab, select the line style and click horizontal line, OK.  You can then select the line, right-click, and go to Format Horizontal Line to alter the length, color, thickness etc..  See the ones below.  You can also find clipart rules that might be more colorful or decorative.

---
---

 

*  Using numbers and bullets:

 

You might want to use the number and bullet tools on your Formatting Toolbar to show lists on your page.  You can even format them to look more decorative.  Remember that if you’ve chosen a theme, your bullet has been already selected to be blend with the theme, but you can certainly change it if you wish.

*      Item 1

*      Item 2

*      Item 3

8           Item 1

8           Item 2

8           Item 3

 

*  Indentions:

 

If you want to alter the indention due to a background or other reason, simply use the Decrease and Increase Indent tools on the Formatting Toolbar.

 

*  More advanced features like a marquee (scrolling text).

This is an example of scrolling text.

If you turn on your Web Tools Toolbar (View/Toolbars/Web Tools) you find more advanced features you can use such as adding a sound or movie clip.  A simple one to use is the scrolling text.  Simply click on this tool, type in the text and select the behavior and speed etc.

 

*  Proper identification:

 

At the end of your page, give some indication of whose page this is and the date it was last updated.

 

Ten Tips for WebMasters

Rate Your Own Web Site

 

J. Callahan, MD Technology Coordinator

Berkeley Preparatory School

July 2001