Modify
Existing Material for the Web
by Agatha Taormina
| Remember
that linear text is not read the same way hypertext is.
Remember that visitors to your web site are more likely to skim and scan than to read carefully. |
||
| Remember that many visitors will be reading from a standard 640x480 pixel monitor screen. | ||
| Don't
make your text more than about 50-60 characters across.
Don't require your visitor to scroll sideways to read your material. Provide sufficient contrast between the colors of your text and your page background. Be generous with white space. Add color or graphics where appropriate. |
Hint: Use a borderless table to control the width of text on a screen | |
| A lot of your editing of existing material for the web will be a matter of storyboarding the section of the site, creating hierarchies, creating internal (i.e., bookmarked) links. | ||
Examine
the material you are modifying and ask yourself a few questions:
|
||
| Then
analyze the organizational structure of the material.
Note the flow of the text; is it linear or something a reader can dig into at various points? Chunk the material into discrete units. Base your choice of units on content, logic, and audience awareness. |
||
| Example: Short Document |
If
you have a short linear document:
|
|
| Example: Large Handbook |
If
you have a long linear document, such as an employee handbook, that
is composed of a number of chapters or subunits:
|
|
| Example: Textual Analysis |
If
you are writing a textual analysis, provide the text you are analyzing.
Highlight the parts you want to discuss and create hyperlinks to files that contain your thoughts. |
|
| Example: Documented Text |
If you are writing a documented text, hyperlink to your footnotes. | |
| Above
all, do not simply take a linear manuscript and covert it to HTML.
The resulting page is generally referred to as web
wallpaper because it covers the screen.
Instead, when you are composing a document to be displayed on the World Wide Web, always remember to take into account the standard monitor size and the web's ability to include hyperlinks, color and graphics to help fulfill the purpose of your document. |
![]()
![]()
Web
Design Center Readings
Last Revised:
June 3, 2004
© Agatha Taormina