* Still Available: In the Classroom Files, Fall 2015

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

 

* Ms. Anderson's Intro. Web Design, Spring 2016

June 20th @9:30-11:00 a.m.

June 21st @7:30-9:00 a.m.

Final Exam Block

Final Project / Personal Site
Personal Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian Rubric

Run Site Reports: broken links and alt tags


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

 

• Class Survey

Submit Class Survey before Leaving!

 

June 6 - 15, 2016

Personal Site/Final Project

Week Outline and Class Objectives

 

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

 

• Personal Site
Personal Site Home Page- Rubric (due June 13 th)
Personal Site, Mid-Check (due June15th)
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)

---

Web Design Tool Kit, Helpful Resources


Final Exam Schedule:

Web2: Tuesday, June 21st- first block (7:30-9:00)

Web3: Monday, June 20th- second block (9:30-11:00)

Homework #1: Content for Personal Site

No Bi-Weekly Exit Slip or Blog

 

May 31 - June 3, 2016

Personal Site/Final Project

Week Outline and Class Objectives

 

• Personal Site
Personal Site Home Page- Rubric (due June 1st updated to June 7th)
Personal Site, Rubric used for page 3 (due June13th)
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)

---

Web Design Tool Kit, Helpful Resources

---

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/web2spring2016/firstnamelastname
2. www.natickhighwebdesign.com/web3spring2016/firstnamelastname


Homework #1: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Monday, May 25th)
* 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

No Bi-Weekly Exit Slip or Blog

 

May 23 - 27, 2016

Dreamweaver
Personal Site

Week Outline and Class Objectives

 

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

---

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

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

--

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

 

• Personal Site
Personal Site Home Page- Rubric (due June 1st)
Personal Site, Rubric used for page 3 (due June13th)
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/web2spring2016/firstnamelastname
2. www.natickhighwebdesign.com/web3spring2016/firstnamelastname


Homework #1: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Monday, May 25th)
* 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

No Bi-Weekly Exit Slip or Blog

 

May 16 - 20, 2016

HTML & CSS
Dreamweaver

Week Outline and Class Objectives

 

• HTML & CSS Combination

Web 2, Unit Exam

Web 3, Unit Exam

 

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

---

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

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

--

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

Homework #2: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Monday, May 23rd)
* 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

Submit Bi-Weekly Exit Slip

 

May 9 - 13, 2016

HTML
CSS

Week Outline and Class Objectives

 

Web 2 Study Guide for Unit Exam on Tuesday, May 17th

Web 3 Study Guide for Unit Exam on Tuesday, May 17th

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance & One Side Page

Create Your own Page, Activity

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

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

---

Unit Exam Review- In Class

Unit Exam to be linked

 

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

---

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

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

--

Topics to Cover with Mrs. Cullen: UI, Workspace, Properties Panel, CSS Panel

Activities with Mrs. Cullen

- Creating a Home Page

- Creating one Side Page

Homework #1: Complete Create Your own Page, Activity

Submit Bi-Weekly Blog

 

May 2- 6, 2016

HTML
CSS

Week Outline and Class Objectives

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance

Create Your own Page, Activity

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

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

---

Unit Exam Review- In Class

Unit Exam to be linked

Homework #1: Complete Create Your own Page, Activity

Submit Bi-Weekly Exit Slip

 

April 25 - 29, 2016

HTML
CSS

Week Outline and Class Objectives

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance

Create Your own Page, Activity

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

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

Homework #1: Complete any worksheets started in class

Submit Bi-Weekly Blog

 

April 11 - 15, 2016

HTML
CSS

Week Outline and Class Objectives

 

CLICK HERE FOR WHAT TO DO WHILE I AM OUT- Thursday, April 14th

1. CSS Worksheet

2. Web writing/reading assignment

 

• HTML

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

 

HTML Resources & Pre-Assessments

- Web 2 & 3, File Structure Pre-Assessment

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


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

 

• CSS Resources

CSS Video Intro

CSS (all versions) Resource
Introduction to CSS

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Learning with Mrs. Cullen
CSS Worksheet (use www.w3schools.com as a reference)

Homework #1: Complete any worksheets started in class

Submit Bi-Weekly Blog- no blog entry because we did it last week by mistake

 

March 28 - April 1, 2016

HTML

Week Outline and Class Objectives

 

Design and Photography Unit Exam

 

• HTML

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

 

HTML Resources & Pre-Assessments

- Web 2 & 3, File Structure Pre-Assessment

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


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

Homework #1: Submit any missing assignments in iPass, end of the semester!

Blog and Exit Slip Skip Week!! Catch up for end of the Semester

 

March 21 - 24, 2016
Design Principles

HTML

Week Outline and Class Objectives

 

Photoshop Unit Survery

Design & Photography Principles Unit Survey


• 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
Web2, Quiz to Follow for Video

Web3, Quiz to Follow for Video
---
Photography Composition

Photography, When to Break the Rules
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

---

Mood Board Project, to bring it all together

---

To Submit: Design Presentation Notes & Activities (guided by Mrs. Cullen)

 

Site Resources

templated.co- attractive
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 Review (enter into room #123341)

Unit Exam (to be linked)

 

• HTML

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

 

HTML

Web 2 & 3, 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)

Homework #1: Mood Board Project, to bring it all together

Submit Bi-Weekly Exit Slip
 
March 14 - 18, 2016
Design Principles

Week Outline and Class Objectives


• 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
Web2, Quiz to Follow for Video

Web3, Quiz to Follow for Video
---
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

---

Mood Board Project, to bring it all together

---

To Submit: Design Presentation Notes & Activities (guided by Mrs. Cullen)

 

Site Resources

templated.co- attractive
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 and Date To Be Announced

Homework #1: Mood Board Project, to bring it all together

Submit Bi-Weekly Blog
 
March 7 - 11, 2016
Photoshop
Design Principles

Week Outline and Class Objectives


•  Photoshop

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

Magazine Gallery

 

Font Downloads which may be helpful!
---
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 1option 2option 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

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

 

• 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

---

To Submit: Design Presentation Notes & Activities (guided by Mrs. Cullen)

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

templated.co- attractive
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

Homework #1: None at this time

Submit Bi-Weekly Exit Slip
 
February 29 - March 4, 2016
Photoshop

Week Outline and Class Objectives


•  Photoshop

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

 

Font Downloads which may be helpful!
---
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 1option 2option 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

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Print and Bring Photoshop Worksheet to Class on Friday, March 4th

Submit Bi-Weekly Blog
 
February 22 - 26, 2016
Photoshop

Week Outline and Class Objectives


•  Photoshop

Photoshop Worksheet

---

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 1option 2option 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

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Work on Photoshop Worksheet (if have not finished)

Homework #2: 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 Thursday, February 25th.

- 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
 
February 8 - 12, 2016
Photoshop

Week Outline and Class Objectives

•  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


Photoshop Gallery Activity

Photoshop Worksheet

-----

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Work on Photoshop Worksheet (if you choose)

Submit Bi-Weekly Blog
 
February 1 - 5, 2016
Photoshop

Week Outline and Class Objectives

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

Photoshop Interface (very basics)
Photoshop Gallery Activity

Photoshop Worksheet

-----

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

Homework #1: Submit Welcome Letter and Purchase Flash Drive

Submit Bi-Weekly Exit Slip
 
January 25 - 29, 2016
Introduction to Course

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
Why I Create, by: Adobe

 

•  Poster Gallery by Units

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

 

To Come.... Photoshop (soft introduction if time permitted)

 

Homework #1: Submit Welcome Letter and Purchase Flash Drive

Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example)