Quizzes
Week 1&2
Week 3&4
Week 5
Week 6
Skeleton
Week 1
Day 1- Icebreaker
icebreaker-technology
Scavenger Hunt
Notes 1.1- What is a Web Page
PowerPoint: 1.1 XHTML Introduction
Project: 1.1 Headings, Paragraphs, and Lists
Picture of Project 1.1 (This is what it should look like)
Common HTML Tags
PowerPoint: 1.2 Elements & Attributes
Project: 1.2 Line Breaks, Horizontal Rules, Links & Comments
Picture of Project 1.2 (This is what it should look like)
PowerPoint: 1.3 Creating Links
PowerPoint: 1.4 Adding Comments
PowerPoint: 1.1 XHTML Introduction
Project: 1.1 Headings, Paragraphs, and Lists
Picture of Project 1.1 (This is what it should look like)
Common HTML Tags
PowerPoint: 1.2 Elements & Attributes
Project: 1.2 Line Breaks, Horizontal Rules, Links & Comments
Picture of Project 1.2 (This is what it should look like)
PowerPoint: 1.3 Creating Links
PowerPoint: 1.4 Adding Comments
Week 2
PowerPoint 2.1: Adding Images
Project: 2.1 Adding Images & Internal Links
Picture of Project 2.1 - Index Page (This is what it should look like)
Picture of Project 2.1 - Animal Page (This is what it should look like)
Picture of File Folder for Project 2.1 (What should be inside it)
Worksheet: 2.1 XHTML Syntax Practice
Project 2.2: Photo Gallery
Picture of Project 2.2 - Index Page (This is what it should look like)
Picture of Project 2.2 - Image1, 2, 3, 4, 5 Pages (This is an example of one page)
Picture of File Folder for Project 2.2 (What should be inside it)
Project: 2.1 Adding Images & Internal Links
Picture of Project 2.1 - Index Page (This is what it should look like)
Picture of Project 2.1 - Animal Page (This is what it should look like)
Picture of File Folder for Project 2.1 (What should be inside it)
Worksheet: 2.1 XHTML Syntax Practice
Project 2.2: Photo Gallery
Picture of Project 2.2 - Index Page (This is what it should look like)
Picture of Project 2.2 - Image1, 2, 3, 4, 5 Pages (This is an example of one page)
Picture of File Folder for Project 2.2 (What should be inside it)
Week 3
PowerPoint 3.1: XHTML Tables
Project 3.1: Basic Tables
Picture of Project 3.1 (This is what it should look like)
PowerPoint 3.2: Intro to CSS
Project 3.2: Creating an Internal Style Sheet
Picture of Project 3.2 (What it should look like)
PowerPoint 3.3: Bold & Italics
Project 3.1: Basic Tables
Picture of Project 3.1 (This is what it should look like)
PowerPoint 3.2: Intro to CSS
Project 3.2: Creating an Internal Style Sheet
Picture of Project 3.2 (What it should look like)
PowerPoint 3.3: Bold & Italics
Week 4
PowerPoint: 4.1 Advanced Tables
Project 4.1: Advanced Tables
Picture of Project 4.1 (What it should look like)
PowerPoint: 4.2 CSS Classes
Project 4.2: CSS Classes
Picture of Project 4.2 (What it should look like)
PowerPoint 4.3: Table Styling
Project 4.3: Table Styling
Picture of Project 4.3 (What it should look like)
Picture of File Folder for 4.3 (What it should look like)
Files to complete Project 4.3
File 1
File 2
File 3
File 4
File 5
Project 4.1: Advanced Tables
Picture of Project 4.1 (What it should look like)
PowerPoint: 4.2 CSS Classes
Project 4.2: CSS Classes
Picture of Project 4.2 (What it should look like)
PowerPoint 4.3: Table Styling
Project 4.3: Table Styling
Picture of Project 4.3 (What it should look like)
Picture of File Folder for 4.3 (What it should look like)
Files to complete Project 4.3
File 1
File 2
File 3
File 4
File 5
Week 5
PowerPoint 5.1: CSS Box Model Basics
Project 5.1: CSS Box Model
File to complete Project 5.1
Image 1 File
Picture of Project 5.1 #1 & #2 (What it should look like)
Picture of Project 5.1 #3 & #4 (What it should look like)
PowerPoint 5.2: Nesting & Floating Elements
Project 5.2: Nesting & Floating Elements
Pictures of Project 5.2: #1 #2 #3 #4 (What each should look like)
Files to Complete Project 5.2
Image 1 File
Project 5.1: CSS Box Model
File to complete Project 5.1
Image 1 File
Picture of Project 5.1 #1 & #2 (What it should look like)
Picture of Project 5.1 #3 & #4 (What it should look like)
PowerPoint 5.2: Nesting & Floating Elements
Project 5.2: Nesting & Floating Elements
Pictures of Project 5.2: #1 #2 #3 #4 (What each should look like)
Files to Complete Project 5.2
Image 1 File
Week 6
PowerPoint 6.1: Special Characters
Project 6.1: Special Characters
Picture of Project 6.1 (What it should look like)
PowerPoint 6.2: CSS Link Styling
Project 6.2: CSS Link Styling
Pictures of Project 6.2: #1 #2 (What it should look like)
Project 6.1: Special Characters
Picture of Project 6.1 (What it should look like)
PowerPoint 6.2: CSS Link Styling
Project 6.2: CSS Link Styling
Pictures of Project 6.2: #1 #2 (What it should look like)
Week 7
PowerPoint 7.1: XHTML Validation
Project 7.1: XHTML Validation
Picture of Project 7.1 (What it should look like)
Files to Complete Project 7.1
Validate Me HTML File
PowerPoint 7.2: External Style Sheets
Project 7.2: External Style Sheets
PowerPoint 7.3: Relative Paths
Picture for Video - Monday, 11/25
Practice for Video - Monday, 11/25
Relative Path Video Link
Project 7.3: Relative Paths
Project 7.1: XHTML Validation
Picture of Project 7.1 (What it should look like)
Files to Complete Project 7.1
Validate Me HTML File
PowerPoint 7.2: External Style Sheets
Project 7.2: External Style Sheets
PowerPoint 7.3: Relative Paths
Picture for Video - Monday, 11/25
Practice for Video - Monday, 11/25
Relative Path Video Link
Project 7.3: Relative Paths
Week 8
PowerPoint 8.1: Web Colors
Project 8.1: Web Colors
Picture of Project 8.1 (What it should look like)
PowerPoint 8.2: Web Fonts
Project 8.2: Web Fonts
Picture of Project 8.2 (What it should look like)
PowerPoint 8.3: Embedding Video
Project 8.3: Embedding Video
Picture of Project 8.3 (What it should look like)
Project 8.1: Web Colors
Picture of Project 8.1 (What it should look like)
PowerPoint 8.2: Web Fonts
Project 8.2: Web Fonts
Picture of Project 8.2 (What it should look like)
PowerPoint 8.3: Embedding Video
Project 8.3: Embedding Video
Picture of Project 8.3 (What it should look like)
Week 9
PowerPoint 9.1: Gradients
Project 9.1: Gradients
Picture of Project 9.1 (What it should look like)
Files to Complete Project 9.1
Body
Horizontal
Vertical
Worksheet 9.1: CSS Syntax Review
PowerPoint 9.2: Web Forms
Project 9.2: Web Forms
Picture of Project 9.2 (What it should look like)
Extra Credit:
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dE1xTU5rOHlrcjc0N2xUQ3pWMDd4VlE6MQ" width="760" height="638" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
Project 9.1: Gradients
Picture of Project 9.1 (What it should look like)
Files to Complete Project 9.1
Body
Horizontal
Vertical
Worksheet 9.1: CSS Syntax Review
PowerPoint 9.2: Web Forms
Project 9.2: Web Forms
Picture of Project 9.2 (What it should look like)
Extra Credit:
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dE1xTU5rOHlrcjc0N2xUQ3pWMDd4VlE6MQ" width="760" height="638" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
Week 10 - Final Project
PowerPoint 10.1 - Web Design Principles
Project 10.1 - Final Project - My First Website
Final Project Rubric
Example of Project 10.1 - Remember, your project does not have to look like this but must meet all the requirements set forth in the Final Project.
Home Page
Page 2
Page 3
Page 4
Folder Contents
Project 10.1 - Final Project - My First Website
Final Project Rubric
Example of Project 10.1 - Remember, your project does not have to look like this but must meet all the requirements set forth in the Final Project.
Home Page
Page 2
Page 3
Page 4
Folder Contents