Web Site Design Lesson Plans

Lesson plans for high school web site design courses.

Course Schedule

Week 1 XHTML Basics
Day 1: My First Web Page
Handout: Syllabus
Handout: Web Site Design Pretest
Lesson:  What Is A Web Page?
Lesson: Peanut Butter and Jelly
 
Day 2: XHTML Documents
Project: Headings, Paragraphs, and Lists
PowerPoint: XHTML Syntax Basics
 
Day 3
Project: Line Breaks, Horizontal Rules, and Links
PowerPoint: Elements And Attributes
Handout: Input, Output, Processing Quiz
 
Day 4
Project: Intro To Cascading Style Sheets
PowerPoint: Cascading Style Sheets
 
Day 5:
Project: Adding Images
Week 2 Adding Stylesheets
Day 1
Continue Adding Images project
 
Day 2
Project: Photo Gallery Project
 
Day 3
Handout: CSS Review
Continue Photo Gallery Project
 
Day 4
Handout: Syntax Practice
Continue Photo Gallery Project
 
Day 5
Continue Photo Gallery Project
Handout: XHTML and CSS Syntax Basics
Week 3 Internet Fundamentals & Tables
Day 1
Project: CSS Classes
 
Day 2
Lesson:  Client Server Basics
PowerPoint: Client Server Systems
 
Day 3
Lesson: Analyzing URLs
Project: Basic Tables
PowerPoint: Tables
 
Day 4
Continue Basic Tables project
Lesson: Domain Name Service
 
Day 5:
Project: Weather Forecast Project
Week 4 Internet Fundamentals & Tables
Day 1
Continue Weather Forecast Project
PowerPoint: Protocols
 
Day 2
Continue Weather Forecast Project
PowerPoint: HTTP Protocol
Lesson: HTTP Protocol
 
Day 3
Continue Weather Forecast Project
Review for Internet Fundamentals Test
 
Day 4
Handout: Internet Fundamentals Test
Continue Weather Forecast Project
 
Day 5
Project: Advanced Tables
Week 5 Tables & Online Security
Day 1
Continue Advanced Tables Project
 
Day 2
Continue Advanced Tables Project
Lesson: Avoiding Phishing Attacks
 
Day 3
Project: Equipment Inventory
 
Day 4
Continue Equipment Inventory Project
Lesson: Denial of Service Attacks
 
Day 5
Continue Equipment Inventory Project
Week 6 Tables & Online Security
Day 1
Continue Equipment Inventory Project
PowerPoint: Secure Passwords
 
Day 2
Continue Equipment Inventory Project
Lesson: Copyright Law
 
Day 3
Continue Equipment Inventory Project
Review for Online Security Test
 
Day 4
Handout: Online Security Test
Project: Box Model Basics
 
Day 5:
Project: Side By Side Divs
Week 7 Box Model & Personal Website Proejct
Day 1
Project: Nested Divs
 
Day 2
Project: Personal Website Project
 
Day 3 – 5
Continue Personal Website Project
Week 8 Intermediate XHTML
Day 1
Personal Website Project Class Presentation
 
Day 2
Project: Special Characters
 
Day 3
Continue Special Characters Project
 
Day 4
Project: Fancy Links
 
Day 5
Continue Fancy Links Project
Week 9 Intermediate XHTML and Design
Day 1
Project: Basic Forms
 
Day 2
Continue Basic Forms Project
PowerPoint: Internet Quiz Bowl
 
Day 3
PowerPoint: RGB Colors
Lesson: Using Colors
 
Day 4
Lesson: Web Design Principles
 
Day 5
Handout: Website Critique
Week 10 Design and Final Project
Day 1
Lesson: Common Website Layouts
 
Day 2
Project: Final Project Requirements
 
Day 3
Project: Final Project Analysis
 
Day 4
Project: Final Project Grading Rubric
 
Day 5
Continue Final Project
Week 11 Final Project
Days 1 -5
Continue Final Project
Week 12 Final Project
Days 1 – 2
Continue Final Project
 
Days 3 – 5
Final Project Class Presentations
Project: Final Project Presentation Rubric
  • Share/Bookmark