Student Resources

WHAT TO DO WHILE I AM OUT on Monday, January 12th
- Review the Week Outline and Class Objectives (linked above) and continue to work on your Educational site (final project)

- Do not forget the Design Principles, Post-Assessment is due on Wednesday.

• Educational Site
Rubrics
Educational Site Home Page- Rubric (due Monday, January 12th)
Educational Site, Rubric used for page 3 (due Thursday, January 15th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block, Teacher will Print)

----
- Building!
- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen
---
File Structure
Setting up FTP
Connecting to FTP
URL: www.natickhighwebdesign.com/advweb1fall2014/firstlastname

Homework #1: Design Principles, Post-Assessment

No Wiki Entry Needed

January 5 - 9, 2015

Educational Site

• Educational Site
Rubrics
Educational Site Home Page- Rubric (due Wednesday, January 7th)
Educational Site, Rubric used for page 3 (due Tuesday, January 13th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Design Principles, Post-Assessment

No Wiki Entry Needed

December 15 - 19, 2014

Adv. Dreamweaver

Educational Site

HTML & CSS Unit Exam

• Adv. Dreamweaver, To Review and Know

HTML & CSS Unit Exam, to be linked

• Adv. Dreamweaver, Bringing it All Together
Bringing it All Together Project
Creating a Single Page Handbook
Bringing it All Together Home Page Rubric

Unit Exam, to be linked

• Educational Site
Rubrics
Educational Site Home Page- Rubric
Educational Site, Rubric used for page 3
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian Rubric

Homework #1: Project Proposal, In Google Doc Submit: Questions, Site Map, Resource & Color Scheme. Project Proposal Example

Homework #2: Study Guide #1 and Study Guide #2 for HTML and CSS unit exam

December 8 - 12, 2014

Adv. Dreamweaver

Educational Site

CLICK HERE FOR WHAT TO DO WHILE I AM OUT - directions on file

Week Outline and Class Objectives (to be linked)

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site- review
- Setting up a page- w/mobile & MrsCullen.com, review
- What pretty code should look like- review

- CSS defaults, reset.css & page skeleton- review

- Box Model- review

- Formatting with CSS3- review

- Assets Panel- review
- Library Items and Snippets- review
- Search Tags- review
- Sprys- review
- Templates- review
- Forms (Google Forms)- review
- Image Code in Dreamweaver
- Creative Links

Re-building Mrs. Cullen.com (Video Tutorials are coming soon!!!)
- Additional Resource for Response Nav, responsive-nav.com/

• HTML & CSS

Unit Exam, Study!!

• Bringing it All Together
Bringing it All Together Project
Creating a Single Page Handbook
Bringing it All Together Home Page Rubric

Unit Exam, to be linked

• Educational Site
Rubrics
Educational Site Home Page- Rubric
Educational Site, Rubric used for page 3
Educational Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian Rubric

Homework #1: Project Proposal, Questions on page 2-4 answered in Google Doc

Homework #2: Study for HTML & CSS Unit Exam

December 2 - 5, 2014

Adv. Dreamweaver

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site- review
- Setting up a page- w/mobile & MrsCullen.com, review
- What pretty code should look like- review

- CSS defaults, reset.css & page skeleton- review

- Box Model- review

- Formatting with CSS3- review

Re-building Mrs. Cullen.com (Video Tutorials are coming soon!!!)
- Additional Resource for Response Nav, responsive-nav.com/

• HTML & CSS

Unit Exam, Study!!

• Bringing it All Together
Bringing it All Together Project
Creating a Single Page Handbook
Bringing it All Together Home Page Rubric

Unit Exam, to be linked

Homework #1: Project Proposal, Questions on page 2-4 answered in Google Doc

Homework #2: Study for HTML & CSS Unit Exam

November 24 - 26, 2014

Adv. Dreamweaver

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site- review
- Setting up a page- w/mobile & MrsCullen.com, review

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- What pretty code should look like- review

- CSS defaults, reset.css & page skeleton- review

- Box Model- review

- Formatting with CSS3- review

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver
- Creative Links

Re-building Mrs. Cullen.com (Video Tutorials are coming soon!!!)
- Additional Resource for Response Nav, responsive-nav.com/

• Bringing it All Together
Bringing it All Together Project
Creating a Single Page Handbook
Bringing it All Together Home Page Rubric

Homework #1: Project Proposal, Questions on page 2-4 answered in Google Doc

November 17 - 21, 2014

Adv. Dreamweaver

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site- review
- Setting up a page- w/mobile & MrsCullen.com, review

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- What pretty code should look like- review

- CSS defaults, reset.css & page skeleton- review

- Box Model- review

- Formatting with CSS3- review

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver
- Creative Links

Re-building Mrs. Cullen.com (Video Tutorials are coming soon!!!)
- Additional Resource for Response Nav, responsive-nav.com/

• Bringing it All Together
Bringing it All Together Project
Creating a Single Page Handbook
Bringing it All Together Home Page Rubric

Homework #1: Building for Bringing it All Together Project

Homework #2: Project Proposal, Questions on page 2-4 answered in Google Doc

November 10 - 14, 2014

Adv. Dreamweaver

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site- review
- Setting up a page- w/mobile & MrsCullen.com

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- What pretty code should look like- review

- CSS defaults, reset.css & page skeleton- review

- Box Model- review

- Formatting with CSS3- review

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver

Re-building Mrs. Cullen.com (Video Tutorials are coming soon!!!)
- Additional Resource for Response Nav, responsive-nav.com/

Homework #1: None at this time

Wiki Entry #7, Due: November 14th

November 3 - 7, 2014

Adv. Dreamweaver

- What pretty code should look like

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site
- Setting up a page

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver

Re-building Mrs. Cullen.com (Video Tutorials are coming soon!!!)
- Additional Resource for Response Nav, responsive-nav.com/

Homework #1: Recreate of your own HTML & CSS Page

Wiki Entry #6, Due: November 14th

October 27 - 31, 2014

Adv. Dreamweaver

- What pretty code should look like

• Adv. Dreamweaver, To Review and Know
To Review and Know
- Setting up a site
- Setting up a page

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver

Homework #1: Natick Innovation and Learning Summit Logo

Check in date: Tuesday, October 28th

Final due date: Friday, October 31st

Logo Sites to Read Before Starting:
- http://www.webdesignerdepot.com/2009/06/12-essential-rules-to-follow-when-designing-a-logo/
- http://tannerchristensen.com/rules-for-logo-design/

Wiki Entry #5, Due: October 31st

October 20 - 24, 2014

Adv. Photoshop

Adv. Dreamweaver

- What pretty code should look like

• Adv. Photoshop
Photoshop Chapter Assignment
Binding portfolio files together

• Adv. Dreamweaver, To Review and Know
- File Structure, Pre-Assessment Exam
---
To Review and Know
- Setting up a site
- Setting up a page

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver

Homework #1: Submit Photoshop Portfolio to Mrs. Cullen through a flash drive (due October 17th)

Wiki Entry #4, Due: October 17th

October 14 - 17, 2014

Adv. Photoshop

Adv. Dreamweaver

What pretty code should look like

• Adv. Photoshop
Photoshop Chapter Assignment
Binding portfolio files together

• Adv. Dreamweaver, To Review and Know
- File Structure, Pre-Assessment Exam
---
To Review and Know
- Setting up a site
- Setting up a page

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

- Assets Panel
- Library Items and Snippets
- Search Tags
- Sprys
- Templates
- Forms (Google Forms)
- Image Code in Dreamweaver

Homework #1: Submit Photoshop Portfolio to Mrs. Cullen through a flash drive (due October 17th)

Wiki Entry #4, Due: October 17th

October 6 - 10, 2014

Adv. Photoshop

Adv. Dreamweaver

• Adv. Photoshop
Photoshop Chapter Assignment
---
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11 (to complete in class together)

• Adv. Dreamweaver, To Review and Know
- File Structure, Pre-Assessment Exam
---
To Review and Know
- Setting up a site- complete
- Setting up a page- complete

Setting up a Page, New Layout

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

What pretty code should look like
- Assets Panel
- Library Items and Snippets
- Search Tags
- Z-Index
- Sprys
- Templates
- Forms (Google Forms)
- Rollover Images
- Image Code in Dreamweaver

Homework #1: Get Adobe Load on your own time in the Tech. Department
Homework #2: work on Photoshop Chapter Assignment (complete ch. 8-11)

Wiki Entry #4, Due: October 17th

September 29 - October 3, 2014
Design Principles

Adv. Photoshop

• Adv. Photoshop

Photoshop Disasters (for your entertainment)
Photoshop Chapter Assignment
Photoshop Chapter Assignment, Critique Session Rubric
---
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

---

Design Principles & Photography Composition, Post-Assessment

Homework #1: Get Adobe Load on your own time in the Tech. Department
Homework #2: work on Photoshop Chapter Assignment (complete ch. 3-7)

Wiki Entry #3, Due: October 3rd

September 22 - 24, 2014
Design Principles

Adv. Photoshop

• Adv. Photoshop

Photoshop Disasters (for your entertainment)
Photoshop Chapter Assignment
---
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

---

Design Principles & Photography Composition, Post-Assessment

Homework #1: Get Adobe Load on your own time in the Tech. Department
Homework #2: work on Photoshop Chapter Assignment (complete ch. 1-2)

Wiki Entry #3, Due: October 3rd

September 15 - 19, 2014
Design Principles

Adv. Photoshop