Internet Literacy - Chapter 16: Web Page Design

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.

Images and Icons

	RealSlideshow® Resources
	COMAP Undergraduate Resources

Backgrounds

GIF Construction Set

Targets

CIA Site Directory

Tables

	Excite! Classifieds
	CNN

Frames

Emerging Technology and the Future of Education

Navigational Icons

	US Patent Office
	IBM Annual Report

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

		$/\$
Previous Chapter	Summary of this Chapter	Table of Contents	Next Chapter

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