|
|
|
wl120-ver5.1
Intermediate HTML Columns, Frames and Layout (1 day)
Course Outline
Introduction
• Introduction to Our Case Study
An Introduction to Frames
• Frames: Creating the main document
• The <frameset> Tag
• The cols and rows attributes of <frameset>
• The <frame> tag
• Additional attributes of the <frame> tag
• Additional attributes of the <frameset> tag (for older browsers)
• Using nested framesets for complex layouts
• The Doctype for framesets
• The <noframes> tag
Adding Links Between Frames
• The <base target> tag
• Additional options for linked windows
• Magic target names
• Changing the color of frame borders
Nested Tables
• How to place a table within a table
• Complex Page Design with Nested Tables
• Exercise 6: Using Nested Tables
• A Possible Solution to Exercise 6
• The <meta> Tag
• keywords and description <meta> tags
• author and generator <meta> tags
• The <meta> Refresh tag
The Future: XHTML
• HTML: Too Flexible?
• The Solution: XHTML
• How can I code to be XHTML Compliant?
• XHTML Resources
Appendix A: Interactive Features with JavaScript
• Image Flipping
• JavaScript Resources
Appendix B: Color Values and their Hex Triplet Equivalents
Inline Frames
Client-Side Image Maps
• Building a client-side image map
• Embedding the map code
• Adding the usemap attribute to the <img> tag
• Using LiveImage to generate image map code
Review of HTML Tables
• An Example:
• The table tags and their attributes
• Quick Table attribute guide
• Additional Tags for Tables
Using Tables to Create a More Complex Design
• An Example: Using Tables to Create Columns
• A step-by-step analysis of the changed code
Fluid Tables vs. Fixed-Width Tables
• Fluid Tables
• A fixed-width table
|
|
|
|
|
