* Still Available: In the Classroom Files, Spring 2017 * Still Available: In the Classroom Files, Fall 2017
|
June 18, 2018: week Final Exam 7:30 - 9:00 |
Week Outline and Class Objectives
To Submit: 1. Class Survey 2. Content Peer Editing Feedback Form 4. Google Doc: with link to home page
• File Structure To Find Your Files: http://www.natickhighwebdesign.com/advweb1spring2018/lastname --- • Final Project/Educational Site Building |
June 11 - 15, 2018: week #19 FInal Project |
Week Outline and Class Objectives
FYI, Final Exam: Monday, June 18th 9:30-11:00 Survey Help for Student in Econ
• File Structure To Find Your Files: http://www.natickhighwebdesign.com/webspring2018/lastname
• Introduction to Personal Site --- Web Design Tool Kit, Helpful Resources
Helpful Resources --- |
Homework #1: Building Personal Site, Home Page (final project) |
| Blog Entry and Exit Slip Catch Up |
June 4 - 8, 2018: week #18 HTML & CSS |
Week Outline and Class Objectives
• Introduction to Personal Site --- Web Design Tool Kit, Helpful Resources
Helpful Resources --- - CSS (all versions) Resource - Skeleton for start of HTML and CSS page
• Dreamweaver Topics to Cover with Mrs. Cullen: CSS Designer Panel & Properties Panel
Helpful Resources --- Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2 |
Homework #1: Building Personal Site, Home Page (final project) |
| Blog Entry and Exit Slip Catch Up |
May 29 - June 1, 2018: week #17 HTML & CSS |
Week Outline and Class Objectives
• HTML & CSS Final Review, Growth Understanding File Structure, Review on Socrative (enter into room #123341) File Structure, Post Assessment HTML Structure, Post Assessment
Helpful Resources --- - CSS (all versions) Resource - Skeleton for start of HTML and CSS page
• Dreamweaver Topics to Cover with Mrs. Cullen: UI, Workspace, Properties Panel, CSS Panel, Body Tag & Page Properties Activities with Mrs. Cullen - Creating a Home Page - Creating one Side Page
Helpful Resources --- Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2
• Introduction to Personal Site --- Web Design Tool Kit, Helpful Resources |
Homework #1: Building Personal Site, Home Page (final project) |
| Blog Entry and Exit Slip Catch Up |
May 21 - 25, 2018: week #16 HTML & CSS |
Week Outline and Class Objectives
Understanding File Structure, Review on Socrative (enter into room #123341)
• HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page * Video Resource 1. Create a Google Doc titled: Web, New Balance 2. Create a Google Doc titled: Web, Create My Own In this file include a screen shot of your file (both home page and one side page) in a browser and then copy and paste your code under the screen shot --- Create Your own Page, Activity
• Wrap Up Unit Exam to be Linked
Helpful Resources --- |
Homework #1: Study for Unit Exam Homework #2: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page and 1 side page wireframe (due May 25th) Helpful Resources Color Combos for color combo Adobe Kuler for color combos --- Site Resources Word Press Templates - attractive www.webpagesthatsuck.com - not so attractive |
| Submit bi-weekly blog entry, #6 |
May 14 - 19, 2018: week #15 HTML & CSS |
Week Outline and Class Objectives
Understanding File Structure, Review on Socrative (enter into room #123341)
• HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page * Video Resource --- Create Your own Page, Activity
Helpful Resources --- - CSS (all versions) Resource - Skeleton for start of HTML and CSS page
Unit Exam to be Linked |
Homework #1: Try what you did in class on your "Build Your Own" page file. |
| Submit Bi-Weekly Exit Slip, #6 |
May 7 - 11, 2018: week #14 HTML & CSS |
Week Outline and Class Objectives
Understanding File Structure, Review on Socrative (enter into room #123341)
• CSS CSS Worksheet Review
• HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page * Video Resource --- Create Your own Page, Activity
Helpful Resources --- - CSS (all versions) Resource - Skeleton for start of HTML and CSS page
Unit Exam to be Linked |
Homework #2: Try what you did in class on your "Build Your Own" page file. |
| Submit bi-weekly blog entry, #5 |
April 30 - May 4, 2018: week #13 HTML & CSS |
Week Outline and Class Objectives
Understanding File Structure, Review on Socrative (enter into room #123341)
• CSS Introduction of CSS: Skeleton, Selectors, Divs, reset.css Cascading, Box Model & Building a Nav Bar CSS Worksheet (use www.w3schools.com as a reference)
- CSS (all versions) Resource - Skeleton for start of HTML and CSS page
To Come... • HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page * Video Resource |
Homework #1: Complete CSS Worksheet |
| Submit Bi-Weekly Exit Slip, #5 |
April 23 - 27, 2018: week #12 HTML & CSS |
Week Outline and Class Objectives
• HTML Understanding File Structure, Review on Socrative (enter into room #123341) Article HTML Markup, using the handout provided in class apply all the html tags to make this file open correctly on the Web Kahoot HTML Review with HTML Worksheet
• CSS Introduction of CSS: Skeleton, Selectors, Divs, reset.css Cascading, Box Model & Building a Nav Bar CSS Worksheet (use www.w3schools.com as a reference)
--- |
Homework #1: Complete CSS Worksheet |
| No Exit Slip or Blog due to Diversity Day |
April 9 - 13, 2018: week #11 HTML |
Week Outline and Class Objectives
Videos to Inspire Mitch Resnick, Let’s Teach Kids to Code & Reflection (optional if time)
Basics in Text Edit: Tags to Learn: skeleton of file, p, headings, images, link, br, lists, tables, file structure*
|
Homework #1: Complete HTML worksheet |
| Submit bi-weekly blog entry, #4 |
April 2 - 6, 2018: week #10 HTML |
Week Outline and Class Objectives
• Design Principles & Photography Composition Design Principles and Photography Composition, Notes Example --- Unit Exam (to be linked)
Design and Photography Unit Survey
Videos to Inspire What Most Schools Don't Teach, Inspiration in Coding Mitch Resnick, Let’s Teach Kids to Code & Reflection (optional if time)
File Structure, Pre-Assessment Understanding the Structure of an HTML File, Pre-Assessment
Basics in Text Edit: Tags to Learn: skeleton of file, p, headings, images, link, br, lists, tables
Codecademy, Introduction to HTML chapter assignment
|
Homework #1: None at this time |
| Exit Slip & Blog Catch Up Week! (quarter closing, make sure all are submitted) |
| March 26 - 30, 2018: week #9 Design Principles & Photography Composition |
Week Outline and Class Objectives
• Design Principles & Photography Composition Color Focus (continue to take notes in Google Doc): - The psychology of color, Infographic - Choosing the Right Color for your Brand, video --- New Balance Design Video --- Design Principles and Photography Composition, Notes Example --- • Design Principles & Photography Composition Wrap Up Unit Exam (to be linked) |
Homework #1: Study for Unit Exam on Monday, April 2nd Homework #2: Design Principles, Exploring Post-Assessment Assignment (complete step #4 & use step #3 as a resource) |
| Submit Bi-Weekly Exit Slip, #4 |
| March 19 - 23, 2018: week #8 Design Principles & Photography Composition |
Week Outline and Class Objectives
• Design Principles & Photography Composition Design Principles, Exploring Pre-Assessment Assignment Design Principles Presentation & Quiz Review --- Photography Composition Presentation --- Color Focus (continue to take notes in Google Doc): - The psychology of color, Infographic - Choosing the Right Color for your Brand, video --- New Balance Design Video --- Design Principles and Photography Composition, Notes Example
To come... Design and Photography Unit Wrap Up (Socrative) |
Homework #1: Mood Board Project, to bring it all together (due Tuesday, March 20th) |
| Submit bi-weekly blog entry, #3 (catch up from last week, sorry!) |
| March 12 - 16, 2018: week #7 Photoshop Design Principles & Photography Composition |
Week Outline and Class Objectives
WHAT TO DO WHILE I AM OUT ON FRIDAY 1. Design Principles, Exploring Pre-Assessment Assignment 2. Design Principles Presentation & Quiz (to do while out) 3. Submit bi-weekly blog entry, #3 * And do not forget the Mood Board Project homework which is due March 20th
Magazine Madness Project Magazine Madness Directions & Rubric Step by Step Directions if Duplicating from in Class Magazine Gallery --- • Photoshop Wrap Up - Magazine Madness Gallery Walk --- Photoshop Wrap Up with Kahoot!
• Design Principles & Photography Composition WHILE OUT ON FRIDAY Design Principles, Exploring Pre-Assessment Assignment Design Principles Presentation & Quiz (to do while out) --- Photography Composition Presentation --- Color Focus (continue to take notes in Google Doc): |
Homework #1: Mood Board Project, to bring it all together (due Tuesday, March 20th) |
| Submit bi-weekly blog entry, #3 |
| March 5 - 9, 2018: week #6 Photoshop Design Principles & Photography Composition |
Week
Outline and Class Objectives
Magazine Madness Project Magazine Madness Directions & Rubric Step by Step Directions if Duplicating from in Class Magazine Gallery
Font Downloads which may be helpful! --- Those Looking to Learn More.... Content Aware- video tutorial
Red Eye Removal- video tutorial Red Eye Removal- collect own photo source --- Have Time... Photoshop Ping Pong (optional & after Magazine Madness) Photoshop Ping Pong NHS Showcase • Photoshop Wrap Up - Magazine Madness Gallery Walk --- Photoshop Wrap Up with Kahoot!
• Design Principles & Photography Composition Design
Principles, Exploring Pre-Assessment Assignment |
Homework #1: None at this time |
| Submit Bi-Weekly Exit Slip, #3 |
| February 26 - March 2, 2018: week #5 Photoshop |
Week
Outline and Class Objectives
- Red Shirt Project --> Building an Image (to submit) ----- Magazine Madness Project Magazine Madness Directions & Rubric Step by Step Directions if Duplicating from in Class Magazine Gallery
Font Downloads which may be helpful! --- Those Looking to Learn More.... Content Aware- video tutorial
Red Eye Removal- video tutorial Red Eye Removal- collect own photo source --- Have Time... Photoshop Ping Pong (optional & after Magazine Madness) Photoshop Ping Pong NHS Showcase Photoshop Games! |
Homework #1: None at this time |
| Submit bi-weekly blog entry, #2 |
| February 12 - 16, 2018: week #4 Photoshop |
Week
Outline and Class Objectives
- Red Shirt Project --> Building an Image ----- Magazine Madness Project Magazine Madness Directions & Rubric Step by Step Directions if Duplicating from in Class Magazine Gallery
Font Downloads which may be helpful! --- Those Looking to Learn More.... Content Aware- video tutorial
Red Eye Removal- video tutorial Red Eye Removal- collect own photo source --- Photoshop Games! |
Homework #1: None at this time |
| Submit Bi-Weekly Exit Slip, #2 |
| February 5 - 9, 2018: week #3 Photoshop |
Week
Outline and Class Objectives
Photoshop Interface (very basics) To Cover In Class: Selection Tools, Eraser, Brushes, Text, Layers, Filter Gallery, Adjustments Panel, Shapes, Pen Tool, Crop, Clipping Mask, Characters Panel, Transparency, Image/Canvas Size & Saving Photos to Learn On (editing a photo): Photo #2
Student Example #1 , Student Example #2 & Examples from outside the box
- Red Shirt Project --> Building an Image ----- Photoshop Games! |
Homework #1: Magazine Madness Proposal. In Google Doc include: Magazine you will duplicate, image of yourself you will put on that magazine and the replacement text. Due February 9th - 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 blog entry, #1 |
| Janaury 29 - February 2, 2018: week #2 Photoshop |
Week
Outline and Class Objectives
• Forms to Fill Out & Info to Know
Photoshop Interface (very basics) To Cover In Class: Selection Tools, Eraser, Brushes, Text, Layers, Filter Gallery, Adjustments Panel, Shapes, Pen Tool, Crop, Clipping Mask, Characters Panel, Transparency, Image/Canvas Size & Saving Photos to Learn On (editing a photo): Photo #2
Student Example #1 , Student Example #2 & Examples from outside the box
- Red Shirt Project --> Building an Image ----- Photoshop Games! |
Homework #1: Submit Welcome Letter and Purchase Flash Drive |
| Submit Bi-Weekly Exit Slip, #1 |
| January 24 - 26, 2018: week #1 Introduction to Course Photoshop |
Week
Outline and Class Objectives Mailbox Messages, Stinky Fish or Magic Wand Fire Escape Plan from room 201 Tweet of the Week @LoriCullen19
• Photoshop Photoshop Interface (very basics) To Cover In Class: Selection Tools, Eraser, Brushes, Text, Layers, Filter Gallery, Adjustments Panel, Shapes, Pen Tool, Crop, Clipping Mask, Characters Panel, Transparency, Image/Canvas Size & Saving |
Homework #1: Submit Welcome Letter and Purchase Flash Drive |
| Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example) |