| |
| A key
component of a compelling web site is the use of interesting
and appropriate graphics. This chapter will introduce you to
working with color and graphical elements on web pages.
Topics discussed include: using color on web pages,
creating horizontal lines, the different types of graphics,
sources of graphics, and guidelines for using graphics on web
pages. |
XHTML Color and Visual Elements
Chapter Links |
| |
Free Images
Photos
To Go
The
Stock Solution
SuperStock
Photo Disc
Fotosearch
Web
Accessibility Guidelines
CoffeeCup
Image Mapper
HTML
Map Designer Pro
|
|
Free Graphics Tutorial |
| Learn
how to create a logo and button with
Macromedia
Fireworks 4
Macromedia
Fireworks MX
Macromedia Fireworks MX 2004
|
|
Image Map Example |
|
Image Map Code:
<map name="fishing">
<area href="http://nature.org/"
target="_blank" shape="rect"
coords="0,51,416,170" alt="The Nature Conservancy"
/>
<area href="http://www.doorcountyvacations.com/"
target="_blank" shape="rect"
coords="24, 188, 339, 283" alt="Door
County Vacations" />
</map>
<p><img src="fishingboat.jpg" usemap="#fishing"
border="0" alt="Door County" width="416"
height="350" /></p> |
|
Image Slicing Examples & Tutorials |
| Macromedia
Fireworks Tutorial Basics
of Image Slicing
Benefits
of Image Slicing
Image Slicing
Sample |
|
Color & Graphics Tips |
|
Submitted by Mary DeGuide,
CIS 119 Harper College
Sometimes it is difficult to choose colors for
components on your web site. Visit http://www.colorschemer.com/online/
and try out color combinations. |
More
Color Info |
| Color
Theory
Computer
Color
Color
Perception
Kodak's
Digital Learning Center
Museum of Color |
| Chapter 4 Errata |
|
Every effort is made to produce a perfect book. Unfortunately, sometimes errors occur. In the Fish Creek Case Study (pages 130-132) there are some small discrepancies between Figure 4.35 and the written specifications.
- Note that only the text in the first column of the table is centered. The text in the second column should not be centered as indicated in the written specifications. in the text is incorrect.
- Note that the footer area is not centered. That means that it should be coded AFTER the div that centers the rest of the page content.
|
|
|
|
XHTML Basics
XHTML Hyperlinks
XHTML Tables 
Chapter 4
XHTML Color &
Visual Elements
XHTML Frames
XHTML Forms
Web Site Design
Web Site
Development
Introduction to
Cascading Style
Sheets
Web Media
Promotion for
Web Developers
Introduction to Web
Page Interactivity
E-Commerce
Bonus Chapters:
|
