Lessons 1: Introduction
Lessons 2: What Is Web Publishing?
- Thinking Like a Web Publisher
- Web Browsers
- Web Servers
- Uniform Resource Locators
- Defining Web Publishing Broadly
- Summary
- Workshop
- Additional Exercises
Lessons 3: Getting Your Tools in Order
- Anatomy of a Website
- Setting Up Your Computer for Web Publishing
- Using the Google Chrome Developer Tools
- What Do You Want to Do on the Web?
- Wireframing Your Website
- Web Hosting
- Summary
- Workshop
- Additional Exercises
Lessons 4: Introducing HTML and CSS
- What HTML Is (And What It Isn't)
- What HTML Files Look Like
- HTML Attributes
- Using the style Attribute
- A Short History of HTML Standards
- The Current and Evolving Standard: HTML5
- Summary
- Workshop
- Additional Exercises
Lessons 5: Learning the Basics of HTML
- Structuring Your HTML
- The Title
- Headings
- Paragraphs
- Comments
- Summary
- Workshop
- Additional Exercises
Lessons 6: Organizing Information with Lists
- Lists: An Overview
- Numbered Lists
- Unordered Lists
- Definition Lists
- Nesting Lists
- Other Uses for Lists
- Summary
- Workshop
- Additional Exercises
Lessons 7: Working with Links
- Creating Links
- Linking Local Pages Using Relative and Absolute Pathnames
- Links to Other Documents on the Web
- Linking to Specific Places Within Documents
- Anatomy of a URL
- Kinds of URLs
- Summary
- Workshop
- Additional Exercises
Lessons 8: Formatting Text with HTML and CSS
- Character-Level Elements
- Character Formatting Using CSS
- Preformatted Text
- Horizontal Rules (or Thematic Breaks)
- Line Break
- Addresses
- Quotations
- Special Characters
- Fonts and Font Sizes
- Summary
- Workshop
- Additional Exercises
Lessons 9: Using CSS to Style a Site
- Including Style Sheets in a Page
- Selectors
- Units of Measure
- Editing Styles with Developer Tools
- Using Colour
- Links
- The Box Model
- More Selectors
- The Tag
- Summary
- Workshop
- Additional Exercises
Lessons 10: Using Images on Your Web Pages
- Images on the Web
- Image Formats
- Inline Images in HTML: The Tag
- Images and Text
- Images and Links
- Other Neat Tricks with Images
- Image Backgrounds
- Using Images as Bullets
- What Is an Imagemap?
- Image Etiquette
- Summary
- Workshop
- Additional Exercises
Lessons 11: Building Tables
- Creating Tables
- Table Parts
- Sizing Tables, Borders, and Cells
- Table and Cell Colour
- Aligning Your Table Content
- Spanning Multiple Rows or Columns
- More Advanced Table Enhancements
- How Tables Are Used
- Summary
- Workshop
- Additional Exercises
Lessons 12: Using CSS to Position Elements on the Page
- Positioning Schemes
- Absolute Positioning
- Fixed Positioning
- Controlling Stacking
- Creating Drop-Down Menus
- Summary
- Workshop
- Additional Exercises
Lessons 13: Designing Forms
- Understanding Form and Function
- Using the
- Using the
- Creating Form Controls with the Tag
- Using Other Form Controls
- Grouping Controls with fieldset and legend
- Displaying Updates with progress and metre
- Applying Cascading Style Sheet Properties to Form Elements
- Planning Your Forms
- Summary
- Workshop
- Additional Exercises
Lessons 14: Structuring a Page with HTML5
- A Short History of HTML Page Layout
- Laying Out a Page in HTML5
- HTML5 Structural Tags
- The Page Outline
- Using HTML5 Structural Elements
- Summary
- Workshop
- Additional Exercises
Lessons 15: Integrating Multimedia: Video and Sound
- Embedding Video the Simple Way
- Hosting Your Own Video
- Embedding Video Using
- Embedding Flash Using the
- The
- Embedding Flash Movies Using SWFObject
- Flash Video Players
- Embedding Audio in Your Pages
- Summary
- Workshop
- Additional Exercises
Lessons 16: Advanced CSS: Page Layout in CSS
- Laying Out the Page
- The Role of CSS in Web Design
- Summary
- Workshop
- Additional Exercises
Lessons 17: Using Responsive Web Design
- What Is Responsive Web Design?
- Mobile Devices Should Come First
- Planning a Responsive Website
- Writing Media Queries
- Understanding the Mechanics of RWD
- Responsive Web Design Best Practices
- Summary
- Workshop
- Additional Exercises
Lessons 18: Introducing JavaScript
- Why Would You Want to Use JavaScript?
- The