* Still Available: In the Classroom Files, Fall 2015

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

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

Final Exam Block

Final Project/ Educational Site

Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

Run Site Reports: broken links and alt tags

 

Finding Your Home Page:

URL: www.natickhighwebdesign.com/advancewebspring2016/firstlastname

 

• Class Survey

Submit Class Survey before Leaving!

 

June 6 - 15, 2016

Educational Site

Week Outline and Class Objectives

 

Find Home Page @:

URL: www.natickhighwebdesign.com/advancewebspring2016/firstlastname

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Rubrics
Educational Site Home Page- Rubric (review of grade on June 9th)
Educational Site, Rubric used for page 3 (due June 13th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

---
File Structure
Setting up FTP
Connecting to FTP

 

Final Exam: Monday, May 20th - first block (7:30-9:00)

Homework #1: Educational Site, Building!

Total of 7 Wiki Entries, All Due at this Point

 

May 31 - June 3, 2016

Educational Site

Week Outline and Class Objectives

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Rubrics
Educational Site Home Page- Rubric (home page due May 27th)
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

---
File Structure
Setting up FTP
Connecting to FTP
URL: www.natickhighwebdesign.com/advancewebspring2016/firstlastname

Homework #1: Educational Site, Building!

Total of 7 Wiki Entries, All Due at this Point

 

May 23 - 27, 2016

Educational Site

Week Outline and Class Objectives

 

•  Educational Site

Critique Session

Rubrics
Educational Site Home Page- Rubric (home page due May 27th)
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

---
File Structure
Setting up FTP
Connecting to FTP
URL: www.natickhighwebdesign.com/advweb1spring2016/firstlastname

Homework #1: Educational Site, Building!

Total of 7 Wiki Entries, All Due at this Point

 

May 16 - 20, 2016

Educational Site

Week Outline and Class Objectives

 

•  Educational Site

Critique Session

Rubrics
Educational Site Home Page- Rubric (home page due May 27th)
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

---
File Structure
Setting up FTP
Connecting to FTP
URL: www.natickhighwebdesign.com/advweb1spring2016/firstlastname

Homework #1: Educational Site, Project Proposal Assignment & Example

Wiki Entry #7, due May 20th (last one!)

 

May 9 - 13, 2016
HTML & CSS/ Adv. Dreamweaver

Educational Site

Week Outline and Class Objectives

 

HTML5 & CSS3/Dreamweaver Unit Exam


•  HTML5 & CSS3 / Dreamweaver
Value your Computer Science Classes, Thank You Hadi!

 

Topics to Learn:

ALL TOPICS COVERED!! Unit Exam- Monday, May 9th

- Website layout using HTML5- complete

- Responsive-nav.com- complete

- Bringing it into Dreamweaver- complete

- Resource from Slippry Slideshow - complete
- Creative Links Made Simple (hover effects) 
- Bootstrap- complete
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html
- One Page Stick, SMINT- complete
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

- Nav Stick & Understanding position and z-index- complete

- CSS3 Transitions with Aiden- complete

- DW Templates- - complete

- SEO (search tags) - complete

- Article/Section vs. Div, Article- - complete

 

•  Educational Site

Critique Session

Rubrics
Educational Site Home Page- Rubric
Educational Site, Rubric used for page 3
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian Rubric

---
File Structure
Setting up FTP
Connecting to FTP
URL: www.natickhighwebdesign.com/advweb1spring2016/firstlastname

Homework #1: Educational Site, Project Proposal Assignment & Example

Wiki Entry #7, due May 20th (last one!)

 
May 2 - 6, 2016
HTML & CSS/ Adv. Dreamweaver

Week Outline and Class Objectives


•  HTML5 & CSS3 / Dreamweaver
Value your Computer Science Classes, Thank You Hadi!

 

Topics to Learn:

- Website layout using HTML5- complete

- Responsive-nav.com- complete

- Bringing it into Dreamweaver- complete

- Resource from Slippry Slideshow - complete
- Creative Links Made Simple (hover effects) 
- Bootstrap- complete
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html
- One Page Stick, SMINT- complete
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

- Nav Stick & Understanding position and z-index- complete

- CSS3 Transitions with Aiden- complete

- DW Templates

- SEO (search tags)

- Article/Section vs. Div, Article

 

Unit Exam Review and Exam to be Linked!

 

•  Educational Site

Critique Session

Rubrics
Educational Site Home Page- Rubric (home page due December 23rd)
Educational Site, Rubric used for page 3 (due January 11th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block, Teacher will Print)

---
File Structure
Setting up FTP
Connecting to FTP
URL: www.natickhighwebdesign.com/advweb1spring2016/firstlastname

Homework #1: Study for Unit Exam!

Homework #2: Educational Site, Project Proposal Assignment & Example

Wiki Entry #6, due May 6th

 
April 25 - 29, 2016
HTML & CSS/ Adv. Dreamweaver

Week Outline and Class Objectives


•  HTML5 & CSS3 / Dreamweaver
Value your Computer Science Classes, Thank You Hadi!

 

Topics to Learn:

- Website layout using HTML5- complete

- Responsive-nav.com- complete

- Bringing it into Dreamweaver- complete

- Resource from Slippry Slideshow - complete
- Creative Links Made Simple (hover effects) 
- Bootstrap- complete
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html
- One Page Stick, SMINT
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

- Nav Stick & Understanding position and z-index

- CSS3 Transitions with Aiden

- DW Templates

- SEO (search tags)

 

Unit Exam Review and Exam to be Linked!

 

Unit Project:
Recreating Mrscullen.com:

Cullen.com Re-Create, Images to load for images folder

- Video Tutorial #1, Getting Started and Creating the Nav

- Video Tutorial #2, Slipry Slideshow

- Video Tutorial #3, Body Content & Footer

- V ideo Tutorial #4, Side Page & Template
Submitting project to FTP (un and pw provided in class)

Homework #1: Study for Unit Exam!

Homework #2: Educational Site, Project Proposal

Wiki Entry #6, due May 6th

 
April 4 - 8, 2016
Photoshop

Week Outline and Class Objectives

 

Mass Bay Community College, Guest Speakers

 

•  HTML5 & CSS3 / Dreamweaver
What Do You Remember? HTML & CSS (You got this!)
Value your Computer Science Classes, Thank You Hadi!

 

Resources:

HTML5 Resource

CSS3 Resource

---

CSS (all versions) Resource
CSS Defaults

---
Reset CSS

Skeleton for start of HTML and CSS page

---

Page Re-Create using HTML5 & CSS3 with external CSS and media queries! & Transitioning into Dreamweaver

 

Topics to Learn:

- Website layout using HTML5

- Responsive-nav.com

- Resource from Slippry Slideshow with Allison
- Creative Links Made Simple (hover effects) with Becca
- Bootstrap with Connor or http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html
- One Page Stick, SMINT with Sydney or
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

 

Unit Project:
Recreating Mrscullen.com:

Cullen.com Re-Create, Images to load for images folder

- Video Tutorial #1, Getting Started and Creating the Nav

- Video Tutorial #2, Slipry Slideshow

- Video Tutorial #3, Body Content & Footer

- V ideo Tutorial #4, Side Page & Template

Homework #1: Video Tutorial #1, Getting Started and Creating the Nav

Wiki Entry #5, due April 15th

 
March 28 - April 1, 2016
Photoshop

Week Outline and Class Objectives

 

•  HTML5 & CSS3 / Dreamweaver
What Do You Remember? HTML & CSS (You got this!)
Value your Computer Science Classes, Thank You Hadi!

 

Resources:

HTML5 Resource

CSS3 Resource

---

CSS (all versions) Resource
CSS Defaults

---
Reset CSS

Skeleton for start of HTML and CSS page

---

Page Re-Create using HTML5 & CSS3 with external CSS and media queries! & Transitioning into Dreamweaver

 

Topics to Learn:

- Website layout using HTML5

- Responsive-nav.com

- Resource from Slippry Slideshow with Allison
- Creative Links Made Simple (hover effects) with Becca
- Bootstrap with Connor or http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html
- One Page Stick, SMINT with Sydney or
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

 

Unit Project:
Recreating Mrscullen.com:

Cullen.com Re-Create, Images to load for images folder

- Video Tutorial #1, Getting Started and Creating the Nav

- Video Tutorial #2, Slipry Slideshow

- Video Tutorial #3, Body Content & Footer

- V ideo Tutorial #4, Side Page & Template

Homework #1: Photoshop Portfolio project in Behance, submit!

Wiki Entry #4, due April 1st

 
March 14 - 18, 2016
Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance, Before & After

 

Mid-Check on: March 14th

Due on: TBA

 

Vidoe of the Day, Wednesday: Red Eye Removal

Video of the Day, Wednesday: Refine Edges
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance (work at your own pace at home)

Wiki Entry #3, due March 18th

 
March 7 - 11, 2016
Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance, Before & After

 

Mid-Check on: March 14th

Due on: TBA

 

Vidoe of the Day, Tuesday: Blending Photos
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance (work at your own pace at home)

Wiki Entry #3, due March 18th

 
February 29 - March 4, 2016
Design & Photography Principles
Photoshop

Week Outline and Class Objectives


•  Design & Photography Principles

Design
Design Handbook- complete
Teaching the 9 Essentials- Resource Site- complete
Teaching the 9 Essentials- Activity, Train the Trainer- complete
The Elements of Art- Video complete

Photography
Taking Photos- complete

Selecting Photos, with activities

 

Color

Color Theory Assignment & Resources (homework)

 

Typography

Font Conference- Entertaining Video

 

Great Template Resource
templated.co

--

Grid Based Approach


Why City Flags May be the Worst Designed thing You Never Noticed- Wrap up!

 

Unit Assessment Review (room #123341)

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

Mid-Check on: TBA

Due on: TBA
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11


Real or Photoshop Game

Homework #1: Study for Design and Photography Unit Exam

Wiki Entry #2, due March 4th

 
February 22 - 26, 2016
Design & Photography Principles

Week Outline and Class Objectives


•  Design & Photography Principles

Design
Design Handbook- complete
Teaching the 9 Essentials- Resource Site- complete
Teaching the 9 Essentials- Activity, Train the Trainer- complete
The Elements of Art- Video

Photography
Taking Photos

Selecting Photos, with activities

 

Color

Color Theory Assignment & Resources (homework)

 

Typography

Font Conference- Entertaining Video


Why City Flags May be the Worst Designed thing You Never Noticed- Wrap up!
Unit Assessment (to be reviewed and linked)

Homework #1: Color Theory Assignment & Resources (due February 22nd)

Homework #2: Study for Design and Photography Unit Exam

Wiki Entry #2, due March 4th

 
February 8 - 12, 2016
Design & Photography Principles

Week Outline and Class Objectives


•  Design & Photography Principles

Design
Design Handbook
Teaching the 9 Essentials- Resource Site
Teaching the 9 Essentials- Activity, Train the Trainer
The Elements of Art- Video

Photography
Taking Photos

Selecting Photos, with activities

 

Color

Color Theory Assignment & Resources (homework)

 

Typography

Font Conference- Entertaining Video


Why City Flags May be the Worst Designed thing You Never Noticed- Wrap up!
Unit Assessment (to be reviewed and linked)

Homework #1: Design & Photography Principles, Writing Assessment (February 5th)
Homework #2: Color Theory Assignment & Resources (due February 22nd)

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due February 12th

 
February 1 - 5, 2016
Design & Photography Principles

Week Outline and Class Objectives


•  Design & Photography Principles

Design
Design Handbook
Teaching the 9 Essentials- Resource Site
Teaching the 9 Essentials- Activity, Train the Trainer

Photography
Taking Photos

Selecting Photos, with activities

 

Unit Assessment (to be reviewed and linked)

Homework #1: Design & Photography Principles, Writing Assessment (February 5th)
Homework #2: Submit Welcome Letter Purchase Flash Drive and Load Adobe Suite

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due February 12th

 
January 25 - 29, 2016
Introduction to Course
Design & Photography Principles

Week Outline and Class Objectives

•  Forms to Fill Out & Info to Know
Past Web Design Class Experience & Expectations for Adv. I Survey
Welcome Letter

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


•  Design & Photography Principles

First Impression Activity
Review of the Basics, What do you remember?
Design & Photography Principles, Writing Assessment (pre-assessment)

Design
Design Handbook
Teaching the 9 Essentials- Resource Site
Teaching the 9 Essentials- Activity, Train the Trainer

Photography
Taking Photos

Selecting Photos, with activities

Homework #1:Design & Photography Principles, Writing Assessment
Homework #2: Submit Welcome Letter Purchase Flash Drive and Load Adobe Suite

Introduction Weekly Wiki Entry (Example)