* Still Available: In the Classroom Files, Fall 2017

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

 

Announcements from Substitute Teacher

Dates to Be Announced

Final Exam Block

Final Project/ Educational Site

 

All final projects will be collected IN CLASS during the final exam block period. Mrs. Cullen will publish any Adv. Web 1 Websites to the Natickhighwebdesign.com FTP upon her return and upon request.


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

Run Site Reports: broken links and alt tags

 

• Class Survey

Submit Class Survey before Leaving!

 

Educational Site (final project)
Week #18 - #19

January 2 - 11, 2018

June 3 - 6, 2019

Week Outline and Class Objectives

 

Publishing to FTP

Directions to Help

---

To Find Files Go To: http://natickhighwebdesign.com/advwebspring2019/lastnamefinal

(type in your last name where it says last name)

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Help with Bugs

Rubrics
Educational Site, Rubric used for page 3 (due TBA)
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)

---
Publishing Information
To Be Determined by Substitute Teacher and Mrs. Cullen will publish to FTP upon her return and upon request.

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

Educational Site (final project)
Week #17

December 17 - 21, 2018

May 28 - 31, 2019

Week Outline and Class Objectives

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Help with Bugs

Rubrics
Educational Site, Rubric used for page 3 (due TBA)
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)

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

Educational Site (final project)
Week #16

December 10 - 14, 2018

May 20 - 24, 2019

Week Outline and Class Objectives

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Help with Bugs

Rubrics
Educational Site Home Page- Rubric (home page due TBA, in class check)
Educational Site, Rubric used for page 3 (due TBA)
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)

 

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

Educational Site (final project)
Week #15

December 3 - 7, 2018

May 13 - 17, 2019

Week Outline and Class Objectives

 

Adv. Dreamweaver Unit Exam

Adv. Dreamweaver Unit Survey

 

JS for Transition file

 

•  Educational Site

Project Proposal Critique Session

 

Setting up Root Folder

Web Design Tool Kit, Helpful Resources

Help with Bugs

Rubrics
Educational Site Home Page- Rubric (home page due TBA, in class check)
Educational Site, Rubric used for page 3 (due TBA)
Educational Site All Pages- Rubric (due TBA)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

Code/ Adv. Dreamweaver
Week #14

November 27 - 30, 2018

May 6 - 10, 2019

Week Outline and Class Objectives

 

• Code/Adv. Dreamweaver

CSS3 Transitions with Aiden (teacher will walk around to check file)

Unit Exam Reivew

Bootstrap Kahoot Fun Game!

Unit Assessment (to be linked)

Questions or Topics Interested in!

Homework #1: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due, TBA

Color Combo Resource

Total of 6 Wiki Entries, All Due at this Point

 

Code/ Adv. Dreamweaver
Week #13

November 19 - 21, 2018

April 29 - May 3, 2019

Week Outline and Class Objectives

 

•  Code / Dreamweaver, Trends

Creative Links Made Simple (hover effects) 

---

Resource Root Folder for Lessons Below*

Nav Stick & Understanding position and z-index

Parallex Scrolling (& CSS Background-position property)

JS or CSS: html{scroll-behavior: smooth;}
}

Named Anchors
---

Bootstrap
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html

Trending, Page Re-Create, Adv.: From the lessons taught in class on trends in Web Design you will create a page which includes each trend taught as well as an additional page which just includes Bootstrap elements. To be collected in class on Flash Drive.

Homework #1: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due, TBA

Wiki Entry #6, due bi-weekly

 

Code/ Adv. Dreamweaver
Week #12

November 13 - 16, 2018

April 22 - 26, 2019

Week Outline and Class Objectives


•  Code / Dreamweaver, Trends

Creative Links Made Simple (hover effects) 

---

Resource Root Folder for Lessons Below*

Nav Stick & Understanding position and z-index

Parallex Scrolling (& CSS Background-position property)

Named Anchors
---

Bootstrap
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html

Trending, Page Re-Create, Adv.: From the lessons taught in class on trends in Web Design you will create a page which includes each trend taught as well as an additional page which just includes Bootstrap elements. To be collected in class on Flash Drive.

Homework #1: Complete Cullen.com Re-Create

Wiki Entry #6, due bi-weekly

 
Code/ Adv. Dreamweaver

Week #11

November 5 - 9, 2018

April 8 - 12, 2019

Week Outline and Class Objectives


•  Code / Dreamweaver
Value your Computer Science Classes, Thank You Hadi!-
HTML Review in Kahoot!
---
Introduction to Recreating Mrscullen.com: (due November, 17th)

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

---

Help with Bugs!!

Homework #1: 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

Project Due On: TBA. This project is expected to be completed at home as homework and will be submitted on a flash drive to the teacher.

Wiki Entry #5, due bi-weekly

 
Code/ Adv. Dreamweaver

Week #10

October 29 - November 2, 2018

April 1 - 5, 2019

Week Outline and Class Objectives

 

• Adv. Photoshop

- Express Yourself Project Directions

- Photoshop Portfolio project in Behance

Access to Behance Portfolios

 

Adv. Photoshop Unit Survey


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

Introduction to 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

---
Code Review & Basics
To Focus On: Skeleton of File, Creating a Header with Nav, Box Model & Setting Up External Style Sheet (this will be new not review)
Text Edit Preferences

HTML tag cheatsheet

Saving Images for Web

HTML Handbook

Skeleton for start of HTML and CSS page

CSS (all versions) Resource
Introduction to CSS

CSS Defaults
Reset CSS

- - -

HTML5

HTML5 Resource

CSS3 Resource

Article/Section vs. Div


Page Re-Create, Basics using HTML5 & CSS3 with external CSS re-create just the New Balance Home Page from Intro. Class (will have time to start in class but finish as homework)

Homework #2: Page Re-Create, Basics using HTML5 & CSS3 with external CSS re-create just the New Balance Home Page from Intro. Class (due, TBA). RESOURCE FOR HELP (video tutorials in the sources folder)

 

Homework #1: 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

Project Due On: TBA. This project is expected to be completed at home as homework and will be submitted on a flash drive to the teacher.

Wiki Entry #5, due bi-weekly

 
Adv. Photoshop

Week #9

October 22 - 26, 2018

March 25 - 29, 2019

Week Outline and Class Objectives

 

Access to class portfolios

 

• Photoshop

- CREATING AN IMAGE

Indiv. Photos to Load in Class
Express Yourself Project Directions

Express Yourself Rubric

 

- EDITING IMAGES
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance


Due on: TBA

To Submit & Share/Comment: Follow step #5 in the directions and follow the "sharing" directions on page 3 of this file

- Example of what to Submit
---
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 for a little Mind Break!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance is complete!

Wiki Entry #4, due bi-weekly

 
Adv. Photoshop

Week #8

October 15 - 19, 2018

March 18 - 22, 2019

Week Outline and Class Objectives

 

• Photoshop

- CREATING AN IMAGE

Indiv. Photos to Load in Class
Express Yourself Project Directions

Express Yourself Rubric

 

- EDITING IMAGES
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance


Due on: TBA (submitting directions to be given next week)

 

Lessons of the Day to be Voted on & Announced
---
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 for a little Mind Break!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

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

Wiki Entry #4, due bi-weekly

 
Adv. Photoshop

Week #7

October 9 - 12, 2018

March 11 - 15, 2019

Week Outline and Class Objectives

 

Design and Photography Unit Exam

Design and Photography Principles, Unit Survey

Photoshop Review of Tools in Quizlet!!

 

• Photoshop

- CREATING AN IMAGE

Indiv. Photos to Load in Class
Express Yourself Project Directions

Express Yourself Rubric

 

- EDITING IMAGES
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance

 

Mid-Check on: Friday, March 15th

Due on: TBA

 

Lessons of the Day to be Voted on & Announced
---
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 for a Little Mind Break!

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 bi-weekly

 
Adv. Photoshop

Week #6

October 1 - 5, 2018

March 2 - 4, 2019

Week Outline and Class Objectives

 

• Photoshop

- CREATING AN IMAGE

Indiv. Photos to Load in Class
Express Yourself Project Directions

Express Yourself Rubric

 

- EDITING IMAGES
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance


Mid-Check on: Friday, March 15th

Due on: TBA

 

Lessons of the Day to be Voted on & Announced
---
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 for a Little Mind Break!

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)

Homework #2: Study Quizlet set for game on Monday!!

Wiki Entry #3, due bi-weekly

 
Design & Photography Principles

Week #5

September 24 - 28, 2018

February 25 - March 1, 2019

Week Outline and Class Objectives


•  Design & Photography Principles

Unit Assessment Review (room #123341)

Unit Assessment (to be linked)
Why City Flags May be the Worst Designed thing You Never Noticed

 

Misc. Resources
templated.co

Grid Based Approach

Homework #1: Color Theory Assignment & Resources
Homework #2: Study for Design and Photography Unit Exam

Wiki Entry #2, due bi-weekly

 
Design & Photography Principles

Week #4

September 17 - 21, 2018

February 11 - 15, 2019

Week Outline and Class Objectives


•  Design & Photography Principles
Teaching the 9 Essentials- Resource Site
Teaching the 9 Essentials- Activity, Train the Trainer
---
Taking Photos

Selecting Photos, with activities

 

Unit Notes Example (notes and activities will be document in a Google Doc throughout this unit. This Google Doc will be shared at the end of the unit for a classwork grade.)

Homework #1: Color Theory Assignment & Resources (due February 27th)

Example Assignment

Wiki Entry #2, due bi-weekly

 
Design & Photography Principles

Week #3

September 11 - 14, 2018

February 4 - 8, 2019

Week Outline and Class Objectives


•  Design & Photography Principles
Teaching the 9 Essentials- Resource Site
Teaching the 9 Essentials- Activity, Train the Trainer

Example of Expectations for Acitivy


The Elements of Art- Video

 

Unit Notes Example (notes and activities will be document in a Google Doc throughout this unit. This Google Doc will be shared at the end of the unit for a classwork grade.)

Homework #1: Prepare for Teaching the 9 Essentials Presenation

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due bi-weekly

 
Design & Photography Principles

Week #2

September 4 - 7, 2018

January 28 - February 1, 2019

Week Outline and Class Objectives


•  Design & Photography Principles

First Impression Activity (password protected activity until complete because it is based upon first impressions which are guided by the teacher in the classroom) ,
Review of the Basics, What do you remember?
Design Handbook
Font Conference- Entertaining Video

Unit Notes Example (notes and activities will be document in a Google Doc throughout this unit. This Google Doc will bes shared at the end of the unit for a classwork grade.)

Homework #1: Submit Welcome Letter Purchase Flash Drive and Load Adobe Suite (due Friday, February 1st)

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due bi-weekly

 

Introduction to Course

Week #1

August 29 - 31, 2018

January 22 - 25, 2019

Week Outline and Class Objectives

•  Orientation

Forms to Fill Out and 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

 

Activities

What I wish my Teacher Knew... (print out activity)

Introductions: Turn Around and Meet my Friends, Adv. Web Design Style

Video to Influence: Did You Know? Version 2018

Homework #1: Submit Welcome Letter Purchase Flash Drive and Load Adobe Suite (due Friday, February 1st)

Introduction Weekly Wiki Entry (Example)