WA1065 HTML Programming
Course Outline
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?