ILLUSTRAted:

Slide Presentation

Unit A: Preparing to Create a Web Site

Unit B: Getting Started with HTML

Unit C: Getting Started with CSS

Unit D: Formatting Text with CSS

Unit E: Inserting and Working with Links

Unit F: Inserting and Working with Images

Unit G: Organizing Content with Lists and Tables

Unit H: Implementing Page Layout with HTML and CSS

Unit I: Applying Advanced CSS Styling

Unit J: Creating and Processing Web Forms

Unit K: Incorporating Video and Audio

Unit L: Programming Web Pages with JavaScript

Unit M: Integrating Social Media Tools

Unit N: Optimizing Your Web Site for Search Engines

Unit O: Adapting Your Web Site for Mobile Devices

Unit P: Testing and Finalizing Your Web Site

videos

(Video library courtesy of Lynda.com)

01 Introducing HTML

• • The Importance of HTML

  • Basic HTML Syntax

  • The Current State of HTML

  • HTML Resources

  • Choosing a Code Editor

02 Basic Page Structure

• • Exploring an HTML document

  • DOCTYPE Declarations

  • The Document Head

  • The Document Body

  • Understanding Content Models

03 Formatting Page Content

• • Formatting Content with HTML

  • Using Headings

  • Formatting Paragraphs

  • Controlling Line Breaks

  • Emphasizing Text

  • Displaying Special Characters

  • Controlling White Space

  • Displaying Images

  • Challenge: Formatting Page Content

  • Solution: Formatting Page Content

04 Structuring Content

• • The Value of Structure

  • Controlling Document Outlines

  • The NAV Element

  • The Article Element

  • The Section Element

  • The aside Element

  • The DIV Element

  • Other Semantic Elements

  • Using WAI-ARIA Roles

  • Challenge: Adding Sectioning Content

  • Solution: Adding Sectioning Content

05 Creating Links

• • Exploring the Anchor Element

  • Linking to Pages Within Your Site

  • Linking to External Pages

  • Linking to Downloadable Resources

  • Linking to Page Regions

  • Challenge: Creating Links

  • Solution: Creating Links

06 Creating Lists

• • Unordered Lists

  • Ordered Lists

  • Definition Lists

  • Challenge: Creating Lists

  • Solution: Creating Lists

07 Controlling Styling

• • HTML and CSS

  • Creating Inline Styles

  • The Style Element

  • Controlling Typography

  • Adding Color

  • Externalizing Styles

  • Challenge: Controlling Basic Styling

  • Solution: Controlling Basic Styling

08 Basic Scripting

• • HTML and JavaScript

  • The Script Element

  • Writing a Function

  • Using the DOM

  • Listening for an Event

  • Responding to Events

  • Externalizing JavaScript

Video Exercise Files