Student Resources

* Still Available: In the Classroom Files, Fall 2014

* Still Available: In the Classroom Files, Spring 2015
* Course Units: Using Standard District Template

Final Exam Schedule

Web 3: Wednesday, January 20th @7:30
Web 4: Wednesday, January 20th @9:30

Web 6: Thursday, January 21st @9:30

Finding your home page
* This Web address will only work if your home page is saved as index.html
www.natickhighwebdesign.com/webfall2015/firstnamelastname

• Rubrics
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

• Class Survey
Fall 2015, Classroom Experience Survey

Enjoy Second Semester and Come Visit!

Week Outline and Class Objectives

Finding your home page
* This Web address will only work if your home page is saved as index.html
www.natickhighwebdesign.com/webfall2015/firstnamelastname

• Dreamweaver

Introduction to Building in Dreamweaver CC, video #1 of 2

Introduction to Building in Dreamweaver CC, video #2 of 2

Dreamweaver Handbook (to be updated)
Adobe TV- Dreamweaver

---

- CC Dreamweaver Introduction to building, video #1 of 2

- CS6 Dreamweaver Video Tutorial #1 by Mrs. Cullen
- CS6 Dreamweaver Video Tutorial #2 by Mrs. Cullen
- CS6 Dreamweaver Video Tutorial #3 by Mrs. Cullen
- CS6 Dreamweaver Video Tutorial #4 by Mrs. Cullen

File Structure
Setting up FTP
Connecting to FTP

Quiz Review on Socrative, Room #123341

To Come... File Structure, Post-Assessment Exam

• Project Management

Project Management, Critique Session w/Mrs. Cullen

• Personal Site
Personal Site Home Page- Rubric (due January 6th)
Personal Site, Rubric used for page 3 (due January 12th)
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

Homework #1: Content for Personal Site (not for a grade but to help you with your site)

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

Dreamweaver Handbook (to be updated)
Adobe TV- Dreamweaver

---

- CC Dreamweaver Introduction to building, video #1 of 2

- CS6 Dreamweaver Video Tutorial #1 by Mrs. Cullen
- CS6 Dreamweaver Video Tutorial #2 by Mrs. Cullen
- CS6 Dreamweaver Video Tutorial #3 by Mrs. Cullen
- CS6 Dreamweaver Video Tutorial #4 by Mrs. Cullen

File Structure
Setting up FTP
Connecting to FTP

To Come... File Structure, Post-Assessment Exam

• Project Management

Project Management, Critique Session w/Mrs. Cullen

• Personal Site
Personal Site Home Page- Rubric (due January 6th)
Personal Site, Rubric used for page 3 (due January 12th)
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

---

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/web3fall2015/firstnamelastname
2. www.natickhighwebdesign.com/web4fall2015/firstnamelastname

3. www.natickhighwebdesign.com/web6fall2015/firstnamelastname

Homework #1: Content for Personal Site (not for a grade but to help you with your site)

Week Outline and Class Objectives

Introduction to building in Dreamweaver CC, video #1 of 2

•  HTML & CSS
HTML Handbook

CSS Video Intro

CSS (all versions) Resource

Building

Page Re-Create with Class, New Balance

Create Your own Page, Activity

HTLM & CSS, {Tag: You Are It!} (optional and with partner)

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

Unit Exam Review, Jeopardy Game in Class

Unit Exam- To Be Linked (date to be provided)

• Dreamweaver
Dreamweaver Handbook (to be updated)
Adobe TV- Dreamweaver

---

Introduction to building in Dreamweaver CC, video #1 of 2

- 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

To Come... File Structure, Post-Assessment Exam

• Project Management

Project Management, Critique Session w/Mrs. Cullen

Homework #1: Create Your own Page assignment and helpful link, Skeleton for start of HTML and CSS page (due Monday, December 14th)

Homework #2: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Monday, December 14th)
* Required Pages in Site Map: Home, Design and Three Pages of your Choice

Helpful Resources

Color Combos for color combo

Adobe Kuler for color combos

---

Site Resources
themeforest.net - attractive

Word Press Templates - attractive
themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site

www.webpagesthatsuck.com - not so attractive

Homework #3: Study for unit exam

Web6 Study Guide

Web3 Study Guide

Web4 Study Guide

Week Outline and Class Objectives

• HTML & CSS

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

HTML

Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment - complete
Introduction to HTML worksheet (use w3schools.com as a reference)- complete

CSS

Learning with Mrs. Cullen

CSS Video Intro

CSS (all versions) Resource
Introduction to CSS- complete
CSS Worksheet (use www.w3schools.com as a reference) - complete

Combination

Page Re-Create with Class, New Balance

Create Your own Page, Activity

HTLM & CSS, {Tag: You Are It!} (optional and with partner)

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

Additional Video Tutorials of Building with a Container

- Building!
- 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

Unit Exam Review, Jeopardy Game in Class

Unit Exam- To Be Linked (date to be provided)

Homework #1: Create Your own Page assignment and helpful link, Skeleton for start of HTML and CSS page (due Monday, December 14th)

Homework #2: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Monday, December 14th)
* Required Pages in Site Map: Home, Design and Three Pages of your Choice

Helpful Resources

Color Combos for color combo

Adobe Kuler for color combos

---

Site Resources
themeforest.net - attractive

Word Press Templates - attractive
themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site

www.webpagesthatsuck.com - not so attractive

Homework #3: Study for unit exam

Web6 Study Guide

Week Outline and Class Objectives

• HTML & CSS

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

HTML

Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment - complete
Introduction to HTML worksheet (use w3schools.com as a reference)- complete

CSS

Learning with Mrs. Cullen

CSS Video Intro
Introduction to CSS
CSS Worksheet (use www.w3schools.com as a reference)

Combination

Page Re-Create

HTLM & CSS, {Tag: You Are It!}

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

Additional Video Tutorials of Building with a Container

- Building!
- 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

Homework #1: CSS Worksheet (use www.w3schools.com as a reference)

Week Outline and Class Objectives

• HTML & CSS

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

HTML

Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

CSS

Learning with Mrs. Cullen

CSS Video Intro
Introduction to CSS
CSS Worksheet (use www.w3schools.com as a reference)

Combination

Page Re-Create

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

Week Outline and Class Objectives

• HTML & CSS

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

HTML

Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

CSS

Learning with Mrs. Cullen

CSS Video Intro
Introduction to CSS
CSS Worksheet (use www.w3schools.com as a reference)

Combination

Page Re-Create

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

Week Outline and Class Objectives

• Design Principles & Photography Composition

Unit Exam, to be linked

• HTML & CSS

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

HTML

Web 3, File Structure Pre-Assessment

Web 4, File Structure Pre-Assessment

Web 6, File Structure Pre-Assessment

Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

CSS

Learning with Mrs. Cullen

CSS Video Intro
Introduction to CSS
CSS Worksheet (use www.w3schools.com as a reference)

Combination

Page Re-Create

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

Week Outline and Class Objectives

CLICK HERE FOR WHAT TO DO WHILE I AM OUT, 10/26/2015

Copyright Assignment (more resources for copyright linked below)

Web writing/reading assignment

• Design Principles & Photography Composition

Design Principles, Pre-Assessment Assignment
Design Principles, Presentation & Pre-Assessment

Best Practices for Typography on the Web VIDEO & To Focus On List
---
Photography Composition
Food Photography Tricks

---

Color Combination Builder:
- Kuler
- Color Combos
- Color meanings in Business/Marketing

- The psychology of color, Infographic

- Choosing the Right Color for your Brand, video

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

Unit Exam to be Linked

Copyright

Copyright Assignment

Copyright Links
A Fairy Tale Use Video

Reading and Writing for the Web

Web writing/reading assignment

Homework #1: None at this time

Week Outline and Class Objectives

•  Photoshop

Magazine Madness Project

Magazine Madness Directions & Rubric

Magazine Gallery Walk!

Web3, Unit Survey

Web4, Unit Survey

Web6, Unit Survey

• Design Principles

Design Principles, Pre-Assessment Assignment
Design Principles, Presentation & Pre-Assessment

Best Practices for Typography on the Web VIDEO & To Focus On List
---
Photography Composition
Food Photography Tricks

---

Unit Exam to be Linked

Copyright

Copyright Assignment

Copyright Links

Color Combination Builder:
- Kuler
- Color Combos
- Color meanings in Business/Marketing

- The psychology of color, Infographic

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: None at this time

Week Outline and Class Objectives

•  Photoshop

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class
---
Photoshop Ping Pong (optional & after Magazine Madness)

Photoshop Ping Pong NHS Showcase
Photoshop Ping Pong Examples Outside Natick
Photoshop Ping Pong image to download option 1, option 2, option 3

Those Looking to Learn More....

Content Aware- video tutorial
Content Aware- photo resource

Red Eye Removal- video tutorial

Red Eye Removal- collect own photo source

• Design Principles

Design Principles, Pre-Assessment Assignment
Design Principles, Presentation & Exam

Best Practices for Typography on the Web VIDEO & To Focus On List
---
Photography Composition
Food Photography Tricks

---

Copyright

Copyright Assignment

Copyright Links

Color Combination Builder:
- Kuler
- Color Combos
- Color meanings in Business/Marketing

- The psychology of color, Infographic

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: None at this time

Week Outline and Class Objectives

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) - completed

Photoshop Interface (very basics)- completed
Outcome of Photoshop Basics with Mrs. Cullen - completed
Photoshop Gallery Activity - completed

Photoshop Worksheet - completed

---

Games to Enjoy
Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

---

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class
---
Photoshop Ping Pong (optional & after Magazine Madness)

Photoshop Ping Pong NHS Showcase
Photoshop Ping Pong Examples Outside Natick
Photoshop Ping Pong image to download option 1, option 2, option 3

Homework #1: None at this time

Week Outline and Class Objectives

CLICK HERE FOR WHAT TO DO WHILE I AM OUT- September 29 & 30

- Photoshop Worksheet

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) - completed

Photoshop Interface (very basics)- completed
Outcome of Photoshop Basics with Mrs. Cullen - completed
Photoshop Gallery Activity
Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

Photoshop Worksheet

---

Photoshop Copy Cat Drill
- The Killers, Process Example
---
- Taylor Swift Example
- Taylor Swift, to Load
---
- The Killers Example
- The Killers, to Load

---

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class
---
Photoshop Ping Pong (optional & after Magazine Madness)

Photoshop Ping Pong NHS Showcase
Photoshop Ping Pong Examples Outside Natick
Photoshop Ping Pong image to download option 1, option 2, option 3

Homework #1: Magazine Madness Proposal- share resource cover in Google Doc and include replacement text.- due Wednesday, Sept. 30th
- How to Share a Google Doc in Intro. Web

Week Outline and Class Objectives

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial)

Photoshop Interface (very basics)
Outcome of Photoshop Basics with Mrs. Cullen
Photoshop Gallery Activity
Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

Photoshop Worksheet

---

Photoshop Copy Cat Drill
- The Killers, Process Example
---
- Taylor Swift Example
- Taylor Swift, to Load
---
- The Killers Example
- The Killers, to Load

---

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class
---
Photoshop Ping Pong (optional & after Magazine Madness)

Photoshop Ping Pong NHS Showcase
Photoshop Ping Pong Examples Outside Natick
Photoshop Ping Pong image to download option 1, option 2, option 3

Homework #1: Magazine Madness Proposal- share resource cover in Google Doc and include replacement text.- due Wednesday, Sept. 30th
- How to Share a Google Doc in Intro. Web

Week Outline and Class Objectives

• Forms to Fill Out & Info to Know
Welcome Letter

Fire Escape Plan from room 201
* Sharing a Google Doc *

•  Poster Gallery by Units

Directions for Exploring, Creating & Sharing
Photoshop, Design Principles, HTML, CSS & Dreamweaver

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial)

Photoshop Interface (very basics)
Photoshop Gallery Activity
Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

---

Photoshop Copy Cat Drill
- The Killers, Process Example
---
- Taylor Swift Example
- Taylor Swift, to Load
---
- The Killers Example
- The Killers, to Load

Homework #1: None at this Time

Week Outline and Class Objectives

• Forms to Fill Out & Info to Know
Computer Experience Survey
Welcome Letter

Fire Escape Plan from room 201
Natick High Web Design, Gallery Site
Introductions, Turn Around and Meet My Friend
* Sharing a Google Doc *

• 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

•  Poster Gallery by Units

Directions for Exploring, Creating & Sharing
Photoshop, Design Principles, HTML, CSS & Dreamweaver

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial)

Photoshop Interface (very basics)
Photoshop Gallery Activity
Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

Week Outline and Class Objectives

• Forms to Fill Out & Info to Know
Computer Experience Survey
Welcome Letter

Fire Escape Plan from room 201
Natick High Web Design, Gallery Site
Introductions, Turn Around and Meet My Friend

• 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

•  Poster Gallery by Units

Directions for Exploring, Creating & Sharing
Photoshop, Design Principles, HTML, CSS & Dreamweaver

•  Key Word Building (if lab is not ready)
Key Word Building Assignment
Example Project: https://twitter.com/css_web
Presentation Room