* Still Available: In the Classroom Files, Fall 2015

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

 

* Ms. Anderson's Intro. Web Design, Fall 2016

January 19th @ 7:30 - 9:00
Final Exam Block

• Post-Assessments

- File Structure

- Understanding HTML

 

Final Project / Personal Site
Personal Site All Pages- Rubric
Content Peer Editing Feedback Form
Guardian Rubric

Run Site Reports: broken links and alt tags


Finding your home page
* This Web address will only work if your home page is saved as index.html
www.natickhighwebdesign.com/webfall2016/firstnamelastname

 

• Class Survey

Submit Class Survey before Leaving!

 

January 9 - 13, 2017
Personal Site (Final Project)

Week Outline and Class Objectives

 

• Post-Assessments

- File Structure

- Understanding HTML

 

• Personal Site
Personal Site Home Page- Rubric (January 9th)
Personal Site, Mid-Check (January 11th)
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

---

Helpful Resources

* Web Design Tool Kit

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

---

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

To Find Project: http://www.natickhighwebdesign.com/webfall2016/firstnamelastname

Homework #1: Personal Site, Mid-Check

 

Homework #2:
- File Structure, post-assessment

- Understanding HTML, post-assessment

No bi-weekly blog or exit slip, focus on end of semester

 

January 3 - 6, 2017
Introduction to Dreamweaver
Personal Site (Final Project)

Week Outline and Class Objectives

 

• Dreamweaver
Dreamweaver Handbook (to be updated)
Adobe TV- Dreamweaver

---

Introduction to building in Dreamweaver CC, video #1 of 2

Introduction to building in Dreamweaver CC, video #2 of 2

--

Topics to Cover with Mrs. Cullen: UI, Workspace, Properties Panel, CSS Panel, Body Tag & Page Properties

Activities with Mrs. Cullen

- Creating a Home Page

- Creating one Side Page

 

• Personal Site

Learn Dreamweaver (December 20 & 22)
Personal Site Home Page- Rubric (January 9th)
Personal Site, Mid-Check (January 11th)
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

---

Helpful Resources

* Web Design Tool Kit

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

Homework #1: Personal Site Home Page (January 9th)

No bi-weekly blog or exit slip, focus on end of semester

 

December 19 - 23, 2016
Introduction to HTML & CSS
Introduction to Dreamweaver

Week Outline and Class Objectives

 

• HTML & CSS Combination
HTML and CSS Unit Exam!!! (past due, December 20th)

Page Re-Create with Class, New Balance & One Side Page, complete

Create Your own Page, Activity

Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner)

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

 

• Dreamweaver
Dreamweaver Handbook (to be updated)
Adobe TV- Dreamweaver

---

Introduction to building in Dreamweaver CC, video #1 of 2

Introduction to building in Dreamweaver CC, video #2 of 2

--

Topics to Cover with Mrs. Cullen: UI, Workspace, Properties Panel, CSS Panel, Body Tag & Page Properties

Activities with Mrs. Cullen

- Creating a Home Page

- Creating one Side Page

 

What Is To Come (don't worry about now, just helping to provide an outline for later): .

• Personal Site

Learn Dreamweaver (December 20 & 22)
Personal Site Home Page- Rubric (January 5th)
Personal Site, Mid-Check (January 11th)
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

---

Web Design Tool Kit, Helpful Resources

 

Homework #1: Create Your own Page
Example Assignment

 

Past Due Homework Assignments:

- HTML and CSS Unit Exam!!!

- Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Tuesday, December 20th)
* Required Pages in Site Map: Home, Design and Three Pages of your Choice

No bi-weekly blog or exit slip, focus on end of semester

 

December 12 - 16, 2016
Introduction to HTML & CSS

Week Outline and Class Objectives

 

HTML and CSS Unit Exam!!!

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance & One Side Page

Create Your own Page, Activity

Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner)

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

---

Unit Exam- now assigned as take home! (to be linked on December 16th due December 20th)

 

What Is To Come (don't worry about now, just helping to provide an outline for later): .

• Personal Site

Learn Dreamweaver (December 20 & 22)
Personal Site Home Page- Rubric (January 5th)
Personal Site, Mid-Check (January 11th)
Personal Site All Pages- Rubric (due during Final Exam Block, Teacher will Print)
Content Peer Editing Feedback Form (due during Final Exam Block, Teacher will Print)
Guardian Rubric (due during Final Exam Block)

---

Web Design Tool Kit, Helpful Resources

 

Homework #1: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Tuesday, December 20th)
* Required Pages in Site Map: Home, Design and Three Pages of your Choice

Helpful Resources

Color Combos for color combo

Adobe Kuler for color combos

---

Site Resources

Natickhighwebdesign.com
themeforest.net

Word Press Templates
themeforest.net/item/mobile/full_screen_preview/7057821

 

Homework #2: HTML and CSS Unit Exam (due Tuesday, December 20th)

Submit Bi-Weekly Exit Slip #6

 

December 5 - 9, 2016
Introduction to HTML & CSS

Week Outline and Class Objectives

 

• Hour of Code

Code.org, Event Sponsor

Inspirational Video

STEM @ Mass Bay Visit

 

• HTML & CSS Combination

HTML Worksheet Review with KAHOOT!

---

Page Re-Create with Class, New Balance & One Side Page

Create Your own Page, Activity (to come next week)

Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner)

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

---

Unit Exam Review- In Class

Unit Exam to be linked

Homework #1: Complete & Share CSS Worksheet

Submit Bi-Weekly Blog Entry #5 (same as last week since I was out)

 

November 28 - December 2, 2016
Introduction to HTML & CSS

Week Outline and Class Objectives

 

• CSS

CSS Video Intro

CSS (all versions) Resource
Introduction to CSS

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Learning with Mrs. Cullen
HTML Worksheet Review with KAHOOT!
CSS Worksheet (use www.w3schools.com as a reference)

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance & One Side Page

Create Your own Page, Activity

Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner)

---

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

---

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

---

Unit Exam Review- In Class

Unit Exam to be linked

Homework #1: Complete CSS Worksheet

Submit Bi-Weekly Blog Entry #5

 

November 21 - 23, 2016
Introduction to HTML & CSS

Week Outline and Class Objectives

 

• HTML

HTML Resources & Pre-Assessments

- * File Structure, Pre-Assessment, complete
- *Understanding the file structure of an HTML file, Pre-Assessment, complete

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment, complete
Introduction to HTML worksheet (use w3schools.com as a reference)

Take a Break, HTML Kahoot, pin# 823313 (when opened by Mrs. Cullen)

 

• CSS Resources

CSS Video Intro

CSS (all versions) Resource
Introduction to CSS

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Learning with Mrs. Cullen
CSS Worksheet (use www.w3schools.com as a reference)

Homework #1: None, Enjoy the Holiday Break!

No Bi-Weekly Exit Slip or Blog, Enjoy the Holiday Break!

 

November 14 - 18, 2016
Introduction to HTML & CSS

Week Outline and Class Objectives

 

• HTML

HTML Resources & Pre-Assessments

- * File Structure, Pre-Assessment, complete
- *Understanding the file structure of an HTML file, Pre-Assessment, complete

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment, complete
Introduction to HTML worksheet (use w3schools.com as a reference)

Take a Break, HTML Kahoot, pin# 823313 (when opened by Mrs. Cullen)

 

• CSS Resources

CSS Video Intro

CSS (all versions) Resource
Introduction to CSS

CSS Defaults
Reset CSS

Skeleton for start of HTML and CSS page

 

Learning with Mrs. Cullen
CSS Worksheet (use www.w3schools.com as a reference)

Homework #1: complete HTML worksheet & Print!

Submit Bi-Weekly Exit Slip #5

 

November 7 - 10, 2016
Introduction to HTML

Week Outline and Class Objectives

 

• HTML

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

 

HTML Resources & Pre-Assessments

- * File Structure, Pre-Assessment, complete
- *Understanding the file structure of an HTML file, Pre-Assessment, complete

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

Homework #1: complete Codecademy, Introduction to HTML chapter assignment

Submit Bi-Weekly Blog Entry #4

 

October 31 - November 4, 2016
Design Principles & Photography Composition
Introduction to HTML

Week Outline and Class Objectives

 

Design and Photography Principles, Unit Exam

• Design Principles & Photography Composition

Design Principles, Pre-Assessment Assignment, complete
Design Principles Handbook, Presentation & Pre-Assessment, complete

Examples: Poor Design

Examples: Good Design


Typography:

Best Practices for Typography on the Web VIDEO & To Focus On List, complete

Activity with Video, complete
---

Typography video to Enjoy (no activity involved)
---
Photography Composition

Photography, When to Break the Rules
Food Photography Tricks , complete

---

Color Combination Builder: , complete
- Kuler
- Color Combos
- Color meanings in Business/Marketing

- The psychology of color, Infographic

- Choosing the Right Color for your Brand, video
---
To Submit:

Mood Board Project, to bring it all together
Design Presentation Notes & Activities (guided by Mrs. Cullen)

Unit Exam Review , room #123341 (to be opened by Mrs. Cullen)
Unit Exam on Wednesday, November 2nd

 

• HTML

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

 

HTML Resources & Pre-Assessments

- * File Structure, Pre-Assessment
- *Understanding the file structure of an HTML file, Pre-Assessment

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

Homework #1: Mood Board Project (due Friday, November 4th)
Example #1

Example #2

Submit Bi-Weekly Exit Slip #3

 

October 24 - 28, 2016
Design Principles & Photography Composition

Week Outline and Class Objectives

• Design Principles & Photography Composition

Design Principles, Pre-Assessment Assignment, complete
Design Principles Handbook, Presentation & Pre-Assessment, complete

Examples: Poor Design

Examples: Good Design


Typography:

Best Practices for Typography on the Web VIDEO & To Focus On List

Activity with Video
---

Typography video to Enjoy (no activity involved)
---
Photography Composition

Photography, When to Break the Rules
Food Photography Tricks

---

Color Combination Builder:
- Kuler
- Color Combos
- Color meanings in Business/Marketing

- The psychology of color, Infographic

- Choosing the Right Color for your Brand, video
---
To Submit:

Mood Board Project, to bring it all together
Design Presentation Notes & Activities (guided by Mrs. Cullen)

 

• HTML

Videos to Inspire
Mitch Resnick, Let’s Teach Kids to Code & Reflection
What Most Schools Don't Teach, Inspiration in Coding

 

HTML Resources & Pre-Assessments

- * File Structure, Pre-Assessment
- *Understanding the file structure of an HTML file, Pre-Assessment

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

 


Learning with Mrs. Cullen
HTML Handbook
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

Homework #1: Mood Board Project (due Friday, November 4th)

Blog and Exit Slip Break Week (make sure all entries are up to date for quarter 1)

 

October 17 - 21, 2016
Design Principles & Photography Composition

Week Outline and Class Objectives

• Design Principles & Photography Composition

Design Principles, Pre-Assessment Assignment
Design Principles Handbook, Presentation & Pre-Assessment

Examples: Poor Design

Examples: Good Design

 

Best Practices for Typography on the Web VIDEO & To Focus On List

Activity with Video
---
Photography Composition

Photography, When to Break the Rules
Food Photography Tricks

---

Mood Board Project, to bring it all together
More for this unit to come....

Homework #1: None at this time

Submit Bi-Weekly Blog Entry #3

 

October 11 - 14, 2016
Photoshop
Design Principles & Photography Composition

Week Outline and Class Objectives

 

• Photoshop

Submit Magazine Madness project with Guidance from Mrs. Cullen
Photoshop Unit Survey

• Design Principles & Photography Composition

Design Principles, Pre-Assessment Assignment
Design Principles, Presentation & Pre-Assessment

Examples: Poor Design

Examples: Good Design

 

Best Practices for Typography on the Web VIDEO & To Focus On List

Activity with Video
---
Photography Composition
Food Photography Tricks

---

Mood Board Project, to bring it all together
More for this unit to come....

Homework #1: None at this time

No blog or exit slip entry due this week because of the short holiday week

 

October 4 - 7, 2016
Photoshop

Week Outline and Class Objectives

 

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) , complete

Photoshop Interface (very basics) , complete

Teach Your Friend, magic wand vs. quick selection (image to learn on) , complete
Photoshop Gallery Activity (examples from outside the box), complete

Photoshop Worksheet, complete BUT to correct
Kahoot Game to Correct Worksheet

-----

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

NEWLY ADDED!!! - In Photoshop go to Type --> Match Font
To Submit Instructions
Gallery Walk

 

Font Downloads which may be helpful! (DaFont)
Help Matching Fonts (WhattheFont)

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

---

Photoshop Ping Pong (optional & after Magazine Madness)

Photoshop Ping Pong NHS Showcase
Photoshop Ping Pong Examples Outside Natick
Photoshop Ping Pong image to download option 1option 2option 3

Homework #1: Print out completed Photoshop Worksheet

Submit Bi-Weekly Exit Slip #3
 
September 26 - 30, 2016
Photoshop

Week Outline and Class Objectives

 

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) , complete

Photoshop Interface (very basics) , complete

Teach Your Friend, magic wand vs. quick selection (image to learn on) , complete
Photoshop Gallery Activity (examples from outside the box), complete

Photoshop Worksheet

-----

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

NEWLY ADDED!!! - In Photoshop go to Type --> Match Font

 

Font Downloads which may be helpful! (DaFont)
Help Matching Fonts (WhattheFont)

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Magazine Madness Proposal. In Google Doc include: Magazine you will duplicate, image of yourself you will put on that magazine and the replacement text. Due Monday, September 26th.

- Example of Magazine Madness Proposal

- Final Product Example (this we will work on for several classes but the homework assignment above helps you plan for the final product.)

Submit Bi-Weekly Blog Entry #2
 
September 19 - 23, 2016
Photoshop

Week Outline and Class Objectives

 

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) , complete

Photoshop Interface (very basics) , complete

Teach Your Friend, magic wand vs. quick selection (image to learn on) , complete
Photoshop Gallery Activity (examples from outside the box)

Photoshop Worksheet

-----

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

 

Font Downloads which may be helpful!

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Magazine Madness Proposal. In Google Doc include: Magazine you will duplicate, image of yourself you will put on that magazine and the replacement text. Due Monday, September 26th.

- Example of Magazine Madness Proposal

- Final Product Example (this we will work on for several classes but the homework assignment above helps you plan for the final product.)

Submit Bi-Weekly Exit Slip #2
 
September 12 - 16, 2016
Photoshop

Week Outline and Class Objectives

 

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial) , complete

Photoshop Interface (very basics)

Teach Your Friend, magic wand vs. quick selection (image to learn on)
Photoshop Gallery Activity (examples from outside the box)

Photoshop Worksheet

-----

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Submit Welcome Letter and Purchase Flash Drive

Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example)
Blog Entry #1
 
September 6 - 9, 2016
Introduction to Course
Photoshop

Week Outline and Class Objectives

• Forms to Fill Out & Info to Know

Fire Escape Plan from room 201
Introductions, Turn Around and Meet My Friend

• Vidoes to Influence
Here is to the Crazy Ones
Smart is Sexy
Why I Create, by: Adobe

 

•  Photoshop
Next Revolution in Beauty, A-dobe Fotoshop (entertaining commercial)

Photoshop Interface (very basics)
Photoshop Gallery Activity , to come

Photoshop Worksheet , to come

-----

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

Homework #1: Submit Welcome Letter and Purchase Flash Drive

Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example)
Submit Bi-Weekly Exit Slip
 
August 31 - September 2, 2016
Introduction to Course

Week Outline and Class Objectives

• Forms to Fill Out & Info to Know
Computer Experience Survey

What I wish my Teacher Knew... (print out activity)
Welcome Letter
Natick High Web Design, Gallery Site

• Vidoes to Influence
Here is to the Crazy Ones
Smart is Sexy
Why I Create, by: Adobe

 

To Come.... Poster Gallery!

 

Homework #1: Submit Welcome Letter and Purchase Flash Drive

Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example)