* Still Available: In the Classroom Files, Spring 2017

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

 

June 15, 2018: week Final Exam
Educational Site/Final Project

block 8, 7:30 - 9:00

block 7, 9:30 - 11:00

Week Outline and Class Objectives

 

To Submit:

1. Class Survey

2. Content Peer Editing Feedback Form
3. Guardian/Educator Rubric

4. Google Doc: with link to home page and screen shots of site reports (missing alt tags & untitled documents on all pages)

 

• File Structure
Connecting to FTP

To Find Your Files:

http://www.natickhighwebdesign.com/advweb1spring2018/lastname

---

Help with Bugs!!


• Final Project/Educational Site Building
Rubrics

Educational Site All Pages- Rubric

 
June 11 - 15, 2018: week #19
Educational Site/Final Project

Week Outline and Class Objectives

 

FYI, Final Exam Friday- block 8, 7:30 - 9:00 & block 7, 9:30 - 11:00

 

• File Structure
Connecting to FTP

To Find Your Files:

http://www.natickhighwebdesign.com/advweb1spring2018/lastname

---

Help with Bugs!!


• Final Project/Educational Site Building
Rubrics

Educational Site Home Page- Rubric (May 30th)
Educational Site, Rubric used for page 3 (June 7th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources

Homework #1: Final Project/Educational Site Building

Wiki Entry Catch Up

 
June 4 - 8, 2018: week #18
Educational Site/Final Project

Week Outline and Class Objectives

 

Help with Bugs!!

To Find Your Files:

http://www.natickhighwebdesign.com/advweb1spring2018/lastname

 

• File Structure
Connecting to FTP

 

Review of the Basics

- 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


 

• Final Project/Educational Site Building
Rubrics

Educational Site Home Page- Rubric (May 30th)
Educational Site, Rubric used for page 3 (June 7th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources

Homework #1: Final Project/Educational Site Building

Wiki Entry Catch Up

 
May 29 - June 1, 2018: week #17
Educational Site/Final Project

Week Outline and Class Objectives

 

Help with Bugs!!

To Find Your Files:

http://www.natickhighwebdesign.com/advweb1spring2018/lastname

 

• File Structure
Connecting to FTP

 

Review of the Basics

- 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


 

• Final Project/Educational Site Building
Rubrics

Educational Site Home Page- Rubric (May 30th)
Educational Site, Rubric used for page 3 (June 7th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources

Homework #1: Final Project/Educational Site Building

Wiki Entry Catch Up

 
May 21 - 25, 2018: week #16
Educational Site/Final Project

Week Outline and Class Objectives

 

Help with Bugs!!

Adv. Code/Dreamweaver Unit Survey

 

To Find Your Files:

http://www.natickhighwebdesign.com/advweb1spring2018/lastname

 

• File Structure
Connecting to FTP

 

Review of the Basics

- 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


 

• Final Project/Educational Site Building
Rubrics

Educational Site Home Page- Rubric (May 25th)
Educational Site, Rubric used for page 3 (June 7th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources

Homework #1: Final Project/Educational Site Building

Wiki Entry Catch Up

 
May 14 - 18, 2018: week #15
Educational Site/Final Project

Week Outline and Class Objectives


•  Final Project/Educational Site Planning

Critique Session, period 7

Critique Session, period 8

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)

 

• Final Project/Educational Site Building
Rubrics

Educational Site Home Page- Rubric (May 25th)
Educational Site, Rubric used for page 3 (June 7th)
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Educator Rubric

--

Web Design Tool Kit, Helpful Resources

Homework #1: Final Project/Educational Site Building

Wiki Entry Catch Up

 
May 7 - 11, 2018: week #14
Adv. Dreamweaver

Week Outline and Class Objectives

 

Adv. Dreamweaver/Code Unit Exam

 

•  Code / Dreamweaver

Creative Links Made Simple (hover effects) 

---

(download and include code from basic tempalte section)

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)

To Come...

Unit Exam Reivew

Bootstrap Kahoot Fun Game!

Unit Assessment (to be linked)

Questions or Topics Interested in!

•  Educational Site

Critique Session, period 7

Critique Session, period 8

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

Homework #1: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due on Monday, May 9th (to be announced on Monday, do not worry about this at this time)

Resources for Color Combos: Adobe Kuler & Color Combos

Wiki Entry #6, due May 11th (last one!)

Provide: Directions, Images, Resource Link

 
April 30 - May 4, 2018: week #13
Adv. Dreamweaver

Week Outline and Class Objectives

 

MassBay College Visit

 

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

(download and include code from basic tempalte section)

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)

To Come...

Unit Exam Reivew

Bootstrap Kahoot Fun Game!

Unit Assessment (to be linked)

Questions or Topics Interested in!

Homework #1: CSS3 Transitions with Aiden (due date given in class)
Homework #2: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due on Monday, May 9th (to be announced on Monday, do not worry about this at this time)

Wiki Entry #6, due May 11th (last one!)

Provide: Directions, Images, Resource Link

 
April 23 - 27, 2018: week #12
Adv. Dreamweaver

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

 

•  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

Homework #1: Complete Cullen.com Re-Create

Wiki Entry #5, due April 27th

Provide: Directions, Images, Resource Link

 
April 9 - 13, 2018: week #11
Adv. Dreamweaver

Week Outline and Class Objectives

 

•  Code / Dreamweaver

Computer Engineering and Stand Up Comedy
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: Complete Video Tutorial #2 & Video Tutorial #3

Wiki Entry #5, due April 27th

Provide: Directions, Images, Resource Link

 
April 2 - 6, 2018: week #10
Adv. Dreamweaver

Week Outline and Class Objectives

 

Photoshop Unit Survey

 

•  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 April 4th)

*Folder with all Resources. Go into the Sources folder for video tutorials

 

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, version 2.0

- - -

HTML5

HTML5 Resource

CSS3 Resource

Article/Section vs. Div

 

To come...

Video Tutorial #2, Slipry Slideshow

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, April 6th at end of class)

Wiki Entry #4, due April 6th

Provide: Directions, Images, Resource Link

 
March 26 - 30, 2018: week #9
Adv. Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop

Both Projects, Due Dates:
Last Day for Class Time, Express Yourself: March 22nd

Submit in Google Doc: Words from Project, Image of Project, Reflection

 

Last Day for Class Time, Photoshop Portfolio: March 26th

Submit in Google Doc: Link to Portfolio, 3 comments you left and 3 comments you received

Example of what to Submit

Last Day to Submit All Work on Time: March 28th

 

- 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

---

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


Unit Wrap Up Reflection:

TED Talk, A Picture is Worth

Directions:
1. Watch the TED Talk linked above. Once you watch this episode reflect on what you took from the talk.

2. Meet with your assigned group and discuss with the other students their take on the video and what inspiration or actions they would do after watching this video.

3. In a Google Doc, your group is going to create an event which you would create as inspiration from this video. Include: Summary of the event, who would the event impact (target audience), and how does photography play a role in your event. With the event make sure you include how the experience will impact the person you are taking a picture of in a personal/positive.

 

Group Discussion to Follow
---
If time soft review on HTML & CSS

Homework #1: Submit both Projects

Wiki Entry #4, due April 6th

Provide: Directions, Images, Resource Link

 
March 19 - 23, 2018: week #8
Adv. Photoshop

Week Outline and Class Objectives

 

Photoshop Review with Kahoot! (mid-unit fun!)

 

• Adv. Photoshop

Start Class With: Lesson of the Day

End Class With: Photoshop Check-In File (to be filled out at the end of each work day)

 

Both Projects, Due Dates:
Mid-Check both Projects on: March 8th

Due on: March 22nd (evaluating this in class)

 

- 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
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

 

T come for wrap up:

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. Due, Wednesday March 28th

 

Group Discussion to Follow

Homework #1: Work on Express Yourself Project

Homework #2: Work on Photoshop Portfolio project in Behance

 

Wiki Entry #3, due March 22nd

Provide: Directions, Images, Resource Link

 
March 12 - 16, 2018: week #7
Adv. Photoshop

Week Outline and Class Objectives

 

Photoshop Review with Kahoot! (mid-unit fun!)

 

• Adv. Photoshop

Start Class With: Lesson of the Day

End Class With: Photoshop Check-In File (to be filled out at the end of each work day)

 

Both Projects, Due Dates:
Mid-Check both Projects on: March 8th

Due on: March 22nd

 

- 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
---
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: Work on Express Yourself Project

Homework #2: Work on Photoshop Portfolio project in Behance

Wiki Entry #3, due March 22nd

Provide: Directions, Images, Resource Link

 
March 5 - 9, 2018: week #6
Adv. Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop

Start Class With: Lesson of the Day

End Class With: Photoshop Check-In File (to be filled out at the end of each work day)

 

Both Projects, Due Dates:
Mid-Check on: March 8th (in person by teacher, 5 photos complete)

Due on: March 20th

 

- 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
---
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: Work on Express Yourself Project

Homework #2: Work on Photoshop Portfolio project in Behance

Wiki Entry #2, due March 8th

Provide: Directions, Images, Resource Link

 
February 26 - March 2, 2018: week #5
Design & Photography Principles
Adv. Photoshop

Week Outline and Class Objectives


•  Design & Photography Principles

Unit Assessment Review (room #123341)

Unit Assessment (to be linked)

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

Start Class With: Lesson of the Day

End Class With: Photoshop Check-In File (to be filled out at the end of each work day)

 

Both Projects, Due Dates:
Mid-Check on: March 8th (in person by teacher, 5 photos complete)

Due on: March 20th

 

- 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
---
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: Work on Express Yourself Project

Homework #2: Work on Photoshop Portfolio project in Behance

Wiki Entry #2, due March 8th

Provide: Directions, Images, Resource Link

 
February 12 - 16, 2018: week #4
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, February 15th). Create a presentation which includes the completed activities. Activity #3 can be completed with anyone at home.

Wiki Entry #1, due February 16th

Provide: Directions, Images, Resource Link

 
February 5 - 9, 2018: week #3
Design & Photography Principles

Week Outline and Class Objectives


•  Design & Photography Principles

Design Review on Socrative (enter into room #123341)

---
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 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 February 13th)

Example Work

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due February 16th

Provide: Directions, Images, Resource Link

 
January 29 - February 2, 2018: week #2
Design & Photography Principles

Week Outline and Class Objectives


•  Design & Photography Principles

Design Review on Socrative (enter into room #123341)

---
Design Handbook

Guess the Design

---

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

---

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: Read the Color and Graphic section in the Design Handbook and take notes in the Google Doc file you started in class.

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due February 16th

Provide: Directions, Images, Resource Link

 
January 24 - 26, 2018: week #1
Introduction to Course
Design & Photography

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 2018

 

•  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

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 and Load Adobe Suite (due Monday, September 11th)

Introduction Weekly Wiki Entry (Introduction to Come)