HTML and CSS Reference
See the liquid-designed Census Bureau ( http://www.census.gov) site using 1280
screen resolution in Figure 5.32—the site still fills the browser window. Since liquid
design pages are intended to stretch, it's very important to test pages using this tech-
nique at various screen resolutions.
This page stretches
to fill the browser
1280 × 1024
Ice, jello, and liquid designs using CSS for page layout can be displayed on most
browsers used today. Keep the preferences of your target audience in mind as you make
1. List the four basic principles of design. View the home page of your school and
describe how each principle is applied.
sesamestreet.org/muppet. Describe the target audience for each site. How do their
designs differ? Do the sites meet the needs of their target audiences?
3. View your favorite Web site (or a URL provided by your instructor). Maximize and resize
the browser window. Decide whether the site uses ice, jello, or liquid design. Adjust the
screen resolution on your monitor (Start, Control Panel, Display, Settings) to a different
resolution than you normally use. Does the site look similar or very different? List two
recommendations for improving the design of the site.
Long blocks of text and long paragraphs are difficult to read on the Web. Use the text
equivalent of sound bytes—short sentences and phrases. It's important to be concise.
Bulleted lists stand out on the page and are easily read. Long-winded sentences and
explanations are often found in academic textbooks and romance novels, but they really
are not appropriate on a Web page.
You may be wondering how to know if a page is easy to read. The following are some
suggestions that will help increase the readability of your pages:
● Use common fonts such as Arial, Verdana, or Times New Roman. Remember
that the Web page visitor must have the font installed on his/her computer in