Web Design & Development Student Lessons

Web Design & Development I

student assignments

• Home
• Lessons
• Resources

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: Website 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
• Lesson 2: Selecting a Color Scheme

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

• Lesson 1: Pre-coding

Module 2: Basic HTML Markup

• Lesson 1: Elements of Tags
• Lesson 2: Essential Tags
• Lesson 3: Common Tags

Module 3: HTML Lists

• Lesson 1: Unordered Lists
• Lesson 2: Ordered Lists
• Lesson 3: Nested Lists

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

• Lesson 1: Creating a Data Table

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: Applying Styles to Data Tables

Module 2: Page Layout Techniques

• Lesson 1: Layout with CSS
• Lesson 2: Layout with Tables

Unit 4: Graphics Module 1: Introduction to Web Graphics

• Lesson 1: Introduction to Web Graphics
• 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 Navigation Buttons

• Lesson 1: Basic Shapes and Colors
• Lesson 2: Working With Text
• Lesson 3: Layer Basics
• Lesson 4: Optimizing GIF Images

Module 4: Creating a Web Page Banner

• Lesson 1: Basic Image Manipulation
• Lesson 2: Selection Tools
• Lesson 3: Layer Effects and Blending

Unit 5: Overall Site Design and Management Module 1: Website Navigational Systems

• Lesson 1: Testing the Usability of Navigational Systems
• Lesson 2: Creating Your Own Navigational System

Module 2: Using an external style sheet

• Lesson 1: Linking to an External Style Sheet
• Lesson 2: Stylizing a Navigational Menu

Module 3: Scripts and Server-side technologies

• Lesson 1: Scripting and the Web
• Lesson 2: A Simple Javascript Program

Module 4: Validating a Website

• Lesson 1: Validating Your HTML
• Lesson 2: Validating Your CSS
• Lesson 3: Validating Your Accessibility

Unit 6: Introduction to Web Authoring Software Module 1: Creating a Web Page using Web Authoring Software

• Lesson 1: Basic Features of Web Authoring Software

Module 2 : Controlling Style using Web Authoring Software

• Lesson 1: CSS and Web Authoring Software: Controlling Presentation

Module 3 : Site Management using Web Authoring Software

• Lesson 1: Overview of Site Management Features

Unit 7: Client Website Module 1: Client Website

• Lesson 1: Planning the Client Website
• Lesson 2: Constructing the Client Website
• Lesson 3: Quality Control of the Client Website

Copyright © 2005-2007 by University of Washington. Permission is granted to use these materials in whole or in part for educational, noncommercial purposes provided the source is acknowledged. This product was created with support from the National Institute on Disability and Rehabilitation Research of the U.S. Department of Education (grant #H133D010306), and is maintained with support from the National Science Foundation (grant #CNS-054061S). The contents do not necessarily represent the policies of the U.S. federal government, and you should not assume their endorsement.

// //