* Still Available: In the Classroom Files, Fall 2016

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

 

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

 

Announcements from Mr. Fleming

Dates to Be Announced

Final Exam Block

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

Run Site Reports: broken links and alt tags

 

• File Structure
Setting up FTP
Connecting to FTP


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

 

• Class Survey

Submit Class Survey before Leaving!

 

June 5 - 9, 2016: week #18

Personal Site/Final Project

Week Outline and Class Objectives

 

• Personal Site

Setting up Root Folder and Start of Home Page
Personal Site Home Page- Rubric (due May 30th, teacher will check in class)
Personal Site, Rubric used for page 3 (due June 7th, teacher will check in class)
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

---

Finding your home page (depending on your class):
* This Web address will only work if your home page is saved as index.html
www.natickhighwebdesign.com/webspring2017/firstnamelastname


Final Exam Schedule:

To Be Announced

Homework #1: Content for Personal Site

No Bi-Weekly Exit Slip or Blog

 

May 30 - June 2, 2017: week #17

Personal Site/Final Project

Week Outline and Class Objectives

 

• Personal Site

Setting up Root Folder and Start of Home Page
Personal Site Home Page- Rubric (due May 30th, teacher will check in class)
Personal Site, Rubric used for page 3 (due June 7th, teacher will check in class)
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

---

Finding your home page (depending on your class):
* This Web address will only work if your home page is saved as index.html
www.natickhighwebdesign.com/webspring2017/firstnamelastname

Homework #1: Content for Personal Site

No Bi-Weekly Exit Slip or Blog

 

May 22 - 26, 2017: week #16

Personal Site/Final Project

Week Outline and Class Objectives

 

• Personal Site

Setting up Root Folder and Start of Home Page
Personal Site Home Page- Rubric (due May 30th, teacher will check in class)
Personal Site, Rubric used for page 3 (due June 7th, teacher will check in class)
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

---

Finding your home page (depending on your class):
* This Web address will only work if your home page is saved as index.html
www.natickhighwebdesign.com/webspring2017/firstnamelastname

Homework #1: Content for Personal Site Web Pages

No Bi-Weekly Exit Slip or Blog

 

May 15 - 19, 2016: week #15

Dreamweaver

Week Outline and Class Objectives

 

• Dreamweaver

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

 

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

• Introduction to Personal Site
Personal Site Home Page- Rubric (due May 30th, teacher will check in class)
Personal Site, Rubric used for page 3 (due June 7th, teacher will check in class)
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 Friday, May 19th)
* 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
themeforest.net - attractive

Word Press Templates - attractive
themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site

www.webpagesthatsuck.com - not so attractive

No Bi-Weekly Exit Slip or Blog (all done for the year)

 

May 8 - 12, 2017: week #14

HTML & CSS

Week Outline and Class Objectives

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance & One Side Page
Re-Create Focus: Createing Side Page, Class vs. Id, & Submiting.
Example of how to Submit (In Google Doc, screenshot of home page, 1 side page & copy and paste your code)

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


Unit Exam Study Guide

Unit Exam to be Linked (Thursday, May 11th)

Homework #1: Complete Create Your own Page, Activity (due, May 11th)

Example of how to Submit (In Google Doc, screenshot of home page and 1 side page)

Submit Bi-Weekly Blog, entry #6

 

May 1 - 5, 2017: week #13

HTML & CSS

Week Outline and Class Objectives

 

• HTML & CSS Combination

Page Re-Create with Class, New Balance & One Side Page
Re-Create Focus: Header, Hero Image, Content Area & Footer

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

Homework #1: Complete Create Your own Page, Activity (due, May 11th)

Submit Bi-Weekly Exit Slip, #6

 

April 24 - 28, 2017: week #12
CSS

Week Outline and Class Objectives

 

•  CSS

CSS Worksheet (use www.w3schools.com as a reference) - if need the time

Introduction/Review of CSS in Text Edit: Skeleton, Selectors, Divs, reset.css Cascading, Box Model & Building a Nav Bar

File Structure: Setting up Your Root Folder and Relative Paths

 

CSS Helpful Resources

- Skeleton for start of HTML and CSS page

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

Homework #1: Copyright Assignment

Submit Bi-Weekly Blog, entry #5

 

April 10 - 13, 2017: week #11
CSS

Week Outline and Class Objectives

 

•  CSS

CSS Worksheet (use www.w3schools.com as a reference)

Introduction of CSS in Text Edit: Skeleton, Selectors, Divs

 

CSS Helpful Resources

- Skeleton for start of HTML and CSS page

- CSS (all versions) Resource
- Introduction to CSS

- CSS Defaults
- Reset CSS

- Skeleton for start of HTML and CSS page

Homework #1: None at this time

Submit Bi-Weekly Exit Slip, #5

 

April 3 - 7, 2017: week #10

HTML

Week Outline and Class Objectives

 

• HTML
Codecademy, Introduction to HTML chapter assignment
Introduction to HTML worksheet (use w3schools.com as a reference)

 

Basics in Text Edit:

Tags to reiview/learn: skeleton of file, p, headings, images, link, br, lists, tables

 

HTML Helpful Resources

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web

- HTML Handbook

Homework #1: Reading and Writing for the Web Assignment

Submit Bi-Weekly Blog, entry #4

 

March 27 - 31, 2017: week #9

HTML

Week Outline and Class Objectives

 

• HTML

Videos to Inspire

What Most Schools Don't Teach, Inspiration in Coding

Mitch Resnick, Let’s Teach Kids to Code & Reflection (optional if time)

 

File Structure, Pre-Assessment

Understanding the Structure of an HTML File, Pre-Assessment

 

Basics in Text Edit

- Tags to learn: skeleton of file, p, headings, images

- Text Edit Preferences

- HTML tag cheatsheet

- HTML5 tag cheatsheet

- Saving Images for Web


Codecademy, Introduction to HTML chapter assignment

Homework #1: Submit any missing assignments in iPass, end of the semester!

Blog and Exit Slip Skip Week!! Catch up for end of the Semester

 

March 20 - 24, 2017: week #8
Design Principles

Week Outline and Class Objectives


• Design Principles & Photography Composition

Photography Composition Presentation

Food Photography Tricks

Design Principles and Photography Composition, Notes Example
(All notes and activities from this unit should be covered in one Google Doc which will be shared with the teacher at the end of the unit)

 

Color Focus (continue to take notes in Google Doc):
- Kuler
- Color Combos
- Color meanings in Business/Marketing

- The psychology of color, Infographic

- Choosing the Right Color for your Brand, video

 

New Balance Design Video
Worksheet to Go with Video

 

• Design Principles & Photography Composition Wrap Up
Unit Exam Review on Socrative (enter into room #123341)

Unit Exam (to be linked)

To Submit: Design Presentation Notes & Activities

 

Design Principles, Exploring Post-Assessment Assignment (complete final step in original Google Doc)
Design Principles, Trivia Post-Assessment
(Take the quiz AGAIN at the quiz time button. Hit "submit" after each answer. Take a screen shot of your score and share that screen shot in the Google Doc with your pre-assessment score.)


• If Time to Explore

templated.co- attractive
themeforest.net - attractive
www.webpagesthatsuck.com - not so attractive
themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site
http://www.templatemonster.com/demo/48160.html - responsive site

Homework #1: Mood Board Project, to bring it all together (due Friday, March 24th)
Assignment Example

Submit Bi-Weekly Exit Slip, #4
 
March 13 - 17, 2017: week #7
Design Principles

Week Outline and Class Objectives


• Design Principles & Photography Composition

Design Principles, Exploring Pre-Assessment Assignment
Design Principles, Trivia Pre-Assessment
(Take the quiz at the quiz time button. Hit "submit" after each answer. Take a screen shot of your score and share that screen shot in a Google Doc.)

---
Design Principles Presentation
Photography Composition Presentation

 

Design Principles and Photography Composition, Notes Example
(All notes and activities from this unit should be covered in one Google Doc which will be shared with the teacher at the end of the unit)

Homework #1: None at this time

Submit Bi-Weekly Blog, entry #3
 
March 6 - 10, 2017: week #6
Photoshop/Magazine Madness

Week Outline and Class Objectives


•  Photoshop

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

Magazine Gallery

 

Font Downloads which may be helpful!
---
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

 

Those Looking to Learn More....

Content Aware- video tutorial
Content Aware- photo resource

 

Red Eye Removal- video tutorial

Red Eye Removal- collect own photo source

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge


• Photoshop Wrap Up

- Magazine Madness Gallery Walk
(display cover on screen. Leave two comments on one computer with sticky note: one positive about cover and one need to work on comment. Then with yellow sticky note vote for your favorite cover)
- Submit Magazine Madness Cover
(in a Google Doc share the following: screen shot of original cover, screen shot of the cover you created and screen shot of your layers panel as well type in the comments which were left on your screen)
- Photoshop Worksheet, complete BUT to correct
Kahoot Game to play when correcting Worksheet

Homework #1: None at this time

Submit Bi-Weekly Exit Slip, #3
 
February 27 - March 3, 201:, week #5
Photoshop/Magazine Madness

Week Outline and Class Objectives


•  Photoshop

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class

Font Downloads which may be helpful! & In Photoshop go to Type --> Match Font
---
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

 

Those Looking to Learn More....

Content Aware- video tutorial
Content Aware- photo resource

 

Red Eye Removal- video tutorial

Red Eye Removal- collect own photo source

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

Homework #1: Print and Bring Photoshop Worksheet to Class on Thursday, March 2nd

Submit Bi-Weekly Blog, entry #2
 
February 13 - 17, 2017: week #4
Photoshop/Magazine Madness

Week Outline and Class Objectives


•  Photoshop

Photoshop Review
Photoshop Worksheet
---

Magazine Madness Project

Magazine Madness Directions & Rubric

Step by Step Directions if Duplicating from in Class
Font Downloads which may be helpful! & In Photoshop go to Type --> Match Font

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

 

Those Looking to Learn More....

Content Aware- video tutorial
Content Aware- photo resource

 

Red Eye Removal- video tutorial

Red Eye Removal- collect own photo source

---

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge, #1

Pen Tool Challenge, #2

Cool Colors Challenge

CARRIED OVER FROM LAST WEEK BECAUSE OF SNOW DAY

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, February 13th

- 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 #1 (carried over from snow day)

Submit Bi-Weekly Exit Slip, #2

 
February 6 - 10, 2017: week #3
Photoshop

Week Outline and Class Objectives

•  Photoshop

Photoshop Gallery Activity
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: 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, February 13th

- 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 #1
 
January 30 - February 3, 2017: week #2
Photoshop

Week Outline and Class Objectives

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

Photoshop Interface (very basics)

To Cover In Class: Selection Tools, Eraser, Brushes, Text, Layers, Filter Gallery, Adjustments Panel, Shapes, Pen Tool, Crop, Clipping Mask, Characters Panel, Transparency, Image/Canvas Size & Saving
Teach Your Friend, magic wand vs. quick selection (image to learn on)
Photoshop Gallery Activity

-----

Photoshop Games!

Real or Photoshop Game

Pen Tool Challenge

Cool Colors Challenge

Homework #1: Submit Welcome Letter and Purchase Flash Drive

Submit Bi-Weekly Exit Slip, #1
 
January 23 - 27, 2017: week #1
Introduction to Course

Week Outline and Class Objectives

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

Fire Escape Plan from room 201
Natick High Web Design, Gallery Site
Introductions, Turn Around and Meet My Friend

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

 

•  Poster Gallery by Units

Directions for Exploring, Creating & Sharing
Photoshop, Design Principles, HTML, CSS & Dreamweaver

 

To Come.... Photoshop (soft introduction if time permitted)

 

Homework #1: Submit Welcome Letter and Purchase Flash Drive

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