Table of Contents
Part I: Building the Structure
Chapter 1: Introducing HTML (16 pp)
Introduction
TASK: Getting Your Act Together
TASK: Understanding Tags
TASK: Understanding Attributes
TASK: Looking at the Basic Structure of a Web Page
TASK: Marking up HTML Comments
Chapter 2: Marking up Text (20 pp)
Introduction
TASK: Marking up Paragraphs
TASK: Marking up Headings
TASK: Marking up Lists
TASK: Marking up Quotations
TASK: Marking up other Text Elements
TASK: Inserting Special Characters
TASK: Marking up Line Breaks
BOXOUT: Using Horizontal Rules
TASK: Applying Basic Formatting
Chapter 3: Marking up Links (16 pp)
Introduction
TASK: Understanding URLs
TASK: Understanding Paths
BOXOUT: Specifying the Base URL
TASK: Understanding Targets
TASK: Marking up Text Links
TASK: Marking up Anchors
TASK: Linking to an Email Address
Chapter 4: Marking up Images (16 pp)
Introduction
TASK: Understanding Web Image Formats
TASK: Optimizing Images for the Web
TASK: Marking up Image Elements
TASK: Marking up Image Links
TASK: Marking up Image Maps
Chapter 5: Marking up Tables (24 pp)
Introduction
TASK: Understanding Table Components
TASK: Marking up Table Rows and Data Cells
TASK: Marking up Header Cells
TASK: Marking up Table Columns
TASK: Marking up Groups of Rows and Columns
TASK: Marking up Table Headers, Body, and Footers
TASK: Marking up the Table Caption
TASK: Marking up Column Spans and Row Spans
TASK: Using Table Attributes
Chapter 6: Marking up Forms (24 pp)
Introduction
TASK: Understanding Form Components
TASK: Marking up Text Fields
TASK: Marking up Labels
TASK: Marking up Checkboxes
TASK: Marking up Radio Groups
TASK: Marking up File Fields
TASK: Marking up Buttons
TASK: Marking up Lists and Menus
TASK: Marking up Fieldsets and Fieldset Legends
Part II: Perfecting the Presentation
Chapter 7: Introducing CSS (18 pp)
Introduction
TASK: Understanding Style Sheets
TASK: Understanding Style Selectors
TASK: Understanding CSS Properties and Values
TASK: Marking up CSS Comments
TASK: Marking up Divisions
TASK: Marking up Spans
Chapter 8: Formatting Elements (20 pp)
Introduction
TASK: Setting the Font Face
BOXOUT: Using Web-safe Fonts
TASK: Setting the Font Style
TASK: Setting the Font Size
TASK: Setting the Font Weight
TASK: Setting the Text Decoration
Chapter 9: Colouring Elements (16 pp)
Introduction
TASK: Understanding Colour
TASK: Defining Colours
BOXOUT: Using Web-safe Colours
TASK: Setting the Foreground Colour
TASK: Setting the Background Colour
Chapter 10: Defining Link States (16 pp)
Introduction
TASK: Understanding Link States
TASK: Defining Unvisited Links
TASK: Defining Visited Links
TASK: Defining Active Links
TASK: Defining Hover Links
Chapter 11: Spacing, Bordering, and Sizing Elements (20 pp)
Introduction
TASK: Setting the Line Height
TASK: Setting the Padding
TASK: Setting the Margin
TASK: Setting the Border
TASK: Setting the Width and Height
Chapter 12: Placing Elements (24 pp)
Introduction
TASK: Aligning Elements
TASK: Floating Elements
TASK: Clearing Elements
TASK: Positioning Elements in Absolute Terms
TASK: Positioning Elements in Relative Terms
Part III: Designing the Site
Chapter 13: Organising the Site Structure (20 pp)
Introduction
TASK: Understanding Site Structure
TASK: Building a Flat Structure
BOXOUT: Looking at Design Considerations of a Flat Structure
TASK: Building a Tiered Structure
BOXOUT: Looking at Design Considerations of a Tiered Structure
TASK: Providing a Way Back
Chapter 14: Laying out the Page (20 pp)
Introduction
TASK: Understanding Layout
TASK: Arranging the Areas
TASK: Building a Fixed-width Layout
TASK: Building a Liquid Layout
Chapter 15: Designing Navigation (14 pp)
Introduction
TASK: Understanding Navigation
TASK: Organising Navigation Choices
BOXOUT: Repeating the Main Navigation
TASK: Choosing the Text of an Inline Link
Chapter 16: Going Live (16 pp)
Introduction
TASK: Preparing for Liftoff
TASK: Using Meta Tags
TASK: Testing the Site
TASK: Validating the Code
TASK: Uploading the Site
TASK: Maintaining the Site
Appendix A: HTML Tags
Appendix B: CSS Properties
Appendix C: Glossary