Web Pages
Printed Page 659
Although Web pages offer the potential for expanded use of color and visuals (including animation and video), the general principles of design used for paper documents can be applied to them. Again, you will want to evaluate the context in which the document will be read. Will your reader be reading from a computer screen or printing the document on paper for reading? If the reading will be taking place on a computer screen, how big is the screen and how good is its resolution? Reading from a computer screen can be more difficult than reading on paper, so you will want to avoid small fonts and confusing backgrounds that distract from the core content.
Web pages and other electronic texts differ from print texts in large part because of the links they can include to additional text or graphics, to other Web pages, or to short clips of video, animation, or sound. As an author, you must consider that because of these links, readers may navigate your text in a nonlinear fashion, starting almost anywhere they like and branching off whenever a link piques their curiosity. To help readers find their way around, Web authors often provide a navigation scheme, usually in the form of site maps or “index” pages.
Printed Page 660
Printed Page 661
HTML (hypertext markup language) is the standard language used for creating Web pages. Software programs called HTML editors provide novices with an easy way to create Web pages, and most word processing programs allow a document to be converted into HTML and saved as a Web page.
As you design a Web page, beware of letting unnecessary graphics and multimedia elements distract from your message. Yes, you can add a textured background to the screen that will make it look like marble or cloth, but will that background make reading the text easier? Will a sound file improve communication of your main points, or are you adding sound simply because you can? Consider the following guidelines when designing a Web page:
-
Make sure your text is easy to read. Many Web pages are difficult to read because of textured and brightly colored backgrounds. Keep the background of a Web page light in tone so that your text can be read with ease. Because color type can also be difficult to read, avoid vibrant colors for long blocks of text. Bear in mind that most readers are used to reading dark (typically black) text on a light (typically white) background.
-
Chunk information carefully, and keep your Web pages short. Because many people have difficulty reading long documents on a computer screen, be sure to chunk your information into concise paragraphs. Also, readers often find it difficult to read a Web page that requires extensive scrolling down the screen. Break up long text blocks into separate Web pages that require no more than one or two screens of scrolling. Use hypertext links to connect the text blocks and to help readers navigate across the pages.
-
Include date posted or updated. To help readers who will want to know whether your Web site has been updated recently and who may need to cite your Web site in the list of references, always include the date you post or update your Web page.
-
Limit the file size of your Web pages. A Web page that is filled with visuals and sound files can be slow and clunky to load, especially for users with old computers or dial-up connections to the Internet. Limiting your use of visuals and sound files so that your pages load quickly will help ensure that your documents are read.
-
Use hypertext links effectively. Make sure that all of your links work correctly and that all the pages of your Web site include a link back to your home page, so that readers can access it easily. You can make your text easier to read by judiciously limiting the number of links you embed in it. In addition to embedded text links, consider including a list of important links on a separate page for readers’ convenience.
-
For more on document design, see Chapter 21.
Use the elements of document design. Most principles of good print document design apply to Web page design as well.