Student Resources

* Still Available: In the Classroom Files, Fall 2017

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

Announcement from Substitute Teacher

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

Websites to be submitted through flash drive

• Class Survey

Submit Class Survey before Leaving!

Week Outline and Class Objectives

Publishing to FTP

Directions to Help

---

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

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

• Professional Site (final project)

Helpful Resources:

Web Design Tool Kit

Help with Bugs

Mid Check-In, Teacher will conduct one on one in class.

Professional Site, Rubric used for page 3 (due TBA)
Professional Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Employee Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Professional Site

All Chapters Should be Submitted at this Point
All Practice Exams Should be Submitted at this Point

Week Outline and Class Objectives

• Professional Site (final project)

Helpful Resources:

Web Design Tool Kit

Help with Bugs

Professional Site, Rubric used for page 3 (due TBA)
Professional Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Employee Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Professional Site

All Chapters Should be Submitted at this Point
All Practice Exams Should be Submitted at this Point

Week Outline and Class Objectives

• Professional Site (final project)

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

---

Helpful Resources:

Web Design Tool Kit

Help with Bugs

Professional Site Home Page- Rubric (home page due TBA)
Professional Site, Rubric used for page 3 (due TBA)
Professional Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Employee Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Professional Site Home Page (due TBA)

All Chapters Should be Submitted at this Point
All Practice Exams Should be Submitted at this Point

Week Outline and Class Objectives

• Professional Site (final project)

Home Page Check-In, Teacher will conduct one on one in class.

---

Helpful Resources:

Web Design Tool Kit

Help with Bugs

Professional Site Home Page- Rubric (home page due TBA)
Professional Site, Rubric used for page 3 (due TBA)
Professional Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Employee Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Study for ACA Exam!

Exam Materials Due, Before Exam Date:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 7)

1. Vocabulary: Unity - Workspace Layouts
2. Projects: 7.1 - 7.4 Include screen shots of each step. Each screen shot has to show your name in some place OR Objectives (17 total)

- Practice Exam
Mode: Dreamweaver CC Test 1, Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #7)

Week Outline and Class Objectives

• Exam Focus

Chapter Review: 4, 5 & 6

Schedule exam dates & make up date for any time until the end of the semester but before final exam week
- - -

Final Review of Materials Below

- https://quizlet.com/10903929/study-guide-flash-cards/

- https://quizlet.com/40591792/dreamweaver-flash-cards/

- CREATIVE CLOUD STUDY GUIDE
(digital version, same as printed version but need digital for resource links)

Other Material specifically for this week:

Audio Tag

W3 Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

-- -

Breakdown of CSS parts
CSS Selector Reference
CSS Combinators, Descendant Selectors

Photoshop Generator

Due Dates:

1. Thursday, May 9th: Trypography, Invdividual Piece

2. Thursday, May 23rd: Typography, Group Piece

3. Thursday, May 30th: Final Project, Home Page

Homework #1: Study for ACA Exam!

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 7)

1. Vocabulary: Unity - Workspace Layouts
2. Projects: 7.1 - 7.4 Include screen shots of each step. Each screen shot has to show your name in some place OR Objectives (17 total)

- Practice Exam
Mode: Dreamweaver CC Test 1, Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #7)

Week Outline and Class Objectives

Project Proposal Critique Session

• Design, Typography

- Typography Time Assignment! (example assignment)

- Typography, Creative Project: With a group of four make song, public service announcement or entertaining video about typography! (group work)

---
Example of Creative Piece (student level)
Example of creative piece (professional level)

Both Pieces Due: TBA

Typography Time Assignment, Share as a Google Presentation

Typography Creative Project, Share in Google Drive

---

Helpful Review Resources:
Design
Design Handbook
Teaching the 9 Essentials- Resource Site

Photography
Taking Photos

Selecting Photos, with activities

Due Dates:

1. Thursday, May 9th: Trypography, Invdividual Piece

2. Thursday, May 23rd: Typography, Group Piece

3. Thursday, May 30th: Final Project, Home Page

Homework #1: Work on Typography Time! Presentation (at home, own pace)
Homework #2: Professional Site, Project Management Process
(do not need to do reflection piece), Example File , due TBA

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 6)

1. Vocabulary: Rule of Thirds - Type Size
2. Projects: 6.1 - 6.4 Include screen shots of each step. Each screen shot has to show your name in some place or Learning Objetives (11 total)

- Practice Exam
Mode: Dreamweaver CC 2015 Test 2, Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #6)

Week Outline and Class Objectives

• Design, Typography

- Typography Time Assignment! (example assignment)

- Typography, Creative Project: With a group of four make song, public service announcement or entertaining video about typography! (group work)

---
Example of Creative Piece (student level)
Example of creative piece (professional level)

Both Pieces Due: TBA

Typography Time Assignment, Share as a Google Presentation

Typography Creative Project, Share in Google Drive

---

Helpful Review Resources:
Design
Design Handbook
Teaching the 9 Essentials- Resource Site

Photography
Taking Photos

Selecting Photos, with activities

Homework #1: Work on Typography Time! Presentation
Homework #2: Professional Site, Project Management Process
(do not need to do reflection piece), Example File , due: TBA

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 6)

1. Vocabulary: Rule of Thirds - Type Size
2. Projects: 6.1 - 6.4 Include screen shots of each step. Each screen shot has to show your name in some place or Learning Objetives (11 total)

- Practice Exam
Mode: Dreamweaver CC 2015 Test 2, Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #6)

Week Outline and Class Objectives

• Design, Typography

- Typography Time Assignment! (example assignment)

- Typography, Creative Project: With a group of four make song, public service announcement or entertaining video about typography! (group work)

---
Example of Creative Piece (student level)
Example of creative piece (professional level)

Both Pieces Due: TBA

---

Helpful Review Resources:
Design
Design Handbook
Teaching the 9 Essentials- Resource Site

Photography
Taking Photos

Selecting Photos, with activities

Homework #1: Work on Typography Time! Presentation

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 5)

1. Vocabulary: Negative Space - Round Trip

2. Notes on each learning objective (11 total)
AND/OR you can choose to complete #2 or #3 depending on your learning style
3. Projects: 5.1 - 5.5 Include screen shots of each step. Each screen shot has to show your name in some place

- Practice Exam
Mode: Dreamweaver CC 2015 Test 1, Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #5)

Week Outline and Class Objectives

• Design, Typography

What do you Remember? Pre-Assessment

- Typography Time Assignment! (example assignment)

- Typography, Creative Project: With a group of four make song, public service announcement or entertaining video about typography! (group work)

---

Example of Creative Piece (student level)
Example of creative piece (professional level)

Both Pieces Due: TBA

---

Helpful Review Resources:
Design
Design Handbook
Teaching the 9 Essentials- Resource Site

Photography
Taking Photos

Selecting Photos, with activities

Homework #1: Work on Typography Time! Presentation

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 5)

1. Vocabulary: Negative Space - Round Trip

2. Notes on each learning objective (11 total)
AND/OR you can choose to complete #2 or #3 depending on your learning style
3. Projects: 5.1 - 5.5 Include screen shots of each step. Each screen shot has to show your name in some place

- Practice Exam
Mode: Dreamweaver CC 2015 Test 1, Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #5)

Week Outline and Class Objectives

• ACA Exam Focus

Review Printed Study Packet in Class

---

- https://quizlet.com/10903929/study-guide-flash-cards/

- https://quizlet.com/40591792/dreamweaver-flash-cards/

- CREATIVE CLOUD STUDY GUIDE
(digital version, same as printed version but need digital for resource links)

---

Audio Tag

W3 Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

---

Breakdown of CSS parts
CSS Selector Reference
CSS Combinators, Descendant Selectors

Photoshop Generator

Homework #2: Study for Voc. Exam, Chapters 1-3

Homework #2: Study printed packet material
(specific parts assigned by teacher in class)

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 4)

1. Vocabulary: HTTP - Movement
2. Projects: 4.1 - 4.5 Include screen shots of each step. Each screen shot has to show your name in some place

- Practice Exam
Mode: Dreamweaver CC Test 2, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #4)

Week Outline and Class Objectives

• ACA Exam Focus

Voc. Exam, File for Review

Voc. Exam on Socrative (Enter into room #123341. Take screen shot of score and submit in Google Doc)

Review Printed Study Packet in Class

---

- https://quizlet.com/10903929/study-guide-flash-cards/

- https://quizlet.com/40591792/dreamweaver-flash-cards/

- CREATIVE CLOUD STUDY GUIDE
(digital version, same as printed version but need digital for resource links)

---

Audio Tag

W3 Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

---

Breakdown of CSS parts
CSS Selector Reference
CSS Combinators, Descendant Selectors

Photoshop Generator

Homework #1: Study printed packet material
(specific parts assigned by teacher in class)

Homework #2: Study for Voc. Exam, File for Review

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 4)

1. Vocabulary: HTTP - Movement
2. Projects: 4.1 - 4.5 Include screen shots of each step. Each screen shot has to show your name in some place
AND/OR

Learning Objective Summary

- Practice Exam
Mode: Dreamweaver CC Test 2, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #4)

Week Outline and Class Objectives

Review and Know Unit Survey

• ACA Exam Focus

Chapter Review: 3

---

- https://quizlet.com/10903929/study-guide-flash-cards/

- https://quizlet.com/40591792/dreamweaver-flash-cards/

- CREATIVE CLOUD STUDY GUIDE
(digital version, same as printed version but need digital for resource links)

---

Audio Tag

W3 Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

---

Breakdown of CSS parts
CSS Selector Reference
CSS Combinators, Descendant Selectors

Photoshop Generator

Homework #1: Study printed packet material
(specific parts assigned by teacher in class)

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 3)

1. Vocabulary: Emphasis - HTML
2. Projects: Project 3.1 - 3.5 (Include screen shots of each step. Each screen shot has to show your name in some place)

AND OR

2a. Learning Objective Summaries

- Practice Exam
Mode: Dreamweaver CC Test 1, training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #3)

Week Outline and Class Objectives

• ACA Exam Focus

Chapter Review: 1 & 2

Chapter 1 Vocabulary Quizlet Review!

---

- https://quizlet.com/10903929/study-guide-flash-cards/

- https://quizlet.com/40591792/dreamweaver-flash-cards/

- CREATIVE CLOUD STUDY GUIDE
(digital version, same as printed version but need digital for resource links)

---

Audio Tag

W3 Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

---

Breakdown of CSS parts
CSS Selector Reference
CSS Combinators, Descendant Selectors

Photoshop Generator

Homework #1: Study printed packet material
(specific parts assigned by teacher in class)

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 3)

1. Vocabulary: Emphasis - HTML
2. Projects: Project 3.1 - 3.5 (Include screen shots of each step. Each screen shot has to show your name in some place)

AND OR

2a. Learning Objective Summaries

- Practice Exam
Mode: Dreamweaver CC Test 1, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #3)

Week Outline and Class Objectives

•  Review and Know

Review and Know Project Directions

Project Example
Due Date: Tuesday, March 5th

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav
Introduction to Dreamweaver CC Video

Review and Know Project

Exam Materials Due, Bi-Weekly: Due, Friday March 1st

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 2)

1. Vocabulary: Client - Elements of Art

2. Notes on each learning objective (11 total)
3. Projects: No projects due for this chapter (Include screen shots of each step. Each screen shot has to show your name in some place)

- Practice Exam: Due, Friday March 1st
Mode: Dreamweaver CC 2015 Test 2, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #2)

Week Outline and Class Objectives

•  Review and Know

Review and Know Project Directions

Project Example
Due Date: Tuesday, March 5th

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav
Introduction to Dreamweaver CC Video

Homework #1: Review and Know Project

Exam Materials Due, Bi-Weekly: Due, Friday March 1st

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 2)

1. Vocabulary: Client - Elements of Art

2. Notes on each learning objective (11 total)
3. Projects: No projects due for this chapter (Include screen shots of each step. Each screen shot has to show your name in some place)

- Practice Exam: Due, Friday March 1st
Mode: Dreamweaver CC 2015 Test 2, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #2)

Week Outline and Class Objectives

•  Review and Know

Review and Know Project Directions

Project Example
Due Date: Tuesday, March 5th

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav
Introduction to Dreamweaver CC Video

Homework #1: Review and Know Project

Exam Materials Due, Bi-Weekly: Due, Thursday February 14th

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 1)

1. Vocabulary: Absolute Links - Child Selector

2. Notes on each learning objective (11 total)
3. Project 1.1 & 1.2 (Include screen shots of each step. Each screen shot has to show your name in some place)

- Practice Exam: Due, Thursday, February 14th:
Mode: Dreamweaver CC 2015 Test 1, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #1)

Week Outline and Class Objectives

•  Review and Know

Review and Know Project Directions
Project Example
Due Date: TBA

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav
Introduction to Dreamweaver CC Video

Homework #1: Submit Welcome & Exam Letter, Purchase Flash Drive

Exam Materials Due, Bi-Weekly:

- CC Book, to submit in Google Doc (Adv. Web 2, Chapter 1)

1. Vocabulary: Absolute Links - Child Selector

2. Notes on each learning objective (11 total)
3. Project 1.1 & 1.2 (Include screen shots of each step. Each screen shot has to show your name in some place)

- Practice Exam #1
Mode: Dreamweaver CC 2015 Test 1, Training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #1)

Week Outline and Class Objectives

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

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

Fire Escape Plan from room 201
Natick High Web Design, Gallery Site
Introductions: Turn Around and Meet my Friends, Adv. Web Style
- - -
Video to Influence: Did You Know? Version 2018

Homework #1: Submit Welcome & Exam Letter, Purchase Flash Drive