| |
| |
Preface | |
| |
| |
Visual Walk-Through | |
| |
| |
| |
Introduction to XHTML | |
| |
| |
| |
Explore the World Wide Web | |
| |
| |
| |
Opening and Navigating a Web Site | |
| |
| |
| |
Use a Text Editor | |
| |
| |
| |
Looking at Notepad | |
| |
| |
| |
Define HTML and XHTML | |
| |
| |
| |
Opening an HTML/XHTML Web Page | |
| |
| |
| |
Writing HTML/XHTML Tags | |
| |
| |
| |
Adding Comments to a Page | |
| |
| |
| |
Identifying an XHTML document | |
| |
| |
| |
Create a Basic XHTML Document | |
| |
| |
| |
Inserting the HTML Element | |
| |
| |
| |
Inserting the Head Element | |
| |
| |
| |
Inserting the Title Element | |
| |
| |
| |
Set Up the Body of an XHTML Document | |
| |
| |
| |
Inserting the Body Element | |
| |
| |
| |
Adding Basic Text to a Page | |
| |
| |
| |
Viewing Source Code in a Browser | |
| |
| |
| |
Work with Web Site Files | |
| |
| |
| |
Specifying a Default or Home Page | |
| |
| |
| |
Editing a Web Page | |
| |
| |
| |
Organizing Files | |
| |
| |
| |
Plan a Web Site | |
| |
| |
| |
Planning a Web Site | |
| |
| |
| |
Writing a Storyboard | |
| |
| |
| |
Formatting Text and the XHTML Page | |
| |
| |
| |
Format the Presentation of the XHTML Page | |
| |
| |
| |
Creating Line and Paragraph Breaks | |
| |
| |
| |
Aligning Text | |
| |
| |
| |
Creating a Horizontal Rule | |
| |
| |
| |
Format Text | |
| |
| |
| |
Formatting a Quotation | |
| |
| |
| |
Changing Font Sizes | |
| |
| |
| |
Changing Font Faces | |
| |
| |
| |
Changing Font Color | |
| |
| |
| |
Setting Heading Sizes | |
| |
| |
| |
Using Other Font Formatting Tags | |
| |
| |
| |
Define colors | |
| |
| |
| |
Using Color Names | |
| |
| |
| |
Using Hexadecimal Values | |
| |
| |
| |
Setting the Background Color | |
| |
| |
| |
Adding Images to the XHTML Page | |
| |
| |
| |
Place an Image | |
| |
| |
| |
Adding an Image | |
| |
| |
| |
Adding Alternate Text to an Image | |
| |
| |
| |
Choose Image Types and Sizes | |
| |
| |
| |
Exploring File Types | |
| |
| |
| |
Inserting Images for Navigation | |
| |
| |
| |
Specifying the Size of an Image | |
| |
| |
| |
Format the Display of an Image | |
| |
| |
| |
Adding an Image as a Background | |
| |
| |
| |
Setting the Image Border | |
| |
| |
| |
Aligning an Image | |
| |
| |
| |
Setting Image Spacing | |
| |
| |
| |
Creating Links | |
| |
| |
| |
Add Links to the XHTML Page | |
| |
| |
| |
Linking to a Document | |
| |
| |
| |
Inserting an External Link | |
| |
| |
| |
Opening a Link in a New Window | |
| |
| |
| |
Linking to Targets | |
| |
| |
| |
Linking to an Email Address | |
| |
| |
| |
Link to Images | |
| |
| |
| |
Adding a Link to an Image | |
| |
| |
| |
Link to Other File Types | |
| |
| |
| |
Linking to PDF Documents | |
| |
| |
| |
Using Thumbnail Images | |
| |
| |
| |
Insert Image Maps | |
| |
| |
| |
Inserting an Image Map | |
| |
| |
| |
Creating Tables and Lists | |
| |
| |
| |
Create a Table | |
| |
| |
| |
Adding a Table | |
| |
| |
| |
Adding a Table Caption | |
| |
| |
| |
Adding a Table Heading | |
| |
| |
| |
Format a Table | |
| |
| |
| |
Aligning a Table | |
| |
| |
| |
Aligning Cells | |
| |
| |
| |
Adding Borders to Tables | |
| |
| |
| |
Spanning Columns and Rows | |
| |
| |
| |
Adding Cell Spacing and Padding | |
| |
| |
| |
Changing the Height and Width of a Cell | |
| |
| |
| |
Adding Empty Cells | |
| |
| |
| |
Add Colors and Images to a Table | |
| |
| |
| |
Adding a Background Color to a Table | |
| |
| |
| |
Adding a Border Color to a Table | |
| |
| |
| |
Adding a Color to a Cell | |
| |
| |
| |
Adding an Image to a Table | |
| |
| |
| |
Use a Table to Lay Out a Page | |
| |
| |
| |
Using a Table for Page Layout | |
| |
| |
| |
Placing a Table within a Table | |
| |
| |
| |
Create Ordered, Unordered, and Definition Lists | |
| |
| |
| |
Creating an Ordered List | |
| |
| |
| |
Creating an Unordered List | |
| |
| |
| |
Creating a Definition List | |
| |
| |
| |
Creating Forms | |
| |
| |
| |
Create a Form | |
| |
| |
| |
Defining a Form | |
| |
| |
| |
Adding a Text Field to a Form | |
| |
| |
| |
Adding Radio Buttons to a Form | |
| |
| |
| |
Adding Check Boxes to a Form | |
| |
| |
| |
Adding a Drop-Down List to a Form | |
| |
| |
| |
Adding a Text Box to a Form | |
| |
| |
| |
Add Buttons and Password Text Boxes to a Form | |
| |
| |
| |
Adding a Submit Button | |
| |
| |
| |
Adding a Reset Button | |
| |
| |
| |
Adding a Password Text Box | |
| |
| |
| |
Process Data from a Form | |
| |
| |
| |
Sending Form Results to Email | |
| |
| |
| |
Processing Results with a Script | |
| |
| |
| |
Using Cascading Style Sheets | |
| |
| |
| |
Use Inline and Embedded Styles | |
| |
| |
| |
Incorporating Inline Styles | |
| |
| |
| |
Using Embedded Styles | |
| |
| |
| |
Use External Styles | |
| |
| |
| |
Creating an External Style Sheet | |
| |
| |
| |
Linking External Style Sheets | |
| |
| |
| |
Using CSS for Printing | |
| |
| |
| |
Use Multiple, Class, and ID Selectors | |
| |
| |
| |
Using Multiple Selectors | |
| |
| |
| |
Using ID and Class Selectors | |
| |
| |
| |
Working with the div Element | |
| |
| |
| |
Working with Pseudo Classes | |
| |
| |
| |
Position Elements with CSS | |
| |
| |
| |
Using the Element's Box | |
| |
| |
| |
Setting the Positioning Type | |
| |
| |
| |
Stacking and Clipping Elements | |
| |
| |
| |
Using Frames | |
| |
| |
| |
Add a Frame | |
| |
| |
| |
Exploring Frames | |
| |
| |
| |
Adding the Frameset DTD | |
| |
| |
| |
Adding the Frameset | |
| |
| |
| |
Adding the Frame Source | |
| |
| |
| |
Customize a Frame | |
| |
| |
| |
Setting the Frame Borders | |
| |
| |
| |
Setting the Margins Using Frames | |
| |
| |
| |
Setting Scroll Options in Frames | |
| |
| |
| |
Set Up View Options | |
| |
| |
| |
Keeping Frames from Being Resized | |
| |
| |
| |
Targeting Links in Frames | |
| |
| |
| |
Targeting Links to Specified Locations | |
| |
| |
| |
Offering Alternatives to Frames | |
| |
| |
| |
Add Advanced Frames | |
| |
| |
| |
Adding a Nested Frameset | |
| |
| |
| |
Creating an Inline Frame | |
| |
| |
| |
Implementing Multimedia | |
| |
| |
| |
Add Sounds to a Web Page | |
| |
| |
| |
Playing a Background Sound | |
| |
| |
| |
Using a Hyperlink to Play a Sound | |
| |
| |
| |
Using the embed Element to Play a Sound | |
| |
| |
| |
Work with Video | |
| |
| |
| |
Using a Hyperlink to Play a Video | |
| |
| |
| |
Using the embed Element to Play a Video | |
| |
| |
| |
Use the object Element | |
| |
| |
| |
Adding Sound | |
| |
| |
| |
Inserting a Video | |
| |
| |
| |
Displaying a Calendar | |
| |
| |
| |
Incorporating JavaScript | |
| |
| |
| |
View JavaScript Code | |
| |
| |
| |
Viewing JavaScript Code | |
| |
| |
| |
Position JavaScript Code | |
| |
| |
| |
Positioning JavaScript in the body Element | |
| |
| |
| |
Adding Comments to JavaScript | |
| |
| |
| |
Adding Additional JavaScripts to a Web Page | |
| |
| |
| |
Incorporate JavaScript Code | |
| |
| |
| |
Adding a Pop-Up Window | |
| |
| |
| |
Adding the Current Date and Time | |
| |
| |
| |
Web Page Control with JavaScript | |
| |
| |
| |
Program with JavaScript | |
| |
| |
| |
Exploring the Mechanism of Scripting | |
| |
| |
| |
Understand the Project Requirements | |
| |
| |
| |
Define and Design the Script-Enabled Web Page | |
| |
| |
| |
Creating a Script Framework | |
| |
| |
| |
Writing the Script | |
| |
| |
| |
Running the Script | |
| |
| |
| |
Use Form Controls | |
| |
| |
| |
Using Buttons | |
| |
| |
| |
Use Functions to Process Selections | |
| |
| |
| |
Setting Up User Interaction | |
| |
| |
| |
Use a Function to Calculate a Valuable Result | |
| |
| |
| |
Setting Up the Fare Calculator Page | |
| |
| |
| |
Setting Up a Function to Process Multiple User Inputs | |
| |
| |
| |
Introduce Conditional Processing | |
| |
| |
| |
Processing User Selections | |
| |
| |
| |
JavaScript Programming | |
| |
| |
| |
Set Up a Student Registration Form | |
| |
| |
| |
Creating External .js Files | |
| |
| |
| |
Creating Reusable Objects | |
| |
| |
| |
Validating User Input | |
| |
| |
| |
Mapping User Input to Data Structures | |
| |
| |
| |
Set Up an Appointment Schedule | |
| |
| |
| |
Providing an Administration Function | |
| |
| |
| |
Adding Log-in Security | |
| |
| |
| |
Compare User Input with Expected Values | |
| |
| |
| |
Setting Up a Session Form | |
| |
| |
| |
Creating a Scheduling Function | |
| |
| |
| |
Provide a Confirmation | |
| |
| |
| |
Creating a Printable Confirmation | |
| |
| |
| |
Create a Reward Certificate | |
| |
| |
| |
Displaying and Printing a Certificate | |
| |
| |
| |
1 Desert Park Zoo | |
| |
| |
| |
2 Tie the Knot | |
| |
| |
| |
3 Dos Colores | |
| |
| |
| |
4 Give a Heart a Home | |
| |
| |
| |
Web Tools | |
| |
| |
| |
Design Tips | |
| |
| |
| |
Color Values | |
| |
| |
| |
XHTML Elements and Attributes | |
| |
| |
| |
XHTML Character Entities | |
| |
| |
| |
CSS Properties | |
| |
| |
| |
Accessibility | |
| |
| |
| |
Validating a Web Page | |
| |
| |
| |
Web Hosting Providers | |
| |
| |
| |
Publishing to the World Wide Web | |
| |
| |
| |
Publicizing on the World Wide Web | |
| |
| |
| |
JavaScript Reference | |
| |
| |
| |
Document Type Definitions | |
| |
| |
Glossary | |
| |
| |
Index | |