|
* Still Available: In the Classroom Files, Spring 2016
|
| January 17 - 20, 2016 MIDTERM BLOCK |
Midterm Schedule Web 2:Tuesday, January 17th @9:30-11
1. File Structure Post-Assessment link 2. FINAL WEBSITE DUE
Finding your home page
Rubrics - Guardian Rubric (HOMEWORK - due during Final Exam Block) |
Enjoy Second Semester and Come Visit! |
January 9 - 12, 2017 |
Week Outline and Class Objectives
File Structure Post Assessment Review Questions
Publishing Information To Find Project: http://www.natickhighwebdesign.com/webfall2016/firstnamelastname
Final Project: Personal Website - Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print) - Guardian Rubric (HOMEWORK - due during Final Exam Block) Dreamweaver Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2 -- Helpful Resources - Learn about Copyright and Creative Commons - CSS (all versions) Resource - Skeleton for start of HTML and CSS page - Adobe Kuler for color combos - Web Page Design Resource: Templated.co- How to create a centered navigation menu - How to create a background image in css3 |
January 3 - 6, 2017 |
Week Outline and Class Objectives
• Dreamweaver Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2 -- Final Project: Personal Website - Content Peer Editing Feedback Form (due January 12) - Guardian Rubric (due during Final Exam Block) Helpful Resources - Learn about Copyright and Creative Commons - CSS (all versions) Resource - Skeleton for start of HTML and CSS page - Adobe Kuler for color combos - Web Page Design Resource: Templated.co- How to create a centered navigation menu - How to create a background image in css3 |
December 19 - 23, 2016 |
|
Week Outline and Class Objectives Review for Take Home Unit Exam: HTML & CSS Final Project: Personal Website What Is To Come (don't worry about all of it now, just helping to provide an outline for later): - Learn Dreamweaver (January 4-6) - Content Peer Editing Feedback Form (due January 12) - Guardian Rubric (due during Final Exam Block)
Helpful Resources - CSS (all versions) Resource - Skeleton for start of HTML and CSS page - Adobe Kuler for color combos - Web Page Design Resource: Templated.co- How to create a centered navigation menu - How to create a background image in css3
|
Homework #1: Exam: HTML & CSS Due Friday Homework #2: Final Project Home Page - Home Page Rubric - Due (January 6th) |
No Blog/Exit Slip: Focus on Final Project! |
December 12 - 16, 2016 |
Week Outline and Class Objectives
HTML & CSS Combination New Balance Page Guided In-class Work My demo from in class: for you to copy if you missed anything Independent Work Create Your own Page Assignment Assignment Resources Web Page Design Resource: Templated.coHow to create a centered navigation menu How to create a background image in css3 ---
Helpful Resources - CSS (all versions) Resource - Skeleton for start of HTML and CSS page - Adobe Kuler for color combos |
Homework #1: Final Project Proposal (due Monday, December 19th) --- Inspiration Site Resources themeforest.netNatickhighwebdesign.com Web Page Design Resource: Templated.co Word Press Templates |
Homework #2: Lesson 9 (last one!) in Codecademy: Learn HTML & CSS Part I (due Monday, December 19th) |
| Submit Bi-Weekly Exit Slip #6 |
December 5 - 9, 2016 |
Week Outline and Class Objectives
HTML & CSS Combination New Balance Page Guided In-class Work My demo from in class: for you to copy if you missed anything Independent Work Create Your own Page Assignment Assignment Resources Web Page Design Resource: Templated.coHow to create a centered navigation menu How to create a background image in css ---
Helpful Resources - CSS (all versions) Resource - Skeleton for start of HTML and CSS page - Adobe Kuler for color combos |
Homework #1: Lesson 7 & 8 in Codecademy: Learn HTML & CSS Part I |
Blog and Exit Slip Break Week (make sure all entries are up to date) |
| November 28 - December 2, 2016 HTML & CSS |
Week Outline and Class Objectives
• CSS CSS (all versions) Resource Skeleton for start of HTML and CSS page
• HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page Create Your own Page, Activity ---
Helpful Resources - CSS (all versions) Resource - Skeleton for start of HTML and CSS page - Adobe Kuler for color combos
|
Homework #1: DUE Monday 12/5 Codecademy Learn HTML & CSS: Part I Lesson 5 & 6 Complete CSS Worksheet
|
| Submit Bi-Weekly Blog Entry #5 |
| November 21 - November 23, 2016 HTML & CSS |
Week Outline and Class Objectives --- Activities Correct HTML worksheet Photography Website Share Codecademy: Learn HTML & CSS: Part I Lessons 5-6 CSS Worksheet (use www.w3schools.com as a reference)
Resources HTML In-Class and Self-Guided Practice Instructions for submitting completed codecademy badges - w3schools.com- HTML tag cheatsheet - HTML5 tag cheatsheet - Skeleton for start of HTML and CSS page CSS In-Class and Self-Guided Practice Photography Website In-Class Demo - To view the source code: option + command + u CSS Video Intro
|
| Homework #1: None, Enjoy the Holiday Break! |
| No Bi-Weekly Exit Slip or Blog, Enjoy the Holiday Break! |
| November 14 - November 18, 2016 HTML & CSS |
Week Outline and Class Objectives --- Activities Color Video for designers- complete Adobe Kuler for color combos - complete Photography Website (In-Class Activity) - To view source code: option + command + u - complete --- Understanding the Structure of an HTML FileCodecademy: Learn HTML & CSS: Part I Lessons 3 & 4 Instructions for submitting completed codecademy badges CSS Worksheet (use www.w3schools.com as a reference)
Resources HTML In-Class and Self-Guided Practice CSS In-Class and Self-Guided Practice Photography Website In-Class Demo - To view the source code: option + command + u CSS Video Intro
|
|
Due Monday 11/21 - Codecademy: Learn HTML & CSS: Part I Lessons 3 & 4 - Photography Website (In-Class Activity) - To view source code: option + command + u
|
| Submit Exit Slip #5 |
| November 7 - November 11, 2016 HTML & CSS |
Week Outline and Class Objectives
Typography for Web Design Video -complete - Activity for Video -complete --- Color Video for designers Adobe Kuler for color combos --- HTML In-Class and Self-Guided Practice CSS In-Class and Self-Guided Practice Introduction to CSSCSS Worksheet (use www.w3schools.com as a reference) |
Due Tuesday 11/15: - Photography Website In-Class Activity - To view source code: option + command + u - Introduction to HTML worksheet (homework if not complete) - Submit here! - Lesson 1 & 2 in Codecademy: Learn HTML & CSS: Part I (homework if not complete) |
| Blog Entry #4 |
| October 31 - November 4, 2016 HTML & CSS |
Week Outline and Class Objectives DESIGN PRINCIPLES Review: Design Principles, Presentation & Pre-Assessment --- Typography for Web Design Video Color Video for designers Adobe Kuler for color combos --- HTML In-Class and Self-Guided Practice CSS In-Class and Self-Guided Practice CSS Video Intro
|
| Thursday: Design Principles Quiz |
| Blog and Exit Slip Break Week (make sure all entries are up to date for quarter 1) |
| October 24 - 28, 2016 HTML & CSS |
Week Outline and Class Objectives HTML & CSS Videos to Inspire HTML In-Class and Self-Guided Practice CSS In-Class and Self-Guided Practice CSS Video Intro DESIGN How to use Photography in Branding Mood Board ExamplesColor Video for designers Adobe Kuler for color combos --- |
| Homework #1: Finish any incomplete assignments started in class. |
| Submit Exit Slip #4 |
October 17 - 21, 2016 Introduction to HTML |
Week
Outline and Class Objectives Design Principles: Design Principles, Presentation & Pre-Assessment --- How to use Photography in Branding Mood Board ExamplesColor Video for designers Adobe Kuler for color combos HTML Introduction to Text Editors - Atom (free download) -TextEdit (a basic text editor that is already on your computer) Instructions for setting TextEdit preferences before using In-Class and Self-Guided Practice - HTML5 tag cheatsheet |
Submit in class: 1. Photography Compositions (5 photos) 2. Branding in Photography Notes |
| Blog Entry #3 |
October 11 - 14, 2016 |
Week
Outline and Class Objectives
Photoshop Submit Magazine Madness project + gallery walk Design Principles Design Principles, Presentation & Pre-Assessment - Design Principles Assignment ---Photography Composition Photography Tips and Tricks Food Photography Tricks --- Typography for Web Design Video --- Mood Board Project, to bring it all together |
Submit in class: 1. Magazine madness project (Tuesday) 2. Design Principles Assignment (Friday)
|
Homework #1: Photography assignment Due Tuesday 10/18 |
No blog or exit slip entry due this week because of the short holiday week |
| October 4 - 7, 2016 Photoshop |
Week Outline and Class Objectives Magazine Madness Magazine Madness Directions & Rubric Due: Tuesday, October 11th. Step by Step Directions if Duplicating from in Class Font Downloads which may be helpful! Help Matching Fonts (WhattheFont)NEWLY ADDED!!! - In Photoshop go to Type --> Match Font Magazine Madness Example from real life - making art for social criticism! ---- Finished? 1. Have a friend check your work against the rubric & use their feedback to improve your project. 2. Really done? Stretch your photoshop skills with a tutorial here or here! |
|
Homework: Finish Magazine Madness Project: Due Tuesday, October 11th |
| Submit Bi-Weekly Exit Slip |
| September 26 - 30, 2016 Photoshop |
Week Outline and Class Objectives Magazine Madness Magazine Madness Directions & Rubric Due: Tuesday, October 11th. Step by Step Directions if Duplicating from in Class Font Downloads which may be helpful! Help Matching Fonts (WhattheFont)NEWLY ADDED!!! - In Photoshop go to Type --> Match Font Magazine Madness Example from real life - making art for social criticism! |
|
Homework: No homework this week! |
| Submit Bi-Weekly Blog Entry #2 |
| September 19 - 23, 2016 Photoshop |
Week Outline and Class Objectives Getting ready for Magazine Madness Magazine Madness Directions & Rubric Step by Step Directions if Duplicating from in Class Font Downloads which may be helpful! Magazine Madness in real life - making art for social criticism!
Photoshop Activities 1. Text in Photoshop Character Panel - in class activity Text Effects Tutorials: Choose your own adventure - in class activity 2. Masks and Adjustment Layers Clipping MaskAdjustments Panel Movies in Color - resource for adjustment layer activity Photo 1 - resource for adjustment layer activityPhoto 2 - resource for adjustment layer activity Those Looking to Learn More.... Content Aware- video tutorial Red Eye Removal- video tutorial Red Eye Removal- collect own photo source GIF Animation - video tutorial
--- Photoshop Games! |
|
Homework #1: Magazine Madness Proposal. Due Friday, September 23rd at the beginning of class: In Google Doc include: Magazine you will duplicate, image of yourself you will put on that magazine and the replacement text. - Example of Magazine Madness Proposal - Final Product Example (this we will work on for several classes but the homework assignment above helps you plan for the final product.) |
| Submit Bi-Weekly Exit Slip |
| September 12 - 16, 2016 Photoshop |
Week
Outline and Class Objectives
Photoshop Activities Photoshop Gallery Activity Photoshop Resources Photoshop Interface (very basics) To Cover In Class: Selection Tools: magic wand and quick selection, Eraser, Brushes, Text, Layers, Filter Gallery, Clone Tool, Adjustments Panel, Shapes, Pen Tool, Crop, Clipping Mask, Character Panel, Transparency, Image/Canvas Size & Saving, How to remove content in a photo - the content aware tool ----- Photoshop Games! |
Homework: Photoshop Worksheet Due 9/19 DUE: Submit Welcome Letter and Purchase Flash Drive |
| Blog Entry #1 |
| September 6 - 9, 2016 Introduction to Photoshop |
Week
Outline and Class Objectives Photoshop Interface (very basics) Pixel VideoTo Cover In Class: Selection Tools: magic wand and quick selection, Eraser, Brushes, Text, Layers, Filter Gallery, Adjustments Panel, Shapes, Pen Tool, Crop, Clipping Mask, Character Panel, Transparency, Image/Canvas Size & Saving Activities Introductions, Turn Around and Meet My FriendColor Meanings Face Swap Tutorial Photoshop Gallery Activity ----- Photoshop Games! Announcement! BPA is open for new members! Check out the events at bpa.org. |
Homework #1: Submit Welcome Letter and Purchase Flash Drive |
| Submit Bi-Weekly Exit Slip |
| August 31 - September 2, 2016 Introduction to Course |
Week
Outline and Class Objectives Computer Experience Survey Welcome Letter Natick High Web Design, Gallery Site • Vidoes to Influence Here is to the Crazy Ones Smart is Sexy Why I Create, by: Adobe
|
Homework #1: Submit Welcome Letter and Purchase Flash Drive |
| Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example) |
