| * Still Available: In the Classroom Files, Fall 2013 * Course Units: Using Standard District Template |
| Final Exam Block Web 6, June 16th @7:30 Web 5, June 16th @9:30 Web 1, June 18th @9:30 |
| • Personal Site Rubrics Personal Site All Pages- Rubric (Submit at exam block) Content Peer Editing Feedback Form (Submit at exam block) Guardian Rubric (submit at exam block) • Class Survey Submit cass survey before leaving! |
| June 9 - 13, 2014 Personal Site/Exam Block |
| Week Outline & Class Objectives • Personal Site Personal Site Home Page- Rubric (submitted) Personal Site, Rubric used for pages 1-3(Monday/Tuesday) Personal Site All Pages- Rubric (Submit at exam block) Content Peer Editing Feedback Form (Submit at exam block) Guardian Rubric (submit at exam block) • Dreamweaver Dreamweaver Handbook (to be updated) Adobe TV- Dreamweaver - Dreamweaver Video Tutorial #1 by Mrs. Cullen - Dreamweaver Video Tutorial #2 by Mrs. Cullen - Dreamweaver Video Tutorial #3 by Mrs. Cullen - Dreamweaver Video Tutorial #4 by Mrs. Cullen ---- File Structure Setting up FTP Connecting to FTP --- Finding your home page (depending on your class): * This Web address will only work if your home page is saved as index.html 1. www.natickhighwebdesign.com/web5spring14/firstnamelastname 2. www.natickhighwebdesign.com/web6spring14/firstnamelastname 3. www.natickhighwebdesign.com/web1spring14/firstnamelastname |
| Homework #1: Building! |
| No bi-weekly blog or exit slip, focus on site! |
| June 2 - 6, 2014 Personal Site |
| Week Outline & Class Objectives • Personal Site Personal Site Home Page- Rubric Personal Site, Rubric used for page 3 Personal Site All Pages- Rubric Content Peer Editing Feedback Form Guardian Rubric • Dreamweaver Dreamweaver Handbook (to be updated) Adobe TV- Dreamweaver - Dreamweaver Video Tutorial #1 by Mrs. Cullen - Dreamweaver Video Tutorial #2 by Mrs. Cullen - Dreamweaver Video Tutorial #3 by Mrs. Cullen - Dreamweaver Video Tutorial #4 by Mrs. Cullen ---- File Structure Setting up FTP Connecting to FTP --- Finding your home page (depending on your class): * This Web address will only work if your home page is saved as index.html 1. www.natickhighwebdesign.com/web5spring14/firstnamelastname 2. www.natickhighwebdesign.com/web6spring14/firstnamelastname 3. www.natickhighwebdesign.com/web1spring14/firstnamelastname |
| Homework #1: Building! |
| No bi-weekly blog or exit slip, focus on site! |
| May 27 - 30, 2014 Personal Site |
| Week Outline & Class Objectives CLICK HERE FOR WHAT TO DO WHILE I AM OUT- 05/27/2014 • Personal Site Personal Site Home Page- Rubric Personal Site, Rubric used for page 3 Personal Site All Pages- Rubric Content Peer Editing Feedback Form Guardian Rubric • Dreamweaver Dreamweaver Handbook (to be updated) Adobe TV- Dreamweaver - Dreamweaver Video Tutorial #1 by Mrs. Cullen - Dreamweaver Video Tutorial #2 by Mrs. Cullen - Dreamweaver Video Tutorial #3 by Mrs. Cullen - Dreamweaver Video Tutorial #4 by Mrs. Cullen ---- File Structure Setting up FTP Connecting to FTP --- Finding your home page (depending on your class): * This Web address will only work if your home page is saved as index.html 1. www.natickhighwebdesign.com/web5spring14/firstnamelastname 2. www.natickhighwebdesign.com/web6spring14/firstnamelastname 3. www.natickhighwebdesign.com/web1spring14/firstnamelastname |
| Homework #1: Complete your home page! Will be publishing the page together to the Web on June 2nd / 3rd Homework #2: Connecting to FTP, share home page link in a Google Doc labeled "Class Name, Home Page Link" . For further directions on this part read Connecting to FTP |
| No blog or exit slip |
| May 19 - 23, 2014 Dreamweaver |
| Week Outline & Class Objectives • Dreamweaver Dreamweaver Handbook (to be updated) Adobe TV- Dreamweaver - Dreamweaver Video Tutorial #1 by Mrs. Cullen - Dreamweaver Video Tutorial #2 by Mrs. Cullen - Dreamweaver Video Tutorial #3 by Mrs. Cullen - Dreamweaver Video Tutorial #4 by Mrs. Cullen ---- File Structure Setting up FTP Connecting to FTP |
| Homework #1: Gather 1 photo and complete write up for home page Submit in a Google Doc. titled, Home Page Planning Homework #2: Watch and complete video tutorials #1-4 before the start of class next week (videos are linked above) |
| Submit bi-weekly exit slip |
| May 12 - 16, 2014 Dreamweaver |
| Week Outline and Class Objectives CLICK HERE FOR WHAT TO DO WHILE I AM OUT (May 15, 2014) - Dreamweaver Video Tutorial #1 by Mrs. Cullen - Dreamweaver Video Tutorial #2 by Mrs. Cullen Project Management, Site Map- page 3 (Web 1) • Dreamweaver Dreamweaver Handbook (to be updated) Adobe TV- Dreamweaver Dreamweaver Video Tutorial #1 by Mrs. Cullen ---- File Structure Setting up FTP Connecting to FTP |
| Homework #1: Gather 1 photo and complete write up for home page Submit in a Google Doc. titled, Home Page Planning |
| Submit bi-weekly blog |
| May 5 - 9. 2014 Intro HTML and CSS Dreamweaver |
| Week Outline and Class Objectives • Intro to HTML and CSS - Review in text edit, building your own page - Skeleton for start of HTML and CSS page - Exam Review, Jeopardy in Class - HTML and CSS Exam (to be linked) - Web 1, HTML and CSS Exam - Web 5, HTML and CSS Exam - Web 6, HTML and CSS Exam • Dreamweaver Dreamweaver Handbook (to be updated) Adobe TV- Dreamweaver ---- Setting up FTP Connecting to FTP |
| Homework #1: Study for Exam Homework #2: Project Management, Evaluating Websites- page 2 & 3 Example of Site Map |
| Submit bi-weekly exit slip |
| April 28 - May 2, 2014 Intro HTML and CSS |
| Week Outline and Class Objectives • Intro to HTML and CSS - Review in text edit, building your own page - Skeleton for start of HTML and CSS page - Exam Review, Jeopardy in Class - HTML and CSS Exam (to be linked) |
| Homework #1: Study for Exam |
| Submit bi-weekly blog |
| April 14 - 17, 2014 HTML & CSS |
| Week Outline and Class Objectives • Intro. HTML Videos to Inspire Mitch Resnick, Let’s Teach Kids to Code What Most Schools Don't Teach, Inspiration in Coding Resources HTML Handbook Notepad Lesson with Mrs. Cullen (in the Classroom) Assignments Introduction to HTML worksheet (use w3schools.com as a reference) • Introduction to CSS CSS Video Intro Introduction to CSS CSS Worksheet (use www.w3schools.com as a reference) First HTML and CSS Page --- CSS Defaults Reset CSS |
| Homework #1 (Web 1): Introduction to HTML worksheet (use w3schools.com as a reference) |
| Submit bi-weekly exit slip |
| April 7 - 11, 2014 Intro. HTML Intro. CSS |
| Week Outline and Class Objectives CLICK HERE FOR WHAT TO DO WHILE I AM OUT- 04/08/2014 Thank you for your patience since I have been out. I have been really sick and I am still in recovery. I hope to return by the middle of this week. I will be submitting grades from home. If you did not complete the Express Yourself Reflection you need to do so before the end of the day on Monday. That will be the last grade entered into iPass for quarter 3. File Structure, Pre-Assessment Web 1 File Structure, Pre-Assessment Web 5 File Structure, Pre-Assessment Web 6 CSS Worksheet (use www.w3schools.com as a reference) Review: Web writing/reading assignment • Intro. HTML Videos to Inspire Mitch Resnick, Let’s Teach Kids to Code What Most Schools Don't Teach, Inspiration in Coding Resources HTML Handbook Notepad Lesson with Mrs. Cullen (in the Classroom) Assignments Introduction to HTML worksheet (use w3schools.com as a reference) • Introduction to CSS CSS Video Intro Introduction to CSS CSS Worksheet (use www.w3schools.com as a reference) First HTML and CSS Page --- CSS Defaults Reset CSS |
| Homework #1: Complete any unfinished worksheets |
| End of Quarter no blog or exit slip |
| March 31 - April 4, 2014 Intro. HTML Intro. CSS |
| Week Outline and Class Objectives CLICK HERE FOR WHAT TO DO WHILE I AM OUT- 03/31/2014 File Structure, Pre-Assessment Web 1 File Structure, Pre-Assessment Web 5 File Structure, Pre-Assessment Web 6 Review: Web writing/reading assignment • Intro. HTML Videos to Inspire Mitch Resnick, Let’s Teach Kids to Code What Most Schools Don't Teach, Inspiration in Coding Resources HTML Handbook Notepad Lesson with Mrs. Cullen (in the Classroom) Assignments Introduction to HTML worksheet (use w3schools.com as a reference) • Introduction to CSS CSS Video Intro Introduction to CSS CSS Worksheet (use www.w3schools.com as a reference) First HTML and CSS Page --- CSS Defaults Reset CSS |
| Homework #1: Complete any unfinished worksheets |
| End of Quarter no blog or exit slip |
| March 24 - 28, 2014 Intro. HTML |
| Week Outline and Class Objectives CLICK HERE FOR WHAT TO DO WHILE I AM OUT- 03/28/14 (Sorry the first day I was sick and now I am at a training) Introduction to HTML worksheet (use w3schools.com as a reference) - Web writing/reading assignment (complete page 8 on a Google Doc) CLICK HERE FOR WHAT TO DO WHILE I AM OUT- 03/26/14 - Codecademy, Introduction to HTML chapter assignment * The file above has been updated since yesterday to accomodate badge issues. - Web writing/reading assignment (complete page 8 on a Google Doc) • Design Principles Design Principles, Exam • Intro. HTML Videos to Inspire Mitch Resnick, Let’s Teach Kids to Code What Most Schools Don't Teach, Inspiration in Coding Resources HTML Handbook Notepad Lesson with Mrs. Cullen (in the Classroom) Assignments Codecademy, Introduction to HTML chapter assignment Introduction to HTML worksheet (use w3schools.com as a reference) |
| Homework #1: Web writing/reading assignment (complete page 8 on a Google Doc) |
| Submit bi-weekly blog |
| March 17 - 21, 2014 Design Principles |
| Week Outline and Class Objectives • Design Principles White Space, video Design Principles, Pre-Assessment Design Principles, Presentation Design Principles, Exam to be linked Photography Composition Food Photography Tricks Color Combination Builder: - Kuler - Color Combos - Color meanings in Business/Marketing Site Resources themeforest.net - attractive www.webpagesthatsuck.com - not so attractive themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site http://www.templatemonster.com/demo/48160.html - responsive site |
| Homework #1: Study for Design Exam |
| Exit Slip and Blog Take a Break Week |
| March 10 - 14 2014 Express Yourself Project Design Principles |
| Week Outline and Class Objectives • Express Yourself Indiv. Photos to Load in Class Express Yourself, Photoshop steps (Pages 3 - 15) Express Yourself, Reflection (Page 17) Express Yourself, Rubric • Photoshop Challenge, Photoshop Ping Pong- Extra Photoshp Assignment - Photoshop Ping Pong NHS Showcase - Photoshop Ping Pong Examples Outside Natick - Photoshop Ping Pong image to download option 1, option 2, option 3 * Choose to work with any of the three original images from above to create a new scene (using Photoshop.) • Design Principles White Space, video Design Principles, Pre-Assessment Design Principles, Presentation Design Principles, Exam to be linked Color Combination Builder: - Kuler - Color Combos - Color meanings in Business/Marketing Site Resources themeforest.net - attractive www.webpagesthatsuck.com - not so attractive themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site http://www.templatemonster.com/demo/48160.html - responsive site |
| Homework #1: Complete any missing assignments |
| Submit bi-weekly exit slip |
| March 3 - 7, 2014 Express Yourself Project Design Principles |
| Week Outline and Class Objectives CLICK HERE FOR WHAT TO DO WHILE I AM OUT (March 5, 2014) • Express Yourself Indiv. Photos to Load in Class Express Yourself, Photoshop steps (Pages 3 - 15) Express Yourself, Reflection (Page 17) Express Yourself, Rubric --- Web1: EYP, Pre-Assessment Analysis Web5: EYP, Pre-Assessment Analysis Web6: EYP, Pre-Assessment Analysis • Photoshop Challenge, Photoshop Ping Pong - Photoshop Ping Pong NHS Showcase - Photoshop Ping Pong Examples Outside Natick - Photoshop Ping Pong image to download option 1, option 2, option 3 * Choose to work with any of the three original images from above to create a new scene (using Photoshop.) |
| Homework #1: Express Yourself Rubric, (pg. 17) |
| Submit bi-weekly blog |
| February 24 - 28, 2014 Photoshop |
| Week Outline and Class Objectives Web 6 - Key Word Building, Voc. Exam (link removed, see me for make-up) • Photoshop Content- Aware, Video Content-Aware, Image to Load Photoshop Copy Cat Drill - The Killers, Process Example --- - Taylor Swift Example - Taylor Swift, to Load --- - The Killers Example - The Killers, to Load --- - Photoshop Worksheet • Express Yourself Indiv. Photos to Load in Class Express Yourself Project (empty rubric) --- Web1: EYP, Pre-Assessment Analysis Web5: EYP, Pre-Assessment Analysis Web6: EYP, Pre-Assessment Analysis |
| Homework #1: complete Photoshop Worksheet Homework #2: Express Yourself Words, pg. 2(share in Google Doc) |
| Submit bi-weekly exit slip |
| February 10 - 14, 2014 Keyword Building Photoshop |
| Week Outline and Class Objectives Forms to Fill Out & Info to Know Welcome Letter, 3 pts. Flash Drive Check, 3 pts. Review Adobe Load Key Word Building Key Word Building Assignment Presentation Room Web 5 - Key Word Building, Voc. Exam (link removed, see me for make-up) Web 1 - Key Word Building, Voc. Exam (link removed, see me for make-up) • Photoshop Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) Photoshop Copy Cat Drill - The Killers, Process Example - Taylor Swift Example - Taylor Swift, to Load - The Killers Example - The Killers, to Load - Photoshop Worksheet |
| Homework: Enjoy vacation! |
| Submit bi-weekly blog |
| February 3 - 7, 2014 Keyword Building Photoshop |
| Week Outline and Class Objectives Forms to Fill Out & Info to Know Welcome Letter Flash Drive Check Review Adobe Load Key Word Building Key Word Building Assignment Presentation Room • Photoshop Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) Photoshop Copy Cat Drill - The Killers, Process Example - Taylor Swift Example - Taylor Swift, to Load - The Killers Example - The Killers, to Load - Photoshop Worksheet |
| Homework: Complete Vocabulary Exam (to be linked) |
| Submit bi-weekly exit slip |
| January 27 - 31, 2014 Introduction to Course |
| Week
Outline and Class Objectives Forms to Fill Out & Info to Know Computer Experience Survey Welcome Letter Natick High Web Design, Gallery Site Vidoes to Influence Here is to the Crazy Ones Smart is Sexy Above and Beyond by: Peter Reynolds Why I Create, by: Adobe What Most Schools Don't Teach, Inspiration in Coding Key Word Building Key Word Building Assignment Example Project: https://twitter.com/css_web Presentation Room |
| Homework: Submit Welcome Letter and Purchase Flash Drive |
| Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example) |