CSci 220 - Lecture 3

Web Page Design

© Morris Firebaugh


I. Introduction

A. Chapter 3: Web Design Principles for Print Designers
B. Philosophy of HTML
C. HTML Document Structure
D. HTML Tag Syntax
E. Elements of the <HEAD> Element 

I. Color on the Web 

Figure 9.20 RGB color cube.
Note how the primary colors define unit vectors
along the axes.The three corners opposite R, G,
and B are cyan (C), magenta (M), and yellow
(Y), the basis of the CMY model. The line
connecting black (0,0,0) and white (1,1,1) is
the gray scale line.

MacHelp --> Color Accuracy --> Measuring Onscreen Color

Representing RBG Color Numerically

Hexadecimal Representation of True Color

The Web Palette ("Web-safe Colors")

Figure 9.22
Filtering of white light by cyan, magenta,
and yellow filters. In this subtractive
process, the magenta filter subtracts
green light out of the white beam, leaving
only its complement, magenta.
Subtracting all three colors leaves no
light at all,-black.

Figure 9.24
The CMY color cube. Each corner is labeled with
its (c,m,y) coor-dinates. Note that the
RGB color cube is transformed int a CMY color
cube by interchanging colors across the major

Figure 9.27
HSV color hex-cone. The color space of the hue,
saturation, brightness (value) system is a
hexagonal-sided cone using a cylindrical
coordinate in which hue is measured by the
angle, f. Value ranges from 0 (black) to 1
(white), and saturation ranges from 0 on the
axis to 1 along the perimeter.


Figure 9.28
Half-plane slice through the HSVhex-cone showing the locationsof tints, tones, shades and grays.

For more information on Color and Graphics, see Chapter 9 of Computer Graphics by M. Firebaugh

III. Philosophy of HTML as a Structured Language


IV. HTML Document Structure

  • Recall general structure of an HTML document shown in HTML Editor "skeleton"

    V. HTML Tag Syntax

    <TAG  Attribute1=value1  Attribute2=value2  ...  >  . . . </TAG>


    <!--   This is the comment    -->


    VI. Elements of the <HEAD> Element

    The following elements and their function are legitimate for the <HEAD> element








    <LINK REL="STYLESHEET" HREF="CS220Style.css" TYPE="text/css">










    VII. Homework Assignment #2

    Click here


    Updated January 21, 2001