WEB DESIGN
August 16 - Introductions
1. Roll Call--Fav Food/Where?
2. Ice Breaker-Same Same
3. Photoshop or Not
August 17 - Web Design
1. Roll Call--Favorite Place you have traveled to/where do you want to go?
2. Web Design Kahoot; Kahoot 2
3. Web Design vs. Web Development
4. Intro to Web Design and Development
5. Web Development Explained
6. Set up Canva account (choose sign-in with Google)
7. Create A Design/Custom Dimensions/8.5 in X11 in
August 18 - Getting to Know You
1. Choose computer seats for seat chart/Logging On
2. Set Desktop Background/Favorites--Canvas; set up OneDrive
3. Getting to Know You-Canva One Pager (Canvas Modules)
August 21/22 - Getting Started with Web Design
1. Roll Call--Favorite TV Show/Movie
2. Welcome to Web Design! Syllabus/Tour de Canvas
3. Finish Getting to Know You Assignment; submit to Canvas; share out
4. Intro to CodeHS--set up account and join our section
*6th Hour--https://codehs.com/go/72DE6
*7th Hour--https://codehs.com/go/4C193
5. Begin CodeHS Unit 1--Getting Started: What is the Web?
August 23/24 - CodeHS Unit 1
1. Complete CodeHS Unit 1--Getting Started: What is the Web?
August 25 - YouScience Pre-Test
1. 6th Hr Code-CT1O2KQNY
2. 7th Hr. Code-XAWON0G46
3. Complete CodeHS Unit 1--Getting Started: What is the Web?
August 28/29 - CodeHS Unit 2
1. Screen check of Unit 1 Completion
2. What is HTML?
3. HTML Basics of Coding
4. Begin Unit 2: HTML-Structuring Websites
*Lessons 2.1-2.3
August 30/31 - CodeHS Unit 2
1. Finish CodeHS Unit 2: HTML-Structuring Websites
*Lessons 2.1-2.3
2. Basic WebDesign Vocab Ppoint (my OneDrive Files)
3. Intro to CodeHS Links and Images
*Activities 2.4 - Hyperlinks
*Activities 2.5 - Images
Sept. 1 - HTML Tag Review
1. Tags in HTML-Review
2. HTML basics Kahoot
3. Board Races
4. Finish CodeHS 2.4 and 2.5
September 4 - NO SCHOOL - Labor Day
September 5 - NO SCHOOL - Professional Learning
September 6/7 - Colors and Google Fonts/Web Design Elements
1. Finish CodeHS Unit 2-raise hand for screen check when done
2. Show good website examples (Nike, Nothing Bundt, Hereford House); pros/cons of colors and fonts
3. Discuss Typography and Color Scheme; Demo Colors and Google Fonts
4. Work on Assignment: Web Design Elements (Canvas Modules); show how we will use hex code and font into for coding
September 8 – Wireframing
1. Finish Web Design Elements Assignment
2. What is “Wireframing?" Wireframing Video
3. Brainstorm as a class ways to layout your page for My Typical Day(Wireframing)
4. Work on Wireframing Assignment--My Typical Day (Canvas Modules)
5. Be sure all of CodeHS Unit 2 is completed (show me for points)
September 11/12 - CSS/Replit Account Login/Demo/Typical Day
1. Finish Wireframing Assignment--My Typical Day (Canvas Modules)
2. What is CSS?
3. Replit Accounts Demo Video; Login
4. Work on Explore Replit Assignment (together)
5. Begin My Typical Day Project-Demo Part 1
September 13/14 - My Typical Day
1. My Typical Day Project-Demo Part 2, 3, 4 (go over main points of HTML/CSS)
2. Discuss requirements for My Typical Day in Canvas Modules
3. W3 Schools Reference (link in Canvas Modules)
4. Work on My Typical Day at your own pace using the modules/videos to help; should be very creative and your own!
September 15 - My Typical Day
1. Work on My Typical Day Project in Replit (Canvas Modules)
September 18/19 - My Typical Day
1. Work on My Typical Day Project in Replit (Canvas Modules)
September 20/21 - My Typical Day
1. Work on My Typical Day Project in Replit (Canvas Modules)
2. Review Rubric; be sure all things are included before submission
3. Go above and beyond with extra things for extra credit
September 22 – My Typical Day
1. Finish My Typical Day Project in Replit (Canvas Modules)
September 25/26 - Mickey Mouse Resume
1. Submit link for My Typical Day (be sure to tell me if you did E.C. in comments)--DUE TODAY
2. Begin work on Mickey Mouse Resume Assignment (Canvas Modules)
September 27/28 - Mickey Mouse Resume
1. Finish Mickey Mouse Resume Assignment (Canvas Modules)
2. Begin Unit 5 Code HS - Advanced HTML and CSS
September 29 - NO SCHOOL - P/T Conferences
October 2/3 - CodeHS - Unit 5
1. Work Unit 5 Code HS - Advanced HTML and CSS
*I grade on screen when complete
October 4 - Testing Day - NO SCHOOL
October 5/6 - CodeHS - Unit 5/Wireframe for Info Website
1. Finish Unit 5 Code HS - Advanced HTML and CSS
*I grade on screen when complete
2. Intro to Informational Website Project-Explain and Show Examples
3. Begin Wireframe Assignment
October 9/10 - Wireframe/Canva Banner
1. Finish Wireframe Assignment; submit to Canvas
October 11/12 - Nav Bar
1. Complete Wireframe; submit to Canvas
2. Intro to Canva Banner; Custom Size is 1920px X 350px (code add width of 100%); save as png image
3. Intro to Navigation Bar
4. Work on Banner and Nav Bar Assignment for Informational Website
5. Create New Repl for Info Website
*Create New Repl
*Upload Banner
*Add Nav Bar Code
October 13 – End Qtr. 1 - NO SCHOOL
October 16/17 - Box Model
1. Finish Banner and Nav Bar Assignment for Informational Website; submit URL to Canvas
2. Intro to Box Model-Show Class Box Model Video from CodeHS
3. Intro Arranging Content on Your page (ie. Wireframe with text and pics side by side) = using Divs
4. Ann Video/Demo Arrange Content
5. Work on Box Model Practice Assignment
October 18/19 - Box Model/Home Page
1. Finish Box Model Practice Assignment-DUE
2. Show Video Arranging Multiple Divs
3. Work on Div Designs Assignment
4. Go over Home Page Content; will work to complete these things with sub on Friday
*Content (2 divs)
*Styling (Page color, font family/color/size/borders, etc.)
*Sub-topic #1 content
October 20 - (sub)
1. Work on Info Website; complete any pieces not submitted this week
October 23/24 - Info Website
1. Work on Info Website; complete any pieces not submitted this week
October 25/26 - Info Website
1. Work on Info Website; complete any pieces not submitted this week
October 27 - Info Website
1. Work on Info Website
October 30/31 - Info Website
1. Finish Info Website
November 1 - NO SCHOOL - Professional Learning
November 2/3 - Info Website
1. Finish Info Website
November 6/7 - Info Website
1. Finish Info Website; DUE TODAY
2. Grade Onscreen; test links
3. Info Website Peer Review Assignment
November 8/9 - Info Website Peer Review
1. Finish Info Website Peer Review Assignment
2. Begin Box Model Team Challenge; put into teams of 2
November 10 – Box Model Team Challenge
1. Finish Box Model Team Challenge; put into teams of 2
2. Due by end of class; only one of you submits; put both names in comments
November 13/14 – Color Theory/Typography
1. Intro to Color Theory; Color Theory/Typography Slides
2. Work on Color Theory Assignment
3. Intro to Typography;
4. Can't Unsee
5. Begin Typography Recipe Exchange Assignment
November 15/16 – Color Theory/Recipe Exchange Assignment
1. Finish Color Theory Assignment; DUE TODAY
2. Work on Typography Recipe Exchange Assignment
November 17 – Recipe Exchange Assignment
1. Typography Recipe Exchange Assignment DUE
November 20 - 24 - Thanksgiving Break - NO SCHOOL
November 27/28 – Wireframe for Dream Vacation
1. Intro to Dream Vacation Project
2. Begin Wireframe for Dream Vacation
3. Work on Wireframe for Dream Vacation
November 29/30 – Wireframe for Dream Vacation (sub plans)
1. Work on Wireframe for Dream Vacation
December 1 - Dream Vacation Project (sub plans)
1. Finish Wireframe for Dream Vacation
2. Begin work on Dream Vacation Site
December 4/5 – Dream Vacation Project
1. Begin work on Dream Vacation Site
2. Intro to Bootstrap?
December 6/7 – Dream Vacation Project
1. Work on Dream Vacation Site
December 8 – Dream Vacation Project
1. Work on Dream Vacation Site
December 11/12 - Dream Vacation Project
1. Work on Dream Vacation Site
December 13/14 - Dream Vacation Project
1. Dream Vacation Project Due--Show me onscreen for grade
Begin BPA Fundamentals of Web Design?
December 15 – Dream Vacation Project
1. Dream Vacation Project Due--Show me onscreen for grade
December 20 - Finals
1. YouScience PostTest
1. Roll Call--Fav Food/Where?
2. Ice Breaker-Same Same
3. Photoshop or Not
August 17 - Web Design
1. Roll Call--Favorite Place you have traveled to/where do you want to go?
2. Web Design Kahoot; Kahoot 2
3. Web Design vs. Web Development
4. Intro to Web Design and Development
5. Web Development Explained
6. Set up Canva account (choose sign-in with Google)
7. Create A Design/Custom Dimensions/8.5 in X11 in
August 18 - Getting to Know You
1. Choose computer seats for seat chart/Logging On
2. Set Desktop Background/Favorites--Canvas; set up OneDrive
3. Getting to Know You-Canva One Pager (Canvas Modules)
August 21/22 - Getting Started with Web Design
1. Roll Call--Favorite TV Show/Movie
2. Welcome to Web Design! Syllabus/Tour de Canvas
3. Finish Getting to Know You Assignment; submit to Canvas; share out
4. Intro to CodeHS--set up account and join our section
*6th Hour--https://codehs.com/go/72DE6
*7th Hour--https://codehs.com/go/4C193
5. Begin CodeHS Unit 1--Getting Started: What is the Web?
August 23/24 - CodeHS Unit 1
1. Complete CodeHS Unit 1--Getting Started: What is the Web?
August 25 - YouScience Pre-Test
1. 6th Hr Code-CT1O2KQNY
2. 7th Hr. Code-XAWON0G46
3. Complete CodeHS Unit 1--Getting Started: What is the Web?
August 28/29 - CodeHS Unit 2
1. Screen check of Unit 1 Completion
2. What is HTML?
3. HTML Basics of Coding
4. Begin Unit 2: HTML-Structuring Websites
*Lessons 2.1-2.3
August 30/31 - CodeHS Unit 2
1. Finish CodeHS Unit 2: HTML-Structuring Websites
*Lessons 2.1-2.3
2. Basic WebDesign Vocab Ppoint (my OneDrive Files)
3. Intro to CodeHS Links and Images
*Activities 2.4 - Hyperlinks
*Activities 2.5 - Images
Sept. 1 - HTML Tag Review
1. Tags in HTML-Review
2. HTML basics Kahoot
3. Board Races
4. Finish CodeHS 2.4 and 2.5
September 4 - NO SCHOOL - Labor Day
September 5 - NO SCHOOL - Professional Learning
September 6/7 - Colors and Google Fonts/Web Design Elements
1. Finish CodeHS Unit 2-raise hand for screen check when done
2. Show good website examples (Nike, Nothing Bundt, Hereford House); pros/cons of colors and fonts
3. Discuss Typography and Color Scheme; Demo Colors and Google Fonts
4. Work on Assignment: Web Design Elements (Canvas Modules); show how we will use hex code and font into for coding
September 8 – Wireframing
1. Finish Web Design Elements Assignment
2. What is “Wireframing?" Wireframing Video
3. Brainstorm as a class ways to layout your page for My Typical Day(Wireframing)
4. Work on Wireframing Assignment--My Typical Day (Canvas Modules)
5. Be sure all of CodeHS Unit 2 is completed (show me for points)
September 11/12 - CSS/Replit Account Login/Demo/Typical Day
1. Finish Wireframing Assignment--My Typical Day (Canvas Modules)
2. What is CSS?
3. Replit Accounts Demo Video; Login
4. Work on Explore Replit Assignment (together)
5. Begin My Typical Day Project-Demo Part 1
September 13/14 - My Typical Day
1. My Typical Day Project-Demo Part 2, 3, 4 (go over main points of HTML/CSS)
2. Discuss requirements for My Typical Day in Canvas Modules
3. W3 Schools Reference (link in Canvas Modules)
4. Work on My Typical Day at your own pace using the modules/videos to help; should be very creative and your own!
September 15 - My Typical Day
1. Work on My Typical Day Project in Replit (Canvas Modules)
September 18/19 - My Typical Day
1. Work on My Typical Day Project in Replit (Canvas Modules)
September 20/21 - My Typical Day
1. Work on My Typical Day Project in Replit (Canvas Modules)
2. Review Rubric; be sure all things are included before submission
3. Go above and beyond with extra things for extra credit
September 22 – My Typical Day
1. Finish My Typical Day Project in Replit (Canvas Modules)
September 25/26 - Mickey Mouse Resume
1. Submit link for My Typical Day (be sure to tell me if you did E.C. in comments)--DUE TODAY
2. Begin work on Mickey Mouse Resume Assignment (Canvas Modules)
September 27/28 - Mickey Mouse Resume
1. Finish Mickey Mouse Resume Assignment (Canvas Modules)
2. Begin Unit 5 Code HS - Advanced HTML and CSS
September 29 - NO SCHOOL - P/T Conferences
October 2/3 - CodeHS - Unit 5
1. Work Unit 5 Code HS - Advanced HTML and CSS
*I grade on screen when complete
October 4 - Testing Day - NO SCHOOL
October 5/6 - CodeHS - Unit 5/Wireframe for Info Website
1. Finish Unit 5 Code HS - Advanced HTML and CSS
*I grade on screen when complete
2. Intro to Informational Website Project-Explain and Show Examples
3. Begin Wireframe Assignment
October 9/10 - Wireframe/Canva Banner
1. Finish Wireframe Assignment; submit to Canvas
October 11/12 - Nav Bar
1. Complete Wireframe; submit to Canvas
2. Intro to Canva Banner; Custom Size is 1920px X 350px (code add width of 100%); save as png image
3. Intro to Navigation Bar
4. Work on Banner and Nav Bar Assignment for Informational Website
5. Create New Repl for Info Website
*Create New Repl
*Upload Banner
*Add Nav Bar Code
October 13 – End Qtr. 1 - NO SCHOOL
October 16/17 - Box Model
1. Finish Banner and Nav Bar Assignment for Informational Website; submit URL to Canvas
2. Intro to Box Model-Show Class Box Model Video from CodeHS
3. Intro Arranging Content on Your page (ie. Wireframe with text and pics side by side) = using Divs
4. Ann Video/Demo Arrange Content
5. Work on Box Model Practice Assignment
October 18/19 - Box Model/Home Page
1. Finish Box Model Practice Assignment-DUE
2. Show Video Arranging Multiple Divs
3. Work on Div Designs Assignment
4. Go over Home Page Content; will work to complete these things with sub on Friday
*Content (2 divs)
*Styling (Page color, font family/color/size/borders, etc.)
*Sub-topic #1 content
October 20 - (sub)
1. Work on Info Website; complete any pieces not submitted this week
October 23/24 - Info Website
1. Work on Info Website; complete any pieces not submitted this week
October 25/26 - Info Website
1. Work on Info Website; complete any pieces not submitted this week
October 27 - Info Website
1. Work on Info Website
October 30/31 - Info Website
1. Finish Info Website
November 1 - NO SCHOOL - Professional Learning
November 2/3 - Info Website
1. Finish Info Website
November 6/7 - Info Website
1. Finish Info Website; DUE TODAY
2. Grade Onscreen; test links
3. Info Website Peer Review Assignment
November 8/9 - Info Website Peer Review
1. Finish Info Website Peer Review Assignment
2. Begin Box Model Team Challenge; put into teams of 2
November 10 – Box Model Team Challenge
1. Finish Box Model Team Challenge; put into teams of 2
2. Due by end of class; only one of you submits; put both names in comments
November 13/14 – Color Theory/Typography
1. Intro to Color Theory; Color Theory/Typography Slides
2. Work on Color Theory Assignment
3. Intro to Typography;
4. Can't Unsee
5. Begin Typography Recipe Exchange Assignment
November 15/16 – Color Theory/Recipe Exchange Assignment
1. Finish Color Theory Assignment; DUE TODAY
2. Work on Typography Recipe Exchange Assignment
November 17 – Recipe Exchange Assignment
1. Typography Recipe Exchange Assignment DUE
November 20 - 24 - Thanksgiving Break - NO SCHOOL
November 27/28 – Wireframe for Dream Vacation
1. Intro to Dream Vacation Project
2. Begin Wireframe for Dream Vacation
3. Work on Wireframe for Dream Vacation
November 29/30 – Wireframe for Dream Vacation (sub plans)
1. Work on Wireframe for Dream Vacation
December 1 - Dream Vacation Project (sub plans)
1. Finish Wireframe for Dream Vacation
2. Begin work on Dream Vacation Site
December 4/5 – Dream Vacation Project
1. Begin work on Dream Vacation Site
2. Intro to Bootstrap?
December 6/7 – Dream Vacation Project
1. Work on Dream Vacation Site
December 8 – Dream Vacation Project
1. Work on Dream Vacation Site
December 11/12 - Dream Vacation Project
1. Work on Dream Vacation Site
December 13/14 - Dream Vacation Project
1. Dream Vacation Project Due--Show me onscreen for grade
Begin BPA Fundamentals of Web Design?
December 15 – Dream Vacation Project
1. Dream Vacation Project Due--Show me onscreen for grade
December 20 - Finals
1. YouScience PostTest