* Still Available: In the Classroom Files, Spring 2017

* Still Available: In the Classroom Files, Fall 2016
* Course Units: Using Standard District Template

 

January 8 - 12, 2018: week #18

Final Project

Week Outline and Class Objectives

 

All final projects will be collected IN CLASS on January 16th. Students do not have to come to the final exam block (as I may not be in the building.)

 

Classroom Experience Survey


• Final Project
Rubrics

Educational Site Home Page- Rubric (December 22nd)
Educational Site, Rubric used for page 3 (January 11th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources
Home Page Check-In, Teacher will conduct one on one in class. Upon Mrs. Cullen's return your FTP server will be set up.

 

• File Structure
Setting up FTP
Connecting to FTP

*Finding your Site: http://www.natickhighwebdesign.com/advweb1fall2017/firstnamelastname

Homework #1: Design & Photography Principles, Writing Assessment (post-assessment)

Key Words to Use
(due Monday, January 9th)
Homework #2: Work on Final Project

Wiki Entry, Catch Up

 

January 2 - 5, 2018: week #17

Final Project

Week Outline and Class Objectives


• Final Project
Rubrics

Educational Site Home Page- Rubric (December 22nd)
Educational Site, Rubric used for page 3 (January 5th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources
Home Page Check-In, Teacher will conduct one on one in class. Upon Mrs. Cullen's return your FTP server will be set up.

Homework #1: Design & Photography Principles, Writing Assessment (post-assessment)

Key Words to Use
(due Monday, January 9th)
Homework #2: Work on Final Project

Wiki Entry, Catch Up

 

December 18 - 22, 2017: week #16

Adv. Dreamweaver

Week Outline and Class Objectives


• Final Project
Rubrics

Educational Site Home Page- Rubric (December 22nd)
Educational Site, Rubric used for page 3
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources
Home Page Check-In, Teacher will conduct one on one in class. Upon Mrs. Cullen's return your FTP server will be set up.

Homework #1: Work on Final Project

Wiki Entry, Catch Up

 

December 11 - 15, 2017: week #15

Adv. Dreamweaver

Week Outline and Class Objectives

 

Adv. Code/Dreamweaver Unit Exam


•  Code / Dreamweaver

Resource Root Folder for Lessons Below***

Nav Stick & Understanding position and z-index

Parallex Scrolling (& CSS Background-position property)

Named Anchors
Smooth Scrolling
---

Bootstrap for Full Page Templates

Bootstrap for Individual Elements
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html

Older Resource

One Page Stick, SMINT
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

---

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!

--

 

•  Educational Site

Critique Session Example

Directions: With your group create your own Critique Session File with the same requirements for each person in your group which are provided in the example. Share with lcullen@natickps.org (title: Adv Web 1-7, Critique Session)


Web Design Tool Kit, Helpful Resources
Home Page Check-In, Teacher will conduct one on one in class. Upon Mrs. Cullen's return your FTP server will be set up.

Rubrics
Educational Site Home Page- Rubric (December 22nd)
Educational Site, Rubric used for page 3
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric


Homework #1: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due, December 4th
Homework #2: Study for Unit Exam (date TBD)

Wiki Entry, Catch Up

 

December 4 - 8, 2017: week #14

Adv. Dreamweaver

Week Outline and Class Objectives

 

*Hour of Code


•  Code / Dreamweaver

Resource Root Folder for Lessons Below***

Nav Stick & Understanding position and z-index

Parallex Scrolling (& CSS Background-position property)

Named Anchors
Smooth Scrolling
---

Bootstrap for Full Page Templates

Bootstrap for Individual Elements
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html

Older Resource

One Page Stick, SMINT
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

---

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, December 4th
Homework #2: Study for Unit Exam (date TBD)

Homework #2: Make your own Bootstrap page!!! Wonderful video resource here

Wiki Entry #6, due December 8th

Provide: Directions, Images, Resource Link

 

November 27 - December 1, 2017: week #13

Adv. Dreamweaver

Week Outline and Class Objectives


•  Code / Dreamweaver

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

Older Resource

One Page Stick, SMINT
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

To come...

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 #2: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due, December 4th

Wiki Entry #6, due December 8th

Provide: Directions, Images, Resource Link

 

November 13 - 17, 2017: week #12

Adv. Dreamweaver

Week Outline and Class Objectives

•  Code / Dreamweaver
Value your Computer Science Classes, Thank You Hadi!- Monday

Computer Engineering and Stand Up Comedy- Wednesday
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!!

 

 

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

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: Friday, November 17th. This project is expected to be completed at home as homework if needed and will be submitted on a flash drive to the teacher.

Wiki Entry #5, due November 17th

Provide: Directions, Images, Resource Link

 

November 6 - 10, 2017: week #11

Adv. Dreamweaver

Week Outline and Class Objectives

•  Code / Dreamweaver
Value your Computer Science Classes, Thank You Hadi!
---

Page Re-Create, Basics using HTML5 & CSS3 with external CSS re-create just the New Balance Home Page from Intro. Class (due end of class November 6th)

*Video Resource

 

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

Homework #1: Introduction to Recreating Mrscullen.com:

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

Video Tutorial #1, Getting Started and Creating the Nav (due, November 10th at end of class)

Wiki Entry #5, due November 17th

Provide: Directions, Images, Resource Link

 

October 23 - 27, 2017: week #10
Adv. Photoshop

Adv. Dreamweaver

Week Outline and Class Objectives

 

Photoshop Unit Survery

 

• Adv. Photoshop

Behance Gallery and Comment Activity (Follow step #3 in the directions and follow the "sharing" directions on page 3 of this file )

- Example of what to Submit

- To access other students portfolios, period 7

- To access other students portfolios, period 8


Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance


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

Page Re-Create, Basics using HTML5 & CSS3 with external CSS re-create just the New Balance Home Page from Intro. Class (due Thursday, November 2nd)

 

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

Homework #1: Introduction to Recreating Mrscullen.com:

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

Video Tutorial #1, Getting Started and Creating the Nav (due, November 6th at end of class)

Wiki Entry, week break!!! (no entry due at this time)

 
October 23 - 27, 2017: week #9
Adv. Photoshop

Week Outline and Class Objectives

 

Design and Photography Unit Survery

 

Quizlet Live Photoshop Review!

 

• Adv. Photoshop

TED Talk, A Picture is Worth

Directions: Watch the TED Talk linked above. Once you watch this episode reflect on what you took from the talk. In a Google Doc, titled: "Adv. Web 1, A Picture is Worth" write a minimum of two paragraph (4-6 sentences each) on what you took from this video in terms of Photography as well as how you could give what you have.

 

Group Discussion to Follow
---
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance

 

Question/Term of the Day Activity (to be filled out at the end of each work day)

Due on: October 27th

 

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: work on Photoshop Portfolio project in Behance

Wiki Entry #4, due October 27th

Provide: Directions, Images, Resource Link

 
October 16 - 20, 2017: week #8
Adv. Photoshop

Week Outline and Class Objectives

 

Photoshop Review with Kahoot! (end of week fun!)

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance

 

Question/Term of the Day Activity (to be filled out at the end of each work day)


Mid-Check on: October 17th (in person by teacher, 5 photos complete)

Due on: October 27th

 

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: work on Photoshop Portfolio project in Behance

Wiki Entry #4, due October 27th

Provide: Directions, Images, Resource Link

 
October 10 - 13, 2017: week #7
Design & Photography Principles
Adv. Photoshop

Week Outline and Class Objectives

 

Mass Bay Community College, Guest Speaker!

 

•  Design & Photography Principles

Unit Exam- to be linked

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance

 

Question/Term of the Day Activity (to be filled out at the end of each work day)


Mid-Check on: October 17th (in person by teacher, 5 photos complete)

Due on: October 27th

 

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: work on Photoshop Portfolio project in Behance

Wiki Entry #3, due October 13th

Provide: Directions, Images, Resource Link

 
October 2 - 6, 2017: week #6
Design & Photography Principles
Adv. Photoshop

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
---
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.)

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance

 

Question/Term of the Day Activity (to be filled out at the end of each work day)


Mid-Check on: October 17th (in person by teacher, 5 photos complete)

Due on: October 27th

 

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: Study for Design and Photography Unit Exam (materials and notes providedin class)

---

Homework #2: work on Photoshop Portfolio project in Behance

---

Homework #3 (optional):

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th


Logo Sites to Read Before Starting:

- Examples to submit and what to think about for placement
http://www.webdesignerdepot.com/2009/06/12-essential-rules-to-follow-when-designing-a-logo/
http://tannerchristensen.com/rules-for-logo-design/ (logos to check out)

"Even Large Companies Need Small Logos" ~ Tanner Christensen

Wiki Entry #3, due October 13th

Provide: Directions, Images, Resource Link

 
September 25 - 29, 2017: week #5
Design & Photography Principles

Week Outline and Class Objectives

 

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

Font Conference- Entertaining Video

Font Resource Site

---
Taking Photos

Selecting Photos, with activities

 

Possible this week...

Unit Assessment Review (room #123341)

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


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: Selecting Photos, with activities (due, October 2nd). Create a presentation which includes the completed activities. Activity #3 can be completed with anyone at home.


Homework #2 (optional):

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th


Logo Sites to Read Before Starting:

- Examples to submit and what to think about for placement
http://www.webdesignerdepot.com/2009/06/12-essential-rules-to-follow-when-designing-a-logo/
http://tannerchristensen.com/rules-for-logo-design/ (logos to check out)

"Even Large Companies Need Small Logos" ~ Tanner Christensen

---

Homework #3: Print Out Pre-Writing Assessment (Apple Watch Assignment) and hand in by Tuesday, September 19th

Wiki Entry #2, due September 29th

Provide: Directions, Images, Resource Link

 
September 18 - 22, 2017: week #4
Design & Photography Principles

Week Outline and Class Objectives

 

•  Misc.
Submit printed Apple Watch Pre-Assessment Writing Activity

•  Design & Photography Principles
Design Handbook

Guess the Design

---

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

Example of Expectations for Acitivy

---

Font Conference- Entertaining Video

Font Resource Site

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

---
Homework #2: Color Theory Assignment & Resources (due September 29th)

Example Work

---

Homework #3 (optional):

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th


Logo Sites to Read Before Starting:

- Examples to submit and what to think about for placement
http://www.webdesignerdepot.com/2009/06/12-essential-rules-to-follow-when-designing-a-logo/
http://tannerchristensen.com/rules-for-logo-design/ (logos to check out)

"Even Large Companies Need Small Logos" ~ Tanner Christensen

---

Homework #3: Print Out Pre-Writing Assessment (Apple Watch Assignment) and hand in by Tuesday, September 19th

Wiki Entry #2, due September 29th

Provide: Directions, Images, Resource Link

 
September 11 - 15, 2017: week #3
Design & Photography Principles

Week Outline and Class Objectives

 

• Misc.

Submitting Welcome Letter and Flash Drive

Grading for Semester

Sharing a Google Doc


•  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)
- Link for resource for project, Website Group
---
Design Handbook

Guess the Design

---

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

---

Font Conference- Entertaining Video

Font Resource Site

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: Read Design Handbook

---

Homework #2 (optional):

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th


Logo Sites to Read Before Starting:

- Examples to submit and what to think about for placement
http://www.webdesignerdepot.com/2009/06/12-essential-rules-to-follow-when-designing-a-logo/
http://tannerchristensen.com/rules-for-logo-design/ (logos to check out)

"Even Large Companies Need Small Logos" ~ Tanner Christensen

---

Homework #3: Print Out Pre-Writing Assessment (Apple Watch Assignment) and hand in by Tuesday, September 19th

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due September 15th

Provide: Directions, Images, Resource Link

 
September 5 - 8, 2017: week #2
Design & Photography Principles

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)
- Link for resource for project, Website Group

Review of the Basics, What do you remember?
Design Handbook
Font Conference- Entertaining Video

Font Resource Site

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: Submit Welcome Letter Purchase Flash Drive (due Monday, September 11th)

Homework #2: Design & Photography Principles, Writing Assessment
(due Monday, September 11th)

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due September 15th

Provide: Directions, Images, Resource Link

 
August 28 - September 1, 2017: week #1
Introduction to Course

Week Outline and Class Objectives

•  Orientation

Forms to Fill Out and Info to Know

Natick High Web Design, Gallery Site
Past Web Design Class Experience & Expectations for Adv. I Survey
Welcome Letter

Mailbox Messages, Stinky Fish or Magic Wand

Fire Escape Plan from room 201

Tweet of the Week @LoriCullen19

 

Activities

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

What's In An...

 

Video to Influence

Did You Know? Version 2017

Homework #1: Submit Welcome Letter Purchase Flash Drive and Load Adobe Suite (due Monday, September 11th)

Homework #2: Design & Photography Principles, Writing Assessment
(due Monday, September 11th)

Introduction Weekly Wiki Entry (Example)