HTML, CSS & JavaScript Web Publishing

This Course Includes:

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
    Tag
  • 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 Tag
  • The Tag
  • 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
    Scroll to Top