HTML: Your visual blueprint for designing effective Web pages with HTML, CSS, and XHTML

Description:

* Offers professional-level instruction in Web page design in a unique visual format, with most tasks demonstrated on self-contained two-page spreads
* Key tasks covered include setting up a Web page, reducing image resolution, creating radio buttons, adding a hit counter, creating an inline frame, and adding an embedded sound
* High-resolution screen shots accompanied by succinct explanations clearly illustrate each task, while "Apply It" and "Extra" sidebars highlight useful tips
* Companion Web site features all the code that appears in the text-ready to plug into the user's Web pages

 

Table of Contents:

HOW TO USE THIS BOOK.

1. INTRODUCING HTML AND XHTML.

Introduction to HTML.

Introduction to XHTML.

Introduction to Cascading Style Sheets (CSS).

Web Browsers.

Creation Tools.

2. USING WEB PAGE BASICS.

Create and Save a Web Page.

Display a Local Web Page in a Browser.

Create a Paragraph.

Insert New Lines and Spaces.

Create a Heading.

Add Comments to the Code.

Add an Image to a Web Page.

View Web Page Source Code.

Publish Your Web Page.

Organize Your Files.

Save and Open a Web Page.

3. FORMATTING AND ALIGNING TEXT.

Make Text Bold and Italic.

Adjust the Font Size.

Use Preformatted Text.

Use Quoted Text.

Add Superscript and Subscript.

Use Descriptive Tags.

Change the Font Color and Type.

4. LINKING WEB PAGES.

Create a Link.

Develop and Link to Anchors.

Target Links.

Set Tab Order for Links.

Show Tooltips for Links.

Use Mailto Links.

Link to a File.

Define Link Colors.

5. WORKING WITH IMAGES.

Display Images with Other Elements.

Change the Image Size.

Display Text Descriptions.

Make Images into Links.

Develop an Image Map.

Preload Images.

6. WORKING WITH STYLE SHEETS.

Develop a Global Style Sheet.

Construct a Rule.

Use an Internal Style Sheet.

Apply a Rule to a Single Element.

Use a Class to Style Similar Elements.

Insert Local Styles.

Apply Styles to Web Page Sections.

Apply Rules to Multiple Elements.

Add Comments to Style Sheet.

Insert Page Breaks for Printing.

Apply Styles to Links.

Add Alternative Style Sheets.

7. APPLYING STYLE PROPERTIES.

Apply Style Sheets to Fonts.

Select a Typeface for Your Site Text.

Set Font Size.

Set Font and Background Color.

Create Borders Around Your Text.

Apply Italics and Bold Face.

Insert White Space and Control Indent.

Align Text to Fit Your Layout.

Change the First Letter and Line of Text.

Add a Background Image to Text.

8. SETTING PAGE LAYOUT.

Position Elements Absolutely.

Specify Width and Height of Elements.

Position an Element Relatively.

Overlap Elements.

Adjust Padding and Margins.

Float an Element.

Show or Hide Elements.

Change the Mouse Pointer.

Draw an Outline.

Work with Element Overflow.

Use System Fonts and Colors.

9. DISPLAYING TABULAR DATA IN TABLES AND LISTS.

Create a Basic Table.

Define the Table Border.

Set Width and Height Properties.

Create Cells Spanning Multiple Columns and Rows.

Adjust Cell Properties.

Combine Tables.

Display a Bulleted List.

Display a Numeric List.

Nest a List.

Create a Definition List.

10. ADDING FORMS.

Create a Form.

Add a Text Box.

Insert a Text Area.

Build a Drop-Down Box.

Hide Data in a Form.

Include Check Boxes and Radio Buttons.

Configure Submit and Reset Buttons.

Allow File Uploads to Your Site.

Arrange Tab Order.

Disable and Lock Form Elements.

Group Related Form Elements.

Send Form Data Using E-mail.

11. WORKING WITH FRAMES.

Create a Frame-Based Web Page.

Create Rows and Columns of Frames.

Show or Hide Scroll Bars.

Work with Frame Borders.

Force the Frame Size.

Target Links to a Frame.

Use a Hidden Frame to Preload Images.

Display a Message for Non-Frame-Enabled Browsers.

Create a Floating Frame.2

12. PERFORMING BASIC HTML TASKS.4

Center Elements on a Web Page.

Apply Background Color and Images.

Align Elements.

Lay Out a Web Page Using Tables.

Insert Spacer Images.

Add an XHTML Declaration.

Verify Your XHTML Code.

Enhance Site Promotion with HTML Tags.

13. ADDING MULTIMEDIA TO YOUR PAGE.

Add a Welcome Message.

Embed a Background Sound.

Include a Media Player in a Web Page.

Add a QuickTime Video to a Web Page.

Enable Users to Download a Media Player.

Add a Flash Presentation.

Create Moving Text.

Stream Video Using RealPlayer.

14. WORKING WITH JAVASCRIPT.

Add JavaScript to a Page.

Get Up to Speed with JavaScript Basics.

Utilize if Statements.

Create for Loops.

Use Event Handlers.

Generate Dynamic Content.

Display a Message.

Create a Pop-Up Window.

15. WORKING WITH XML.

Create an XML Declaration.

Add XML Elements.

Verify an XML Document.

View an XML Document.

Apply a Style Sheet.

Create and Validate Document Type Definitions.

16. TESTING AND VALIDATING WEB PAGES.

Watch for Common HTML Mistakes.

Check for Common XHTML Mistakes.

Look at Common CSS Problems.

Avoid Common Design Mistakes.

Check for Image Problems.

Search for Linking Problems.

Consider Browser Differences.

Employ Debugging Resources.

APPENDIX A: HTML SUMMARY.

HTML Tag Summary.

Core HTML Attributes.

HTML Colors.

Event Handlers.

APPENDIX B: CASCADING STYLE SHEETS SUMMARY.

Cascading Style Sheets Property Summary.

INDEX.