HTML, XHTML & CSS QuickSteps | QuickSteps

HTML, XHTML & CSS QuickSteps

Authors: Guy Hart-Davis

Published: September 2009

eISBN: 9780071633185 0071633189 | ISBN: 9780071633178

Contents

Acknowledgments

Introduction

Chapter 1 Creating Your First Web Pages with HTML and XHTML

Understanding Tools for Creating HTML

Understand HTML, XML, XHTML, and HTML 5

HTML

XML

XHTML

HTML 5

Organizing Your Site

Which Version of HTML Should You Use?

Get Started with Your Website

Create a Folder for Your Website

Open Notepad

Understanding the DOCTYPE Declaration

Create a Web Page and Adding Content to It

Create the Page’s Structure

Understanding the Header and the Body

Add Header and Body Tags

Add Content to the Page

Apply Formatting

Add a Picture

Add Hyperlinks and Tags, and Reloading Pages

Add a Hyperlink

Create Linked Files

Describe Your Pages with Meta Tags

Reload a Page Automatically

Understanding How Search Engines Work

Redirect the Browser to Another Page

Validate Your HTML and Checking Your Pages

Validate Your HTML with the W3C Markup Validation Service

Check Your Pages with Other Browsers

Chapter 2 Choosing a Web Host and Getting Your Own Website

Understand Web Basics

Understanding IPv4 and IPv6

Understand Web Clients and Servers

Access a Web Page

Understanding URLs

Choose a Web Host

Assess Your Requirements

Understanding Intranets and Extranets

Choose an ISP or Web Hosting Service

Decide on Web Hosting Features

Running Your Own Web Server

Understanding Domains

Evaluate an ISP

Evaluate a Web-Hosting Service

Register a Domain Name

Plan, Design, and Create Your Site

Plan Your Site’s Contents

Make Your Site Effective

Keep Your Web Pages Small Enough to Download Quickly

Check Your Website

Update and Maintain Your Website

Transfer Your Site to the Web

Get the Information Required for FTP

Transfer a Site Using an FTP Client

Chapter 3 Structuring Web Pages and Applying Manual Formatting

Using Proportional and Monospaced Fonts

Understand Considerations for Web Formatting

Use Paragraphs, Divisions, Breaks, and Hyphens

Create Paragraphs

Group Paragraphs into Divisions

Control Breaks

Inserting Special Characters

Keep Text Together with Nonbreaking Spaces

Control Hyphenation with Optional Hyphens

Create Headings, Lists, and Indents

Create Headings

Create Numbered, Bulleted, and Definition Lists

Apply an Indent

Align Elements

Use Preformatted Text

Apply Formatting Tags and Attributes

“Physical” and “Logical” Style Tags

Apply Boldface

Apply Italics

Apply Underline

Apply Strikethrough

Apply Monospaced Font

Apply Subscript and Superscript

Control Font Formatting and Styles

Understanding Other Formatting

Control Font Formatting

Working with Fonts

Change Style Using Inline Styles

Catch the Eye with Moving Text

Chapter 4 Adding Graphics to Your Web Pages

Creating or Acquiring Graphics Files

Add an Inline Graphic

Insert a Graphic

Use Suitable Alternative Text

Choose Where to Locate the Graphics File

Add a Long Description URL

Align a Graphic

Change the Size of a Graphic

Using Graphics to Control How Text Appears

Apply Borders to a Graphic

Add a Title to a Graphic

Position a Graphic with Spacers

Understanding GIF, JPEG, and PNG

Add a Background Graphic

Add a Horizontal Rule

Create an E-mail Signature Containing a Graphic

Laying Out Your Web Pages

Create an HTML Signature File

Use an HTML Signature File in Windows Mail

Keeping Down Graphic Size to Make Pages Load Faster

Chapter 5 Adding Links

Create Links

Understanding Absolute and Relative Links

Link to Another Web Page

Link Within a Web Page

Link to a Particular Point on a Web Page

Making Your Site Navigable

Open a Link in a New Window

Create a Link to Download a File

Display a ScreenTip for a Link

Create Links to Send E-mail

Making Your Imagemaps Useful and Intelligible

Create Two or More Links in a Graphic

Add Audio and Video to Your Web Pages

Understand Audio and Video Formats

Understand Audio and Video Delivery Methods

Create a Link for Downloading an Audio or Video File

Create a Link to Play an Audio or Video File

Embedding a Video File in a Web Page

Chapter 6 Creating Tables

Understand How Tables Work and When to Use Them

Plan a Table

Create the Table’s Structure

Add Rows and Columns to a Table

Add Table Borders

Group Cells by Rows and Columns

Set Table and Cell Width

Setting Table and Cell Height

Add Padding and Spacing

Align a Table, Row, or Cell

Make a Cell Span Two Columns or Rows

Apply a Background Color or Picture

Create a Nested Table

Create a Vertical Line

Chapter 7 Creating Frames

Understanding Frames and Their Alternatives

Understand How Frames Work

Plan a Web Page That Uses Frames

Define Frame Height and Width

Create the Component Documents

Create the Frameset Document

Lay Out the Frames

Add the Component Documents to the Frameset

Adding Alternative Text to a Frame Page

Change a Frame’s Borders and Margins

Control Whether a Frame Scrolls

Prevent Visitors from Resizing the Frame

Nest One Frameset Inside Another

Create Inline Frames

Create a Link That Changes the Contents of a Frame

Chapter 8 Applying Formatting Using Cascading Style Sheets

Understand CSS Essentials

Understanding the Style Cascade

Create a Style Rule

Understanding Other Ways of Creating Style Rules

Create an Embedded Style Sheet

Understanding CSS Versions

Create and Apply an External Style Sheet

Use Special Selectors

Apply a Style to Part of an Element

Override Style Sheets

Control Font Formatting

Set Alignment, Indents, Margins, and Line Height

Prevent a Background Graphic from Being Tiled or Scrolling

Create a Floating Layout with CSS

Creating a Three-Column Floating Layout

Overriding Style Sheets in Your Browser

Chapter 9 Creating Web Pages Using the Microsoft Office Applications

Get Ready to Create Web Pages in the Office Applications

Configure Web Options in the Office Applications

Understanding How the Office Applications Use HTML

Adding the New Web Page and Web Page Preview Commands to the Office Applications

Create Web Pages in Word

Start a New Web Page in Word

Create Hyperlinks

Check How a Page Will Look

Remove Sensitive Information from the Document

Save Word Documents as Web Pages

Choosing Suitable Web File Formats

Remove Office-Specific Tags from a Word Document

Using Word to Create HTML Elements

Create Web Pages from Excel and PowerPoint

Create Web Pages from Excel Workbooks

Create Web Pages from PowerPoint Presentations

Chapter 10 Using Forms and Scripts

Create Forms

Understand the Basics of Forms

Define the Form Structure

Understanding the method Attribute

Add Fields to the Form

Complete a Form

Letting Visitors Upload Files

Create a Form That E-mails Its Contents to You

Use Scripts in Your Web Pages

Understand the Different Categories of User Events

Dealing with Script Threats

Show When a Page Was Last Updated

Redirect the Browser to Another Page

Verify That a Form Is Filled In

Index