* 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
Professional Site
Typography

Week Outline and Class Objectives

 

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

 

To Find Your Files Go To:

www.natickhighwebdesign.com/advweb2spring2018/lastname

---

Help with Bugs!!

 

•  Final Project/Professional Site

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

Web Design Tool Kit, Helpful Resources


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

Homework #1: Typography Time Assignment!

All Exam Materials Should be Submitted at this Time!!!

 
June 4 - 8, 2018: week #18
Professional Site
Typography

Week Outline and Class Objectives

 

Help with Bugs!!

 

To Find Your Files Go To:

www.natickhighwebdesign.com/advweb2spring2018/lastname

 

•  Final Project/Professional Site

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

Web Design Tool Kit, Helpful Resources


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

Homework #1: Typography Time Assignment!

All Exam Materials Should be Submitted at this Time!!!

 
May 29 - June 1, 2018: week #17
Professional Site
Typography

Week Outline and Class Objectives

 

Help with Bugs!!

 

To Find Your Files Go To:

www.natickhighwebdesign.com/advweb2spring2018/lastname

 

•  Final Project/Professional Site

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

Web Design Tool Kit, Helpful Resources


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

Homework #1: Typography Time Assignment!

All Exam Materials Should be Submitted at this Time!!!

 
May 21 - 25, 2018: week #16
Professional Site
Typography

Week Outline and Class Objectives

 

Help with Bugs!!

 

To Find Your Files Go To:

www.natickhighwebdesign.com/advweb2spring2018/lastname

 

•  Final Project/Professional Site

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

Web Design Tool Kit, Helpful Resources


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

Homework #1: Typography Time Assignment!

All Exam Materials Should be Submitted at this Time!!!

 
May 14 - 18, 2018: week #15
Professional Site
Typography

Week Outline and Class Objectives

 

To Find Your Files Go To:

www.natickhighwebdesign.com/advweb2spring2018/lastname

 

•  Final Project/Professional Site

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

Web Design Tool Kit, Helpful Resources


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

Homework #1: Typography Time Assignment!

All Exam Materials Should be Submitted at this Time!!!

 
May 7 - 11, 2018: week #14
Javascript
Professional Site
Typography

Week Outline and Class Objectives

 

• Javascript
Unit Goals

1. Hangman Activity, play in class period 8

2. DOM and JQuery, due May 11th

•  Professional Site

Professional Site, Project Management Process PAST due / April 27th
Example File

---

Critique Session, period 7

Critique Session, period 8

---

Helpful Resources

Web Design Tool Kit, Helpful Resources

Professional Site Home Page- Rubric (Home Page Check-In, Date TBA)

 

To Come...

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

Homework #1: Javascript Mater, DOM and JQuery due May 11th

All Exam Materials Should be Submitted at this Time!!!

 
April 30 - May 4, 2018: week #13
ACA Exam
Javascript

Week Outline and Class Objectives

 

MassBay College Visit

 

• Javascript
Unit Goals

Due May 4th:

1. Hangman Activity (get password in class)

•  Professional Site

Professional Site, Project Management Process due April 27th
Example File

---

Critique Session, period 7

Critique Session, period 8

 

To Come...

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

Homework #1: Javascript Material due May 4th

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

 
April 23 - 27, 2018: week #12
ACA Exam
Javascript

Week Outline and Class Objectives

 

• Javascript
Unit Goals

Due May 4th:

1. Hangam Activity (get password in class)

• ACA Exam Focus

Ch. 7 Review

Printed Packet Review

---

- 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

•  Professional Site

Professional Site, Project Management Process due April 27th
Example File

---

Critique Session to Come

Homework #1: Study for Exam

Homework #2: Javascript Material due May 4th
Homework #3: Project Management Process due April 27th

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

 
April 9 - 13, 2018: week #11
ACA Exam
Javascript

Week Outline and Class Objectives

 

• Javascript
Unit Goals

Due April 13th:

1. Definitions Assignment
Directions
Resource

• ACA Exam Focus

Ch. 5 Review

Printed Packet Review

---

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

Homework #2: Javascript Material

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

 
April 2 - 6, 2018: week #10
ACA Exam
Javascript

Week Outline and Class Objectives

 

• Javascript
Unit Goals

Due April 6th:

1. Codecademy Assignment
https://www.codecademy.com/learn/introduction-to-javascript

Complete the following topics: Introduction Lessons (that are not pro), The first lessons on each topic: Functions, Arrays, Loops & Objects
2. Javascript Presentation with Challenges

• ACA Exam Focus

Ch. 5 Review

Printed Packet Review

---

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

Exam Materials Due, April 6th:

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

 
March 26 - 30, 2018: week #9
ACA Exam

Week Outline and Class Objectives

 

Exam Payment Due & Set Exam Date!!

 

• ACA Exam Focus

Ch. 4 Review

Printed Packet Review

---

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

Exam Materials Due, March 29th:

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

 
March 19 - 23, 2018: week #8
ACA Exam

Week Outline and Class Objectives

 

Exam Payment Due!!

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

 

• ACA Exam Focus

Ch. 3 Review

Printed Packet Review

Voc. Exam, March 20th, File for Review (Exam to be linked from Socrative)

---

- 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 for Voc. Exam

Exam Materials Due, March 22nd:

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

 
March 12 - 16, 2018: week #7
ACA Exam

Week Outline and Class Objectives

 

• ACA Exam Focus

Ch. 3 Review

Printed Packet Review

Voc. Exam, March 20th, File for Review

---

- 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, March 12th)

& As an Extra Resource for Study, Copyright Links

Homework #2: Study for Voc. Exam

Exam Materials Due, March 22nd:

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

 
March 5 - 9, 2018: week #6
ACA Exam

Week Outline and Class Objectives

 

• ACA Exam Focus

Ch. 3 Review

Printed Packet Review

---

- 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, March 12th)

& As an Extra Resource for Study, Copyright Links

Exam Materials Due, March 8th:

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

 

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

 
February 26 - March 2, 2018: week #5
Review & Know

Week Outline and Class Objectives

 

• ACA Exam Focus

Ch. 1 & 2 Review

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, March 8th:

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

 

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

 
February 12 - 16, 2018: week #4
Review & Know

Week Outline and Class Objectives

 

•  Review and Know

Review and Know Project Directions

Project Example

(potential due: February 15th)

---
Introduction to Dreamweaver CC Video

 

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav

Video Resources on Several Topics

Homework #1: Working on Review and Know Project

Exam Materials Due, February 15th:

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

 
February 5 - 9, 2018: week #3
Review & Know

Week Outline and Class Objectives

 

•  Review and Know

Review and Know Project Directions

Project Example

(potential due: February 9th)

---
Introduction to Dreamweaver CC Video

 

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav

Video Resources on Several Topics

Homework #1: Working on Review and Know Project

Exam Materials Due, February 9th:

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

 
January 29 - February 2, 2018: week #2
Review & Know

Week Outline and Class Objectives

 

•  Review and Know

Review and Know Project Directions

Project Example

(potential due: February 9th)

---
Introduction to Dreamweaver CC Video

 

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav

Video Resources on Several Topics

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

Exam Materials Due, February 9th:

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

 
Janaury 24 - 26, 2018: 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

 

•  Review and Know

Review and Know Project Directions

Project Example

(potential due: February 9th)

---
Introduction to Dreamweaver CC Video

 

Helpful Links:

In House Resource
Assignment Example

Responsive Nav Download and Directions

How to Use Bootstrap

Slippry Slideshow

CSS3 Animation

Stick Nav

Video Resources on Several Topics

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

ACA Prep, Introduction Chapters and Practice Exams