AFTER COMPLETING THIS CHAPTER, YOU WILL BE ABLE TO:
Identify the basic elements that constitute a Web page.
Explain the uses and general appearance of the elements of a Web page.
Begin thinking about the design of your Web page résumé and how to make it engaging and informative.
Arrange text in the proper size, color, and font on a Web page.
Choose an appropriate background color and understand how foreground text colors interact with background screen colors.
Arrange pictures on the screen either as background images or design elements for text to flow around.
Make text stand out against a background photo.
Adopt a common look and feel for your Web pages.

INTERNET LITERACY RESOURCES:

Web Page Elements
 
Review each of the elements of web pages illustrated below. Make a list of the items that would be useful on your own pages and how you would incorporate them.

RealSlideshow® Resources
COMAP Undergraduate Resources
GIF Construction Set

CIA Site Directory

Excite! Classifieds

CNN
 
Emerging Technology and the Future of Education

US Patent Office

IBM Annual Report

^Top


Foreground and Background Colors
 

After reviewing the links here, plan what colors would work well for your own pages.



Background
Color

Recommended Foregrounds

Foregrounds to Avoid

Black

White    Yellow

Green    Red     Cyan

Blue

White    Yellow     Cyan

Green     Black

Cyan

Blue     Black     Red

Green     Yellow     White

Green

Black     Blue     Red 

Cyan     Magenta     Yellow

Pink

Black     White    Yellow     Blue

Green    Red    Cyan 

Red

Yellow     White    Black

Pink     Cyan     Blue     Green

Yellow

Red     Blue     Black 

White    Cyan

 


Tiled Backgrounds
 

If you decide a background would work well with your pages, find one here to incorporate and save it on your own hard drive.


Index of Collections of
Backgrounds on the Web


Try some of these backgrounds on your own pages. Click your right mouse button (PC) or hold down the button (Mac) to save the image file to your computer.


Screen Design Advice on the Web
 
Which of these links provided the most useful advice for you in creating your own pages?

The HTML Hell Page   Yahoo's Index of
Page Design and Layout


-

^Top

Home/\

>

Previous Chapter

Summary of this Chapter

Table of Contents

Next Chapter


Book Cover This page is part of the Internet Literacy Web site.
FIND OUT MORE
about Internet Literacy, the new book by Fred T. Hofstetter
published by Irwin/McGraw-Hill

Copyright © 2005 by the University of Delaware. All rights reserved.
Site design and development by Pat Sine.
Please send all comments to Pat Sine: sine@udel.edu