Graphic Title reads: Word Web Pages

by Floyd Jay Winters Feb. 2004

Build a Web Page

Use Template

Main Heading

Section Headings

Set Hyperlinks

Type Subtopics

Hyperlinks

Taskbar Title

Save As

FTP

Accessibility

Alternate Text

Logical Layout

Color Contrast

Flexible Navigation

Audio Alternatives

Video Alternatives

Section 3

Part 1

Part 2

Part 3

Part 4

 

Photo of Palm Tree (Alternate Text)

 

Move mouse over picture above to see Alternate Text

 

Building a Quick Word Web Page

To create a Web page similar to this one, with a Title area above and a Column for Contents on the left:

1. OPEN A TEMPLATE: Choose File, New, select the General Templates link from the bottom of the Task Pane, click the Web Pages tab, and then double-click the “Column with Contents” icon.

2. ENTER MAIN HEADING: At the top, type your own title in place of “Main Heading Goes Here.” You may center the heading by clicking the Center icon. (The above title was done with WordArt- see Word Drawing icon.)

3. ENTER SECTION HEADINGS: In the right pane, type your desired section heading in place of “Section 1 Heading Goes Here,” in this case: Building a Quick Word Web Page

4. ENTER NAVIGATION COLUMN SECTION HYPERLINKS: In the left contents column, enter a few key words that can be used to link to a section. In this case, replace ”Section 1” with “Build a Web Page

5. ENTER NAVIGATION COLUMN SECTION SUBTOPICS: Replace “Part 1” with appropriate phrases such as “Use Template” and “Enter Heading”

Test the navigation column hyperlinks: Click on them to confirm that they go to the corresponding section on the right.

If you want to manually set some hyperlinks you can simply type a Web address (that starts with www.) and tap [Enter]. Word will automatically set it as a hyperlink. For example: www.mccfl.edu

You can hyperlink to an area in the same document if you:

a. Highlight the destination, and choose Insert, Bookmark then give the section an appropriate one word name, such as TopOfPage for top of this file.

b. Then type some text that will become the hyperlink, highlight the text, and choose Insert, Hyperlink, click on the Bookmark button, and select the bookmark that was set in the previous step. See the hyperlink Top at the bottom of this section.

6. SET THE TASKBAR TITLE: Choose File, Properties, under the Summary tab, enter a short but appropriate title, in this case “Word Web Page.

7. SAVE THE WEB PAGE: Choose File, Save As, under the Save as type box choose Web Page, Filtered (*.htm, *.html).

(Your final file size will be much smaller if you save as Web Page, Filtered instead of saving as regular Word Web Page)

9. FTP (FILE TRANSFER) THE .HTM FILE TO YOUR WEB SERVER SITE. Note: if you include images, like the one on the left, Word automatically creates an associated image folder that includes the pictures. For instance, this file is saved as WordWebPages.htm and Word automatically created a folder named WordWebPages_files.

Top

Adding Accessibility Guidelines

Accessibility features allow individuals with audio or visual handicaps to navigate Web pages. (See http://www.w3.org/WAI/) For instance, visually impaired individuals may use speech synthesizers to read Web pages. However, synthesizers cannot read pictures. Consequently, .html pages must use “alternate” text which is used to describe the picture when the mouse pointer rests on the image.

 

1. Use Alternate Text:

a. Click or select the picture, and choose Format, Picture

b. Click on the Web tab, and in the Alternate text box, enter a description of the image, such as “Photo of Palm Tree.”

 

2. Use Logical Layout

Although Web pages are usually graphical, speech synthesizes are programmed to read top-to-bottom and left-to-right. If the content is not structured in a traditional format, it will not be read logically by a synthesizer.

 

3. Use Good Color Contrast

Individuals with limited vision may have a difficult time reading text on dark backgrounds. Consequently, keep the background color light and the fore color dark (or vice-versa).  Avoid such combinations as black backgrounds with green text, or blue backgrounds with red text.

 

4. Use Flexible Navigation

Allow individuals to navigate with either the mouse or keyboard. For instance, this template automatically allows the [Tab] key to move from hyperlink to hyperlink on this page in a top-down, left-right order.

 

5. Other

Audio information is also available in a text transcript file.

Video information is described and available in an auditory form.

Video information is described and available in a text transcript file.

Tables have explicitly associated row and column headers.

 

Click here to see Word Accessibility Help

Section 3 Heading Goes Here (Section Heading purposely left unchanged)

The quick brown fox jumps over the lazy dog.  The quick brown fox jumps over the lazy dog.  The quick brown fox jumps over the lazy dog.  The quick brown fox jumps over the lazy dog.