* Still Available: In the Classroom Files, Fall 2014

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

January 25 - 29, 2016
Final Exam / Educational Site

Final Exam Schedule
Adv. Web 1, Red: Tuesday, January 19th @9:30

Adv. Web 1, Blue: Friday, January 22nd @9:30

 

Finding Your Home Page

www.natickhighwebdesign.com/advweb1fall2015/firstlastname

 

•  Rubrics
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)

 

• Class Survey
Fall 2015, Classroom Experience Survey

Enjoy Second Semester and Come Visit!

 

January 11 - 15, 2016
Educational Site

Week Outline and Class Objectives

 

Final Exam Schedule
Adv. Web 1, Red: Tuesday, January 19th @9:30

Adv. Web 1, Blue: Friday, January 22nd @9:30

 

•  Educational Site
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/advweb1fall2015/firstlastname

Homework #1: Education Site, Mid-Check (work on just to keep up to speed)

No More Wiki Entries, Focus on Educational Site (Total of 6 Entries Posted)

 

January 4 - 8, 2016
Educational Site

Week Outline and Class Objectives

 

•  Project Management
- Project Proposal critique session with Mrs. Cullen (one on one)

 

•  Educational Site
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/advweb1fall2015/firstlastname

Homework #1: Education Site, Mid-Check (work on just to keep up to speed)

No More Wiki Entries, Focus on Educational Site (Total of 6 Entries Posted)

 

December 21 - 23, 2015
HTML5 & CSS3 / Dreamweaver
Project Management

Week Outline and Class Objectives

 

Adv. Dreamweaver, HTML and CSS Exam

 

•  HTML5 & CSS3 / Dreamweaver

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

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

Submit Mrscullen.com Recreate (in class)

Unit Exam to be Linked

 

•  Project Management
- Project Proposal critique session with Mrs. Cullen (one on one)

 

•  Educational Site
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/advweb1fall2015/firstlastname

 

Homework #1: Education Site, Mid-Check (work on just to keep up to speed)

No More Wiki Entries, Focus on Educational Site (Total of 6 Entries Posted)

 

December 14 - 18, 2015
HTML5 & CSS3 / Dreamweaver
Project Management

Week Outline and Class Objectives

 

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

 

•  HTML5 & CSS3 / Dreamweaver

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

---

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

 

Topics to Learn:

- Website layout using HTML5 (covered in New Balance re-create)

- Responsive-nav.com (covered in mrscullen.com re-create)

- Resource from Slippry Slideshow (covered in mrscullen.com re-create)

- Article/Section vs. Div, Article

- 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

- Nav Stick & Understanding position and z-index

- CSS3 Transitions with Aiden

 

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

 

Unit Exam Review, in Class with Mrs. Cullen

Unit Exam- To Be Linked (December 16th / 17th)

 

•  Project Management
- Project Proposal critique session with Mrs. Cullen (one on one)

 

Homework #1: Video Tutorial #3, Body Content & Footer

(due: Monday/Tuesday December 14th/15th)

 

- V ideo Tutorial #4, Side Page & Template
(due: Wednesday/Thursday December 16th/17th)

 

Homework #2: Study for Unit Exam (material to be provided)

Homework #3: Education Site Home Page(publishing information to come)

Educational Site Home Page- Rubric for Reference

(due: Wednesday, December 23rd)

No More Wiki Entries, Focus on Educational Site (Total of 6 Entries Posted)

 

December 7 - 11, 2015
HTML5 & CSS3 / Dreamweaver

Week Outline and Class Objectives

 

•  HTML5 & CSS3 / Dreamweaver

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

 

Topics to Learn:

- Website layout using HTML5 (covered in New Balance re-create)

- Responsive-nav.com (covered in mrscullen.com re-create)

- Resource from Slippry Slideshow (covered in mrscullen.com re-create)

- Article/Section vs. Div, Article

- 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

 

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

 

Unit Project:
To Review and Know/Lesson Page (more details to come)
Example: Class Site, Spring 2015

 

Homework #1: Video Tutorial #1, Getting Started and Creating the Nav
Cullen.com Re-Create, Images to load for images folder
(due: Wednesday/Thursday December 9th/11th)

 

Video Tutorial #2, Slipry Slideshow

(due: Friday/Monday December 11th/14th

 

Video Tutorial #3, Body Content & Footer

(due: Monday/Tuesday December 14th/15th

 

Homework #2: Project Proposal, In Google Doc Submit: Questions, Site Map, Resource & Color Scheme. Project Proposal Example

(due: Friday, December 11th)

Homework #3: Education Site Home Page(publishing information to come)

Educational Site Home Page- Rubric for Reference

(due: Wednesday, December 23rd)

Wiki Entry #6, due December 11th

 

December 1 - 4, 2015
HTML5 & CSS3 / Dreamweaver

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!


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

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

 

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:
To Review and Know
Example: Class Site, Spring 2015

 

To come... Recreating mrscullen.com

Homework #1: Project Proposal, In Google Doc Submit: Questions, Site Map, Resource & Color Scheme. Project Proposal Example

(due: Friday, December 11th)

Wiki Entry #6, due December 11th

 

November 16 - 20, 2015

Javascript
HTML5 & CSS3 / Dreamweaver

Week Outline and Class Objectives

 

•  Javascript

Javascript Presentation : data types, variables, arrays, objects, conditionals & loops

Hangman Activity (password provided in class)

DOM and jQuery Chapters (password provided in class)- use for homework

Presentation of Definitions Activity - use for homework

Javascript Glossary - use for homework

Codecadmey Assignment

 

Unit Exam to be Linked

 

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


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

 

Additional Resources for Page Layout:

Website layout using HTML5

Responsive-nav.com

Resource from Slippry Slideshow with Allison
Creative Links Made Simple (hover effects) with Becca /

Bootstrap with Connor

One Page Stick, SMINT with Sydney

 

To come... Recreating mrscullen.com

Homework #1: Enjoy the Holiday Break!

Wiki Entry #5, due November 25th

 

November 2 - 6, 2015
Photoshop

Javascript

Week Outline and Class Objectives


• Photoshop

Adv. Web I Blue, Comment Activity

Adv. Web I Red, Comment Activity

 

•  Javascript

Adv. Web Red, Javascript Pre-Assessment

Adv. Web Blue, Javascript Pre-Assessment

 

Javascript Presentation : data types, variables, arrays, objects, conditionals & loops

Hangman Activity (password provided in class)

DOM and jQuery Chapters (password provided in class)

Presentation of Definitions Activity

Javascript Glossary

Codecadmey Assignment

 

Unit Exam to be Linked

Homework #1: Portfolio Comments

Adv. Web I Blue

Wiki Entry Break!

 

October 26 - 30, 2015
Photoshop

Javascript

Week Outline and Class Objectives

 

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


• Photoshop
Photoshop Portfolio project in Behance

Comment Activity

Due on: October 26th / 27th

Real or Photoshop Game
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

 

•  Javascript

Adv. Web Red, Javascript Pre-Assessment

Adv. Web Blue, Javascript Pre-Assessment

 

Javascript Presentation : data types, variables, arrays, objects, conditionals & loops

Hangman Activity (password provided in class)

DOM and jQuery Chapters (password provided in class)

Presentation of Definitions Activity

Javascript Glossary

Codecadmey Assignment

 

Unit Exam to be Linked

Homework #1: Portfolio Comments (assignment to be given and linked)

Wiki Entry Break!

 
October 19 - 23, 2015
Photoshop

Week Outline and Class Objectives


• Photoshop
Photoshop Portfolio project in Behance

Mid-Check on: October 19th / 20th

Due on: October 26th / 27th

Real or Photoshop Game

Red Eye Removal- video tutorial
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

Homework #1: Design & Photography Principles, Writing Assessment (post)
- Adv. Web Red, Thoughts to Get You Started

- Adv. Web Blue, Thoughts to Get You Started

Homework #2: Photos for Photoshop Portfolio project in Behance

Wiki Entry #4, due October 23rd

 
October 13 - 16, 2015
Photoshop

Week Outline and Class Objectives


• Photoshop
Photoshop Portfolio project in Behance

Mid-Check on: October 19th / 20th

Due on: October 29th / 30th

Real or Photoshop Game

Red Eye Removal- video tutorial
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

Homework #1: Photos for Photoshop Portfolio project in Behance

Wiki Entry #4, due October 23rd

 
October 5 - 9, 2015
Design & Photography Principles
Photoshop

Week Outline and Class Objectives


•  Design & Photography Principles
Materials to Study from Below...

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 - complete

 

Color

Color Theory Assignment & Resources- complete

 

Typography

Font Conference- Entertaining Video- complete


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

• Photoshop
Photoshop Portfolio project in Behance

Real or Photoshop Game
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

Homework #1: Review Design and Photography Resources for Unit Exam
Homework #2: Photos for Photoshop Portfolio project in Behance

Wiki Entry #3, due October 9th

 
September 28 - October 2, 2015
Design & Photography Principles
Photoshop

Week Outline and Class Objectives

 

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

Color Theory Assignment & Resources


•  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

 

Typography

Font Conference- Entertaining Video

Unit Assessment (to be reviewed and linked)

• Photoshop
Photoshop Portfolio project in Behance

Real or Photoshop Game
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

Homework #1: Review Design and Photography Resources for Unit Exam

Wiki Entry #3, due October 9th

 
September 21 - 25, 2015
Design & Photography Principles
Photoshop

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

Unit Assessment (to be reviewed and linked)

• Photoshop
Photoshop Portfolio project in Behance

Real or Photoshop Game
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

Homework #1: Review Design and Photography Resources for Unit Exam

Wiki Entry #2, due Sept. 25th

 
September 16 - 18, 2015
Design & Photography Principles

Week Outline and Class Objectives

•  Forms to Fill Out & Info to Know
Welcome Letter

Fire Escape Plan from room 201

* Sharing a Google Doc *


•  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

Unit Assessment (to be reviewed and linked)

Homework #1: Review Design and Photography Resources for Unit Exam

Wiki Entry #2, due Sept. 25th

 
September 8 - 11, 2015
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

* Sharing a Google Doc *


•  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

Unit Assessment (to be reviewed and linked)

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

Introduction Weekly Wiki Entry (Example)
Class Wiki, Fall 2015
 
September 2 - 4, 2015
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)