Mrs. Cullen | Student Center

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

January 2 - 5, 2018: week #17
Professional Site

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

• Professional Site (final project)

Professional Site Home Page- Rubric (home page due January 3rd)
Professional Site, Rubric used for page 3 (due January 11th)
Professional Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Employee 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/advweb2fall2017/firstnamelastname

Homework #1: Final Project Building

Exam Materials Due:

All Materials Should be Submitted At This Time!!!

January 2 - 5, 2018: week #17
Professional Site

Week Outline and Class Objectives

• Professional Site (final project)

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.

Professional Site Home Page- Rubric (home page due January 3rd)
Professional Site, Rubric used for page 3 (due January 3rd)
Professional Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian/Employee Rubric

Homework #1: Final Project Building

Exam Materials Due:

All Materials Should be Submitted At This Time!!!

December 18 - 22, 2017: week #16
ACA Exam Focus
Professional Site

Week Outline and Class Objectives

• Professional Site (final project)

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: Study Materials for ACA Exam or Celebrate!!
Homework #2: Final Project Building

Exam Materials Due:

All Materials Should be Submitted At This Time!!!

December 11 - 15, 2017: week #15
ACA Exam Focus
Typography
Professional Site

Week Outline and Class Objectives

• Design, Typography

- Typography Time Assignment! (example of 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 (at the professional level)

Both Pieces Due: Tuesday, December 12th

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
Teaching the 9 Essentials- Activity, Train the Trainer

• Professional Site (final project)

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: Study Materials for ACA Exam

Exam Materials Due, December 8th:

- 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

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

December 4 - 8, 2017: week #14
ACA Exam Focus
Typography
Professional Site

Week Outline and Class Objectives

*Hour of Code

• Design, Typography

- Typography Time Assignment! (example of 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 (at the professional level)

Both Pieces Due: Tuesday, December 12th

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
Teaching the 9 Essentials- Activity, Train the Trainer

• Professional Site

Start Building!
Professional Site Home Page- Rubric (due date TBA)

Homework #1: Study Materials for ACA Exam

Exam Materials Due, December 8th:

- 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

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

November 27 - December 1, 2017: week #13
ACA Exam Focus
Typography
Professional Site

Week Outline and Class Objectives

*Hour of Code

• Design, Typography

- Typography Time Assignment! (example of 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 (at the professional level)

Both Pieces Due: Tuesday, December 12th

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
Teaching the 9 Essentials- Activity, Train the Trainer

• Professional Site

Professional Site, Project Management Process
Example File

---

Critique Session, period 7

Critique Session, period 8

Homework #1: Study Materials for ACA Exam

Exam Materials Due, December 1st:

- 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

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

November 13 - 17, 2017: week #12
ACA Exam Focus

Week Outline and Class Objectives

Voc. Exam on Socrative (enter into room #123341)

Voc. Introduction/Review on Quizlet Live!! from past students (words not related to voc. exam above) 171-067

---

Professional Site, Project Management Process
Example File

Critique Session, period 7

Critique Session, period 8

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through October 13th

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

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

- CREATIVE CLOUD STUDY GUIDE

---

Audio Tag

W3C Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

Extract Panel

---

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

Photoshop Generator

Homework #1: Study Materials for ACA Exam

Exam Materials Due, November 21st:

- 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)
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: Testing, Practice Test: Dreamweaver CC 2013 Test 2 Testing
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #5)

November 6 - 10, 2017: week #11
ACA Exam Focus

Week Outline and Class Objectives

Voc. Introduction/Review on Quizlet Live!! 171-067

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through October 13th

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

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

- CREATIVE CLOUD STUDY GUIDE

---

Audio Tag

W3C Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

Extract Panel

---

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

Photoshop Generator

Homework #1: Study Materials for ACA Exam
Homework #2: Homework #2: Professional Site, Project Management Process
(do not need to do reflection piece), Example File , due November 2nd

Exam Materials Due, November 21st:

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

1. Vocabulary: HTTP - Movement

2. Notes on each learning objective (11 total)
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: Testing, Practice Test: Dreamweaver CC 2013 Test 1 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #4)

October 30 - November 2, 2017: week #10
ACA Exam Focus

Week Outline and Class Objectives

Voc. Introduction/Review on Quizlet Live!! 171-067

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through October 13th

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

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

- CREATIVE CLOUD STUDY GUIDE

---

Audio Tag

W3C Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

Extract Panel

---

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

Photoshop Generator

Homework #1: Study Materials for ACA Exam
Homework #2: Homework #2: Professional Site, Project Management Process
(do not need to do reflection piece), Example File , due November 2nd

Exam Materials Due, November 2nd:

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

1. Vocabulary: HTTP - Movement

2. Notes on each learning objective (11 total)
3. 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: Training, Practice Test: Dreamweaver CC 2015 Test 2 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #4)

October 23 - 27, 2017: week #9
ACA Exam Focus

Week Outline and Class Objectives

Review and Know Unit Survery

Exam Review Game on Socrative (enter into room #123341)

Voc. Introduction/Review on Quizlet Live!! 171-067

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through October 13th

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

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

- CREATIVE CLOUD STUDY GUIDE

---

Audio Tag

W3C Validator

Usability Testing1 & Usability Testing 2

Debugging Site

Video Tag

Benefits of HTML5

Phone Gap tutorial, Phone Gap video

Adobe Add Ons

Extract Panel

---

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

Photoshop Generator

Homework #1: Study Materials for ACA Exam
Homework #2: Homework #2: Professional Site, Project Management Process
(do not need to do reflection piece), Example File , due November 2nd

Exam Materials Due, November 2nd:

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

1. Vocabulary: HTTP - Movement

2. Notes on each learning objective (11 total)
3. 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: Training, Practice Test: Dreamweaver CC 2015 Test 2 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #4)

October 16 - 20, 2017: week #8
ACA Exam Focus

Week Outline and Class Objectives

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through October 13th

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

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

- CREATIVE CLOUD STUDY GUIDE

---

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 Materials for ACA Exam

Exam Materials Due, October 19th:

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

1. Vocabulary: Emphasis - HTML

2. Notes on each learning objective (20 total)
3. Projects: Project 3.1 - 3.5 (Include screen shots of each step. Each screen shot has to show your name in some place)

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

October 10 - 13, 2017: week #7
ACA Exam Focus

Week Outline and Class Objectives

Mass Bay Community College, Guest Speaker!

NCC Logo submitting directions

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through October 13th

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

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

- CREATIVE CLOUD STUDY GUIDE

---

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 Materials for ACA Exam

Exam Materials Due, October 19th:

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

1. Vocabulary: Emphasis - HTML

2. Notes on each learning objective (20 total)
3. Projects: Project 3.1 - 3.5 (Include screen shots of each step. Each screen shot has to show your name in some place)

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

October 2 - 6, 2017: week #6
Review & Know

Week Outline and Class Objectives

NEWLY ADDED!!

Flyer Project- Due at end of class on October 4th

• ACA Exam Focus

Printed Packet Review

---

Material to Cover through March 31st

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

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

- CREATIVE CLOUD STUDY GUIDE

---

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: Copyright Assignment (due Friday, October 6th)

Homework #2:

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

Exam Materials Due, October 19th:

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

1. Vocabulary: Emphasis - HTML

2. Notes on each learning objective (20 total)
3. Projects: Project 3.1 - 3.5 (Include screen shots of each step. Each screen shot has to show your name in some place)

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

September 25 - 29, 2017: week #5
Review & Know

Week Outline and Class Objectives

Newly Added!! Voc. Review, Quizlet Live

• Review and Know

Review and Know Project Directions

Project Example #1

Project Example #2, with video resources

(potential due: September 26th)

Publishing Information Provided in Class

url: www.natickhighwebdesign.com/reviewandknowfall17/firstname

---
Introduction to Dreamweaver CC, 2017

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

Video Resources on Several Topics

Homework #1: Copyright Assignment (due Monday, October 2nd)

Homework #2:

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th

Logo Sites to Read Before Starting:

"Even Large Companies Need Small Logos" ~ Tanner Christensen

Exam Materials Due, September 29th:

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

1. Vocabulary: Class Selectors - Elements of Art

2. Notes on each learning objective (13 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
Mode: Training, Practice Test: Dreamweaver CC 2013 Test 2 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #2)

September 18 - 22, 2017: week #4
Review & Know

Week Outline and Class Objectives

• Review and Know

Review and Know Project Directions

Project Example #1

Project Example #2, with video resources

(potential due: September 26th)

---
Introduction to Dreamweaver CC, 2017

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

Video Resources on Several Topics

Homework #1: Working on Review and Know Project

Homework #2:

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th

Logo Sites to Read Before Starting:

"Even Large Companies Need Small Logos" ~ Tanner Christensen

Exam Materials Due, September 29th:

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

1. Vocabulary: Class Selectors - Elements of Art

2. Notes on each learning objective (13 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
Mode: Training, Practice Test: Dreamweaver CC 2013 Test 2 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #2)

September 11 - 15, 2017: week #3
Review & Know

Week Outline and Class Objectives

• Misc.

Submitting Welcome Letter and Flash Drive

Grading for Semester

Sharing a Google Doc

Study Packet Hand Out!!

• Review and Know

Review and Know Project Directions

Project Example

(potential due: September 21st/26th)

---
Introduction to Dreamweaver CC, 2017

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

Video Resources on Several Topics

Homework #1: Working on Review and Know Project

Homework #2:

NCC Logo Contest

Check in date: Tuesday, September 26th

Final due date: Friday, October 6th

Logo Sites to Read Before Starting:

"Even Large Companies Need Small Logos" ~ Tanner Christensen

Exam Materials Due, September 15th:

- 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
Mode: Training, Practice Test: Dreamweaver CC 2013 Test 1 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #1)

September 5 - 8, 2017: week #2
Review & Know

Week Outline and Class Objectives

• Review and Know

Review and Know Project Directions

Project Example

(potential due: September 21st/26th)

Introduction to Dreamweaver CC Video

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

Video Resources on Several Topics

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

Exam Materials Due, September 15th:

- 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
Mode: Training, Practice Test: Dreamweaver CC 2013 Test 1 training
Submit screen shot of score in Google Doc (Adv. Web 2, Practice Exam #1)

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