Web Developer Foundations

Terry Felke-Morris is assistant professor in Computer Information Systems at William Rainey Harper College and regularly teaches web development and computer information systems courses.  She is an innovative instructor who was awarded the 2002-2003 Glenn A. Reich Memorial Award for Instructional Technology in recognition of her efforts. She is also listed in the 2004 Who's Who Among America's Teachers.

Chapter One The Internet and the World Wide Web

The Evolution of the Internet

The Internet, Intranets, and Extranets

The Evolution of the World Wide Web

Internet Standards and Coordination

Web Standards and the World Wide Web Consortium4

Web Accessibility

Ethical Use of Information on the Web

Checkpoint 1.1

Network Overview

The Client/Server Model 

Internet Protocols 

File Transfer Protocol (FTP) 

E-mail Protocols

Hypertext Transfer Protocol (HTTP)

Transmission Control Protocol/Internet Protocol (TCP/IP)

URLs and Domain Names

URLs

Domain Names

Markup Languages

Standard Generalized Markup Language (SGML)

Hypertext Markup Language (HTML)

Extensible Markup Language (XML)

Extensible Hypertext Markup Language (XHTML)

Checkpoint 1.2

Internet and Web Trends

Review Questions

Web Research

 

Chapter Two XHTML Basics

What Is HTML?

Why XHTML and Not HTML?

Document Type Definition

Your First Web Page

Hands-On Practice 2.1

Checkpoint 2.1

XHTML–Body and Text Basics

The Body Tag

The Heading Tag

Hands-On Practice 2.2

The Paragraph Tag

Hands-On Practice 2.3

The Line Break Tag

Hands-On Practice 2.4

XHTML–List Basics

Definition Lists

Hands-On Practice 2.5

Ordered Lists

Unordered Lists

Hands-On Practice 2.6

XHTML–More Block-Level Tags

Preformatted Text

Hands-On Practice 2.7

Indenting Text

Hands-On Practice 2.8

Checkpoint 2.2

XHTML–Text Formatting39

The Tag

Hands-On Practice 2.9

Logical Style Tags

Physical Style Tags

Special XHTML Characters

Hands-On Practice 2.10

Checkpoint 2.3

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Research

 

Chapter Three XHTML Hyperlinks & Tables

XHTML–Hyperlinks

The Anchor Tag

Absolute and Relative Links

Hands-On Practice 3.1

More on Relative Linking

Relative Link Examples

Opening a Link in a New Browser Window 

Internal Links

Hands-On Practice 3.2

E-mail Links

Hands-On Practice 3.3

Checkpoint 3.1

Using Tables on Web Pages

Overview of an XHTML Table

XHTML Table Headings

XHTML Table Captions

Hands-On Practice 3.4

XHTML Table Attributes

Applying Attributes to Rows and Cells

Hands-On Practice 3.5

Checkpoint 3.2

XHTML–Formatting a Web Page with a Table

More Sample Page Layout Examples

Flexible and Fixed Table Widths

Hands-On Practice 3.6

Nested Tables

Checkoint 3.3

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Research

 

Chapter Four XHTML Color and Visual Elements

Using Color on Web Pages

Web Color Palette

Color and the Body Tag

Horizontal Rules

Hands-On Practice 4.1

Horizontal Rule Attributes

Hands-On Practice 4.2

Checkpoint 4.1

Types of Graphics

GIF Images

JPEG Images

PNG Images

Using Graphics

The Tag

Page Backgrounds

Hands-On Practice 4.3

Image Links

Hands-On Practice 4.4

Checkpoint 4.2

XHTML Images and More

The Tag

Using a Table to Format Images

Image Maps

Thumbnail Images

Advanced Techniques: Image Slicing

Sources and Guidelines for Graphics

Sources of Graphics

Guidelines for Using Images

Web Accessibility

Checkpoint 4.3

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Research

 

Chapter Five XHTML Frames

Overview of Frames

Advantages of Using Frames

Disdvantages of Using Frames8

Checkpoint 5.1

XHTML–Using Frames

Your First Frameset

Hands-On Practice 5.1

The Tag

The Tag

Hands-On Practice 5.2

The Tag

The Target Attribute

The Tag

Inline Frames

Hands-On Practice 5.3

Frames, Links, and Ethics

Checkpoint 5.2

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Research

 

Chapter Six XHTML Forms

Overview of Forms

XHTML–Using Forms

Hands-On Practice 6.1

The Tag

Basic Form Elements

Hands-On Practice 6.2

Checkpoint 6.1

Form Enhancements

The Tag

The and Tags

The Tabindex Attribute

The Accesskey Attribute

Image Buttons and Tag

Hands-On Practice 6.3

Checkpoint 6.2

CGI Server-Side Processing

Steps in Utilizing CGI

Using CGI

Hands-On Practice 6.4

CGI Resources

Other Technologies Used for Server-Side Processing

Checkpoint 6.3.

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Research

 

Chapter Seven Web Site Design

Web Site Organization

Hierarchical Organization

Linear Organization

Random Organization

Web Site Navigation–Best Practices

Ease of Navigation

Navigation Bars

Short Pages

Table of Contents

Site Map and Site Search Features

Design Principles

Repetition

Contrast

Proximity

Alignment

Web Page Design–Best Practices

Load Time

Perceived Load Time 

Above the Fold

Horizontal Scrolling

Adequate White Space

Target Audience

Browser-Friendly

Screen Resolution

Page Layout

Page Layout Design Techniques

Ice Design

Jello Design

Liquid Design

Checkpoint 7.1

Text Design–Best Practices

Graphic Design–Best Practices

Design to Provide Accessibility

Best Practices Checklist

Checkpoint 7.2

Review Questions

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House 

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Project

Web Research  

 

Chapter Eight Web Site Development

Successful Large-Scale Project Development

Project Manager

Information Architect

Marketing Representative

Copywriter and Editor

Content Manager

Graphic Designer

Database Administrator

Network Administrator

Web Developer

Project Staffing Criteria

The Development Process

Conceptualization

Analysis

Design

Production

Testing

Launch

Maintenance

Evaluation

Checkpoint 8.1

Web Hosting

Types of Web Host Providers

Hosting Needs

Choosing a Virtual Host

Web Host Checklist

Checkpoint 8.2.

Review Questions

Hands-On Exercises

Web Site Cast Study 

Web Project

 

Chapter Nine Cascading Style Sheets Introduction

Overview of Cascading Style Sheets

Advantages of Cascading Style Sheets

Types of Cascading Style Sheets

Introduction to CSS Syntax

Using Cascading Style Sheets

Inline Styles

Hands-On Practice 9.1

XHTML Elements Used with Styles

Hands-On Practice 9.2

Checkpoint 9.1

Embedded Style Sheets

Hands-On Practice 9.3

Using CSS with the class Selector

Hands-On Practice 9.4

Using CSS with the id Selector

External Style Sheets

Hands-On Practice 9.5

Checkpoint 9.2

The “Cascade”

Hands-On Practice 9.6

CSS Pseudo-classes and Links

Hands-On Practice 9.7

Hands-On Practice 9.8

CSS Strategies

Checkpoint 9.3

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Project

Web Research

 

Chapter Ten Cascading Style Sheets–Page Layout

CSS Page Layout Overview

Advantages of Using CSS for Page Layout

Disadvantages of Using CSS for Page Layout

The Box Model

CSS Positioning Properties

Relative and Absolute Positioning

The float Property

The display Property

The z-index Property

Hands-On Practice 10.1

Checkpoint 10.1

Two-Column Page Layout

Hands-On Practice 10.2

Navigation Layout Using Lists

Three-Column Page Layout

Hands-On Practice 10.3

Checkpoint 10.2

Using CSS to Style a Form

CSS Styling for Print

Hands-On Practice 10.4

CSS Debugging Tips

CSS Page Layout Resources

Checkpoint 10.3

Review Questions

Apply Your Knowledge

Hands-On Exercises

Web Site Case Study

JavaJam Coffee House

Fish Creek Animal Hospital

Pete the Painter

Prime Properties

Web Project

Web Research

Chapter Eleven Web Multimedia & Interactivity

Helper Applications and Plug-ins 

Audio File Types

Obtaining Audio Files

Using Sound on a Web Page

The Tag

Hands-On Practice 11.1

The Hands-On Practice 11.2

Background Sounds

Hands-On Practice 11.3

Video File Types

Obtaining Video Files

Using Video on a Web Page

The Tag

Hands-On Practice 11.4

The Hands-On Practice 11.5

Internet Explorer Only Options

Browser Compatibility and Accessibility

Streaming Media

Introduction to RealNetworks Streaming Media

Authoring

Distribution

Playback

Copyright Issues and Media Files

Checkpoint 11.1

Macromedia Flash

Common Uses of Flash

Web Design and Flash

Adding a Flash Animation to a Web Page

Hands-On Practice 11.6

Flash Resources

Java

Common Uses of Java Applets

Adding a Java Applet to a Web Page

Hands-On Practice 11.7

Free Java Applet Resources

Checkpoint 11.2

JavaScript

Common Uses of JavaScript

The