* Still Available: In the Classroom Files, Fall 2016

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

 

Announcements from Mr. Fleming

Dates to Be Announced

Final Exam Block

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

 

Finding Your Home Page:

URL: www.natickhighwebdesign.com/advancewebspring2016/firstlastname
(if Mrs. Cullen has not returned please submit your Website to the teacher through a Flash Drive)

 

• Class Survey

Submit Class Survey before Leaving!

 

June 5 - 9, 2017: week #18

Educational Site (final project)

Week Outline and Class Objectives

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Rubrics
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

---
Publishing Information
Setting up FTP
Connecting to FTP
UN and PW provided in Class

To Find Project: http://www.natickhighwebdesign.com/firstnamelastname
(if Mrs. Cullen has not returned please submit your Website to the teacher through a Flash Drive)

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

May 30 - June 2, 2017: week #17

Educational Site (final project)

Week Outline and Class Objectives

 

•  Educational Site

Web Design Tool Kit, Helpful Resources

Rubrics
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

May 22 - 26, 2017: week #16

Educational Site (final project)

Week Outline and Class Objectives

 

•  Educational Site

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.

Rubrics
Educational Site Home Page- Rubric (home page due May 23rd)
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

 

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

May 15 - 19, 2017: week #15

Educational Site (final project)

Week Outline and Class Objectives

 

•  Educational Site

Setting up Root Folder

Web Design Tool Kit, Helpful Resources

Rubrics
Educational Site Home Page- Rubric (home page due May 23rd)
Educational Site, Rubric used for page 3 (due June 9th)
Educational Site All Pages- Rubric (due during Final Exam Block)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian/Educator Rubric (due during Final Exam Block, Teacher will Print)

Homework #1: Educational Site, Building!

Total of 6 Wiki Entries, All Due at this Point

 

May 8 - 12, 2017: week #14

Code/ Adv. Dreamweaver

Week Outline and Class Objectives

 

• Code/Adv. Dreamweaver

CSS3 Transitions with Aiden (teacher will walk around to check file)

Unit Exam Reivew

Bootstrap Kahoot Fun Game!

Unit Assessment (to be linked)

Questions or Topics Interested in!

Homework #2: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due, May 9th

Total of 6 Wiki Entries, All Due at this Point

 

May 1 - 5, 2017: week #13

Code/ Adv. Dreamweaver

Week Outline and Class Objectives

 

•  Code / Dreamweaver

Creative Links Made Simple (hover effects) 
Nav Stick & Understanding position and z-index

One Page Stick, SMINT
http://natickhighwebdesign.com/advanceclassspring2015/onepagestick.html

Bootstrap
http://natickhighwebdesign.com/advanceclassspring2015/bootstrap.html

 

*Submit Cullen.com Recreate on Flash Drive to Teacher (May 5th)

Homework #1: 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

Project Due On: Monday, May 5th. This project is expected to be completed at home as homework and will be submitted on a flash drive to the teacher.


Homework #2: Educational Site, Project Proposal Assignment & Example
(do not need to do reflection piece) due, May 9th

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

 

April 24 - 28, 2017: week #12
Code/ Adv. Dreamweaver

Week Outline and Class Objectives


•  Code / Dreamweaver
Media Queries

Slippry Slideshow

Responsive-nav.com

Page Re-Create, Adv.: On your own in Dreamweaver create one page which includes the following: Media Querie for Desktop and Mobile, Responsive Nav, Slippry Slideshow, Content & Footer Area. This page can be on any topic which you would like. The page will be submitted on a flash drive to the teacher. If you do not finish in class complete as homework and due on Monday, May 1st.

Homework #1: 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

Project Due On: Monday, May 5th. This project is expected to be completed at home as homework and will be submitted on a flash drive to the teacher.

 

Homework #2: Page Re-Create, Adv.
On your own in Dreamweaver create one page which includes the following: Media Querie for Desktop and Mobile, Responsive Nav, Slippry Slideshow, Content & Footer Area. This page can be on any topic which you would like. The page will be submitted on a flash drive to the teacher on Monday, May 1st (should have worked on this in class as well)

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

 
April 10 - 13, 2017: week #11
Code/ Adv. Dreamweaver

Week Outline and Class Objectives


•  Code / Dreamweaver
Dreamweaver Review : New File, CSS Designer Panel, Insert Panel, Page Properties
Media Queries

Slippry Slideshow

Responsive-nav.com

Homework #1: 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

Project Due On: Monday, May 5th. This project is expected to be completed at home as homework and will be submitted on a flash drive to the teacher.

Wiki Entry #5, due April 13th

 
April 3 - 7, 2017: week #10
Code/ Adv. Dreamweaver

Week Outline and Class Objectives


•  Code / Dreamweaver
What Do You Remember? HTML & CSS (You got this!)
Value your Computer Science Classes, Thank You Hadi!
---

Introduction to Recreating Mrscullen.com:

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

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


Page Re-Create, Basics using HTML5 & CSS3 with external CSS re-create just the New Balance Home Page from Intro. Class (will have time to start in class but finish as homework)

Homework #1: 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

Project Due On: Monday, May 5th. This project is expected to be completed at home as homework and will be submitted on a flash drive to the teacher.

 

Homework #2: Page Re-Create, Basics using HTML5 & CSS3 with external CSS re-create just the New Balance Home Page from Intro. Class (due Tuesday, April 11th)

Wiki Entry #5, due April 13th

 
March 27 - 31, 2017: week #9
Adv. Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance


Due on: March 30th

To Submit & Share/Comment: Follow step #5 in the directions and follow the "sharing" directions on page 3 of this file

- Example of what to Submit
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

---

Photoshop Games for a little Mind Break!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance is complete!

Wiki Entry #4, due March 30th

 
March 20 - 24, 2017: week #8
Adv. Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance


Due on: March 30th (submitting directions given next week)

 

Lessons of the Day to be Voted on & Announced
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

---

Photoshop Games for a little Mind Break!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance, submit!

Wiki Entry #4, due March 30th

 
March 13 - 17, 2017: week #7
Adv. Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance

 

Mid-Check on: March 16th (in person by teacher, 5 photos complete)

Due on: March 30th

 

Lessons of the Day to be Voted on & Announced
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

---

Photoshop Games for a Little Mind Break!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance (work at your own pace at home)

Wiki Entry #3, due March 16th

 
March 6 - 10, 2017: week #6
Adv. Photoshop

Week Outline and Class Objectives

 

• Adv. Photoshop
Photoshop Portfolio project in Behance

- Portfolio Example #1 in Behance

- Portfolio Example #2 in Behance



Mid-Check on: March 16th (in person by teacher, 5 photos complete)

Due on: March 30th

 

Lessons of the Day to be Voted on & Announced
---
eBook Resource Files:
Photoshop, Chapters 1-3
Photoshop, Chapters 4-6
Photoshop, Chapters 7-8
Photoshop, Chapter 9
Photoshop, Chapter 10

Photoshop, Chapter 11

---

Photoshop Games for a Little Mind Break!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Photoshop Portfolio project in Behance (work at your own pace at home)

Wiki Entry #3, due March 16th

 
February 27 - March 3, 2017: week #5
Design & Photography Principles

Week Outline and Class Objectives


•  Design & Photography Principles

Unit Assessment Review (room #123341)

Unit Assessment (to be linked)
Why City Flags May be the Worst Designed thing You Never Noticed

 

Misc. Resources
templated.co

Grid Based Approach

Homework #1: Color Theory Assignment & Resources (due March 2nd)
Homework #2: Study for Design and Photography Unit Exam

Wiki Entry #2, due March 2nd

 
February 13 - 17, 2017: 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
---
Taking Photos

Selecting Photos, with activities

 

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: Color Theory Assignment & Resources (due March 2nd)

Wiki Entry #2, due March 2nd

 
February 6 - 10, 2017: week #3
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

Example of Expectations for Acitivy


The Elements of Art- Video

 

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 Presenation

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due February 9th

 
Janaury 30 - February 3, 2017: week #2
Design & Photography Principles

Week Outline and Class Objectives


•  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) ,
Review of the Basics, What do you remember?
Design Handbook
Font Conference- Entertaining Video

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 Friday, February 3rd)

Homework #2: Design & Photography Principles, Writing Assessment
(due Friday, February 3rd)

Introduction Weekly Wiki Entry (Example)

Wiki Entry #1, due February 9th

 
January 23- 27, 2017: week #1
Introduction to Course

Week Outline and Class Objectives

•  Orientation

Forms to Fill Out and Info to Know
Past Web Design Class Experience & Expectations for Adv. I Survey
Welcome Letter

Fire Escape Plan from room 201
Natick High Web Design, Gallery Site

 

Activities

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

Introductions: Turn Around and Meet my Friends, Adv. Web Design Style

Video to Influence: Did You Know? Version 2016

Homework #1: Submit Welcome Letter Purchase Flash Drive and Load Adobe Suite (due Friday, February 3rd)

Homework #2: Design & Photography Principles, Writing Assessment
(due Friday, February 3rd)

Introduction Weekly Wiki Entry (Example)