Topics
 
  • HTML and the Web
  • The Basic Structure of HTML Documents - Laying Out Text in HTML
  • Enhancing Your Tags: HTML Attributes Images and Backgrounds
  • Links to Other Pages, E-mail, and More
  • Adding Color to Your Pages
  • HTML Tables
  • An Introduction to Frames
  • Adding Links Between Frames
  • Client-Side Image Maps
  • Review of HTML Tables
  • Using Tables to Create a More Complex Design
  • Fluid Tables vs. Fixed-Width Tables
  • Nested Tables
  • The <META> Tag
  • The Future: XHTML
Audience
  Web developers, Webmasters and JavaScript programmers.
Prerequisites
  Comfort using the Internet.
Duration
  Two days.

Outline for HTML Programming

1. Introduction: HTML and the Web

 

  • What is Hypertext Markup Language (HTML)?
  • Why are Web documents published in HTML?

 

2. The Basic Structure of HTML Documents - Laying Out Text in HTML

 

  • Heading text
  • Paragraph text
  • Comments
  • Unordered (bulleted) and Ordered (numbered) lists
  • Other useful tags
  • Adding special characters to your pages
  • Pre-exercise Instructions: How to edit HTML code?

 

3. Enhancing Your Tags: HTML Attributes Images and Backgrounds

 

  • Image Attributes
  • Background patterns
  • Characteristics of the GIF graphic file format
  • Characteristics of the JPEG graphic file format
  • The relationship between graphic size and download time

 

4. Links to Other Pages, E-mail, and More

 

  • When an http:// URL does not specify an HTML file
  • Adding links to video, sound, downloadable files, and more
  • Some Comments
  • Inserting a link to another location on the same page
  • Adding a link to this location from another document

 

5. Adding Color to Your Pages

 

  • For what parts of my page can I change the color?
  • How colors are specified
  • Converting a base 10 color number to base 16 (hexadecimal)
  • Controlling background, text, and link colors
  • Changing the color of a piece of text
  • A warning about colors

 

6. HTML Tables

 

  • The table tags and their attributes
  • Quick Table attribute guide
  • A Note on Browser Compatibility

 

7. 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
  • Using nested framesets for complex layouts
  • The <NOFRAMES> tag

 

8. Adding Links Between Frames

 

  • The <BASE TARGET> tag
  • Additional options for linked windows
  • Magic target names
  • Changing the color of frame borders

 

9. 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

 

10. Review of HTML Tables

 

  • The table tags and their attributes
  • Quick Table attribute guide

 

11. Using Tables to Create a More Complex Design

 

  • A step-by-step analysis of the changed code

 

12. Fluid Tables vs. Fixed-Width Tables

 

  • Fluid Tables
  • A fixed-width table

 

13. Nested Tables

 

  • How to place a table within a table
  • Complex Page Design with Nested Tables

 

14. The <META> Tag

 

  • KEYWORDS and DESCRIPTION <META> tags
  • AUTHOR and GENERATOR <META> tags
  • The <META> Refresh tag

 

15. The Future: XHTML

 

  • HTML: Too Flexible?
  • The Solution: XHTML
  • How can I code to be XHTML Compliant?