Preface

Chapter One

Introduction to HTML, XHTML, and CSS

Objectives

Introduction

What Is the Internet?

What Is the World Wide Web?

Web Servers

Web Site Types and Purposes

Web Browsers

What Is Hypertext Markup Language?

HTML Elements

Useful HTML Practices

HTML Versions

Cascading Style Sheets

Document Object Model (DOM)

Extensible Hypertext Markup Language (XHTML)

Tools for Creating HTML Documents

Web Development Life Cycle

Web Site Planning

Web Site Analysis

Web Site Design and Development

Web Site Testing

Web Site Implementation and Maintenance

Be an Observant Web User

Chapter Summary

Learn It Online

Apply Your Knowledge

Extend Your Knowledge

Make It Right

In the Lab

Cases and Places

Chapter Two

Creating and Editing a Web Page Using Inline Styles

Objectives

Introduction

Project — Rock Climbing Fun Web Page

Overview

Elements of a Web Page

Browser Window Elements

Text Elements

Image Elements

Hyperlink Elements

Defining Web Page Structure

Defining the HTML Document

To Start Notepad++

To Enable Word Wrap in Notepad++

To Define the Web Page Structure Using HTML Tags

Formatting the Web Page

Entering Web Page Content

To Enter a Paragraph of Text

To Enter a Heading

Using Lists to Present Content

To Create an Unordered List

More about List Formats

Adding a Footer

To Add a Footer

Saving and Organizing HTML Files

To Save an HTML File

Using a Browser to View a Web Page

To Start a Browser

To View a Web Page in a Browser

To Activate Notepad++

Improving the Appearance of Your Web Page

Using Style Sheets

Using Web Page Divisions

Types of Web Page Images

Image Attributes

Other Visual Enhancements

To Add Color to a Web Page Heading

To Change the Bulleted List Style

To Add a Horizontal Rule

To Change the Footer Style

To Refresh the View in a Browser

Validating and Viewing HTML Code

To Validate HTML Code

To View HTML Source Code for a Web Page

To Print a Web Page and an HTML File

Chapter Summary

Learn It Online

Apply Your Knowledge

Extend Your Knowledge

Make It Right

In the Lab

Cases and Places

Chapter Three

Creating Web Pages with Links, Images, and Embedded Style Sheets

Objectives

Introduction

Project — Underwater Tours by Eloise Web Site

Overview

Using Links on a Web Page

Linking to another Web Page within the Same Web Site

Linking to a Web Page in another Web Site

Linking within a Web Page

Linking to an E-mail Address

Creating a Home Page

To Start Notepad++

To Add a Banner Image

To Add Paragraphs of Text

Adding a Text Link to another Web Page within the Same Web Site

To Add a Text Link to another Web Page within the Same Web Site

Adding an E-mail Link

To Add an E-mail Link

Adding Other Information to an E-mail Link

To Add a Text Link to a Web Page in another Web Site

Using Absolute and Relative Paths

Adding Interest and Focus with Styles

Adding Interest and Focus with HTML Tags

Style Sheet Precedence Review

Using Embedded Style Sheets

To Add Embedded Style Sheet Statements

To Add an Inline Style for Color

To Save an HTML File

Validating the HTML, Viewing the Web Page, and Testing Links

To Validate HTML Code

To Print an HTML File

To Test Links on a Web Page

To Print a Web Page

Editing the Second Web Page

To Open an HTML File

Working with Classes in Style Statements

Adding an Image with Wrapped Text

Using Thumbnail Images

To Wrap Text around Images Using CSS Classes

To Clear Text Wrapping

Adding Links within a Web Page

To Set Link Targets

To Add Links to Link Targets Within a Web Page

To Add Links to a Target at the Top of the Page

To Copy and Paste HTML Code

To Add an Image Link to a Web Page

To View and Test a Web Page

Chapter Summary

Learn It Online

Apply Your Knowledge

Extend Your Knowledge

Make it Right

In the Lab

Cases and Places

Chapter Four

Creating Tables in a Web Site Using an External Style Sheet

Objectives

Introduction

Project — Oceanside Hotel and Sports Club Web Site

Overview

Planning and Designing a Multipage Web Site

Creating Web Pages with Tables

Table Elements

Adding Style to Table Elements

Table Borders, Headers, Captions, and Rules

Determining the Need for Planning, and Coding a Table

Determining If a Table Is Needed

Planning the Table

Coding the Table

Table Tag Attributes

Creating a Home Page with Banner Logo and Borderless Navigation Table

To Insert, Center, and Style an Image with a Box-Shadow

Using a Table to Create a Horizontal Navigation Bar

To Create a Horizontal Menu Bar with Image Links

Viewing the Web Page and Testing Links

External Style Sheets

Adding an External Style Sheet

To Create an External Style Sheet

Examining the External Style Sheet

Linking to the External Style Sheet

To Link to an External Style Sheet

Validating and Printing the HTML, Viewing the Web Page, and Testing Links

Creating a Second Web Page

Adding a Table with Borders

To Create a Table with Borders and Insert Text

Adding a Link, Border Spacing, Padding, and Row Color

To Add Border Spacing, Padding, and Row Color to a Table

Adding a Caption and Spanning Rows

To Add a Table Caption

To Create the Headings That Span Rows

To Add the Bolder Class to Data Cells

Chapter Summary

Learn It Online

Apply Your Knowledge

Extend Your Knowledge

Make It Right

In the Lab

Cases and Places

Special Feature 1

Attracting Visitors to Your Web Site

Objectives

Introduction

Project — Attracting Visitors

Overview

Adding Keywords

To Open the File

Meta Names

To Add Keywords

To Add a Description

Determining a Domain Name

Check Domain Name Availability

Finding a Web Hosting Site

Publishing Your Web Site

Marketing Your Web Site

Registering with Search Engines

To Register Your Web Site with Search Engines

Feature Summary

In the Lab

APPENDICES

Appendix A

HTML Quick Reference

HTML Coding Standards

HTML Tags and Attributes

Appendix B

Browser-Safe Color Palette

Browser-Safe Colors

Appendix C

Accessibility Standards and the Web

Making the Web Accessible

Section 508 Guidelines Examples

WAI Guidelines

Appendix D

CSS Properties and Values

CSS Concepts and Terminology

CSS Properties

Acceptable Units of Measure

Animation Properties

Background and Color Properties

Border Properties

Box Properties

Classification Properties

Color Properties

Content for Paged Media Properties

Dimension Properties

Flexible Box Properties

Font Properties

Generated Content Properties

Grid Properties

Hyperlink Properties

Linebox Properties

List Properties

Margin and Padding Properties

Marquee Properties

Multicolumn Properties

Paged Media Properties

Positioning Properties

Print Properties

Ruby Properties

Speech Properties

Table Properties

Text Properties

2D/3D Transform Properties

Transition Properties

User-Interface Properties

Appendix E

Publishing Web Pages to a Web Server

Choosing a Web Host

Uploading Files to the Host

Index