Student Lessons
All lessons in this course are listed below, organized by unit and module. Lessons and their assignments are also listed in the Student Assignment Checklist, which must be completed regularly and turned in to your instructor.
Unit 1: Designing and Planning Web Pages
Module 1: Basic Site Evaluation and Rubric Creation
- Lesson 1: Surveying the Possibilities
- Lesson 2: Developing a Website Evaluation Tool
Module 2: Color Theory
- Lesson 1: Color Theory in Web Design
Module 3: Web Standards & Accessible Design
- Lesson 1: Web Standards
- Lesson 2: How People with Disabilities Access the Web
Module 4: Planning a Website
- Lesson 1: Organizing a Website
Unit 2: Creating Pages with HTML
Module 1: Pre-Coding (Module 1)
- Lesson 1: Pre-Coding (Lesson 1)
Module 2: Basic HTML Markup
- Lesson 1: HTML Syntax
- Lesson 2: Essential Tags
- Lesson 3: Common Tags
Module 3: HTML Lists
- Lesson 1: Lists
- Lesson 2: Creating a Navigation Menu
Module 4: Creating Links
- Lesson 1: Linking to External Internet Sites
- Lesson 2: Linking to Pages Within Your Website
- Lesson 3: Special Types of Links
Module 5: Creating a Data Table (Module 5)
- Lesson 1: Creating a Data Table (Lesson 1)
Module 6: HTML Video
- Lesson 1: Adding Video to Web Pages
- Lesson 2: Adding Captions to Videos
Module 7: Unit 2 Reflections
Unit 3: Formatting Web Pages with Style Sheets
Module 1: Introduction to Cascading Style Sheets
- Lesson 1: Anatomy of a Style
- Lesson 2: Applying Styles
- Lesson 3: Linking to an External Style Sheet
Module 2: Color in CSS
- Lesson 1: Understanding Color in CSS
- Lesson 2: Applying Color in CSS
Module 3: Typography in CSS
- Lesson 1: Understanding Typography in CSS
- Lesson 2: Applying Typography in CSS
Module 4: The Box Model in CSS
- Lesson 1: Understanding The Box Model in CSS
- Lesson 2: Applying The Box Model in CSS
Module 5: The Role of ID and Class in CSS
- Lesson 1: Understanding ID and Class in CSS
- Lesson 2: Applying ID and Class in CSS
- Lesson 3: Pseudo-class Selectors in CSS
Module 6: Page Layout Techniques
- Lesson 1: Page Layout with CSS
- Lesson 2: Stylizing a Navigation Menu with CSS
Module 7: Unit 3 Reflections
Unit 4: Graphics
Module 1: Introduction to Web Graphics (Module 1)
- Lesson 1: Introduction to Web Graphics (Lesson 1)
- Lesson 2: Copyright Law and Graphics on the Web
Module 2: Creating a Web Photo Album
- Lesson 1: Understanding Web Graphics
- Lesson 2: Acquiring Images for Web Graphics
- Lesson 3: Cropping and Resizing
- Lesson 4: Adding Images to Your Web Page
Module 3: Creating a Button
- Lesson 1: Basic Shapes and Colors
- Lesson 2: Working With Layers
- Lesson 3: Optimizing GIF Images
- Lesson 4: Creating a Favicon
Module 4: Creating a Web Page Banner
- Lesson 1: Selection Tools
- Lesson 2: Layer Effects and Blending
- Lesson 3: Background Images
Module 5: Unit 4 Reflections
Unit 5: Scripting
Module 1: Overview of Scripting on the Web
- Lesson 1: Client-side vs. Server-side Scripting
Module 2: JavaScript
- Lesson 1: Using JavaScript to Show an Alert
- Lesson 2: JavaScript Errors and Debugging
- Lesson 3: Building a JavaScript Clock Part 1
- Lesson 4: Building a JavaScript Clock Part 2
- Lesson 5: Using JavaScript to Hide and Show Content
- Lesson 6: Building a Custom Video Player
Module 3: Unit 5 Reflections
Unit 6: Quality Control
Module 1: Validating Websites
- Lesson 1: Validating Your HTML
- Lesson 2: Validating Your CSS
- Lesson 3: Validating Your Accessibility
Module 2: Testing Usability
- Lesson 1: Conducting a Usability Test
Module 3: Unit 6 Reflections
Unit 7: Website Management and Authoring Tools
Module 1: Web Authoring Software
- Lesson 1: Basic Features of Web Authoring Software
- Lesson 2: Content, Structure, Presentation, and Behavior
- Lesson 3: Site Management Features
Module 2: Publishing on the Web
- Lesson 1: Website Hosting Services
- Lesson 2: Website Publishing Tools
Module 3: Unit 7 Reflections
Unit 8: Client Website (Unit 8)
Module 1: Client Website (Module 1)
- Lesson 1: Planning the Client Website
- Lesson 2: Constructing the Client Website
- Lesson 3: Quality Control of the Client Website