* Still Available: In the Classroom Files, Fall 2017 * Still Available: In the Classroom Files, Spring 2018
* Ms. Anderson's Intro. Web Design, Spring 2016
|
Dates to Be Announced Final Exam Block |
Final Project / Personal Site Run Site Reports: broken links and alt tags --- Teacher will collect final project from flash drive
• Class Survey |
HTML & CSS Week #18 - #19 January 2 - 11, 2018 June 3 - 6, 2019 |
Week Outline and Class Objectives
WHAT TO DO WHILE I AM OUT 1. File Structure, Post-Assessment 2. HTML Structure, Post-Assessment
Publishing to FTP --- To Find Files Go To: http://natickhighwebdesign.com/webspring2019/lastnamefinal (type in your last name where it says last name)
• Personal Site Setting up Root Folder and Start of Home Page --- Web Design Tool Kit, Helpful Resources --- Teacher will collect final project from flash drive
Final Exam Schedule: To Be Announced |
Homework #1: Content for Personal Site |
No Bi-Weekly Exit Slip or Blog |
HTML & CSS Week #17 December 17 - 21, 2018 May 28 - 31, 2019 |
Week Outline and Class Objectives
• Personal Site Setting up Root Folder and Start of Home Page --- Web Design Tool Kit, Helpful Resources --- Teacher will collect final project from flash drive |
Homework #1: Content for Personal Site |
No Bi-Weekly Exit Slip or Blog |
HTML & CSS Week #16 December 10 - 14, 2018 May 20 - 24, 2019 |
Week Outline and Class Objectives
• Personal Site Setting up Root Folder and Start of Home Page --- Web Design Tool Kit, Helpful Resources --- Teacher will collect final project from flash drive |
Homework #1: Content for Personal Site Web Pages |
No Bi-Weekly Exit Slip or Blog |
HTML & CSS Week #15 December 3 - 7, 2018 May 13 - 17, 2019 |
Week Outline and Class Objectives
• Dreamweaver Topics to Cover with Mrs. Cullen: UI, Workspace, Properties Panel, CSS Panel, Activities with Mrs. Cullen - Creating a Home Page - Creating one Side Page (file-->save as to duplicate a page)
Helpful Resources --- Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2 --- Web Design Tool Kit, Helpful Resources |
Homework #1: Project Proposal Example #1 & Project Proposal Example #2, site title, site map, complete with resource site, color combination, and home page wireframe Helpful Resources Color Combos for color combo Adobe Kuler for color combos --- Site Resources Word Press Templates - attractive www.webpagesthatsuck.com - not so attractive |
No Bi-Weekly Exit Slip or Blog (all done for the year) |
HTML & CSS Week #14 November 27 - 30, 2018 May 6 - 10, 2019 |
Week Outline and Class Objectives
• HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page * Video Resource To Submit: Create a Google Doc titled: Web, New Balance --- Create Your own Page, Activity To Submit: Create a Google Doc titled: Web, Create My Own In this file include a screen shot of your file (both home page and one side page) in a browser and then copy and paste your code under the screen shot --- Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner)
Helpful Resources --- - CSS (all versions) Resource - Skeleton for start of HTML and CSS page Unit Exam to be Linked |
Homework #1: Complete Create Your own Page, Activity |
HTML & CSS Week #13 November 19 - 21, 2018 April 29 - May 3, 2019 |
Week Outline and Class Objectives
Tweet of the week: https://www.inc.com/anna-hensel/why-its-so-hard-to-remember-what-you-read-on-the-internet.html
• HTML & CSS Combination Wednesday: Video #3 Friday: Video #4 Page Re-Create with Class, New Balance & One Side Page * Link to Route folder to get images and anything else you may need To Submit: Create a Google Doc titled: Web, New Balance --- Create Your own Page, Activity To Submit: Create a Google Doc titled: Web, Create My Own In this file include a screen shot of your file (both home page and one side page) in a browser and then copy and paste your code under the screen shot --- Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner)
Helpful Resources --- |
Homework #1: watch and do the steps in video #1 and video #2 to start to re-create the New Balance Site |
HTML & CSS Week #12 November 13 - 16, 2018 April 22 - 26, 2019 |
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 |
Homework #1: Copyright Assignment |
CSS Week #11 November 5 - 9, 2018 April 8 - 12, 2019 |
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 |
Homework #1: None at this time |
HTML Week #10 October 29 - November 2, 2018 April 1 - 5, 2019 |
Week Outline and Class Objectives
• Home Page Design Activity Make home page of Website in Pixlr.com Directions: Home page must follow all the design and photogrpahy principle rules taught in class. Can be on any topic and Website must include the following: site title, links, hero image, content and images. Save file as a .jpg and place it in a Google Doc titled, "Web 5 or 6, Site in Pixlr"
Design and Photography Unit Survey
• HTML
Basics in Text Edit: Tags to reiview/learn: skeleton of file, p, headings, images, link, br, lists, tables
HTML Helpful Resources |
Homework #1: Reading and Writing for the Web Assignment |
HTML Week #9 October 22 - 26, 2018 March 25 - 29, 2019 |
Week Outline and Class Objectives
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 |
Homework #1: Make home page of Website in Pixlr.com Directions: Home page must follow all the design and photogrpahy principle rules taught in class. Can be on any topic and Website must include the following: site title, links, hero image, content and images. Save file as a .jpg and place it in a Google Doc titled, "Web 5 or 6, Site in Pixlr" Homework #2: Study for Unit Exam Homework #3: Submit any missing assignments in iPass, end of the semester! |
Blog and Exit Slip Skip Week!! Catch up for end of the Semester |
Design Principles & Photography Composition Week #8 October 15 - 19, 2018 March 18 - 22, 2019 |
Week Outline and Class Objectives
• Design Principles & Photography Composition New Balance Design Video --- - Photography Composition Presentation (topics to cover: unique angles, rule of thirds, fill the frame, get the ball & get the limbs) - Design Principles and Photography Composition, Notes Example
Color Focus (continue to take notes in Google Doc): - The psychology of color, Infographic - Choosing the Right Color for your Brand, video
• Design Principles & Photography Composition Wrap Up - Unit Exam (to be linked) - To Submit: Design Presentation Notes & Activities
- Design
Principles, Exploring Post-Assessment Assignment (complete final step in original Google Doc)
templated.co- attractive |
Homework #1: Mood Board Project, to bring it all together (due Friday, March 24th) |
| Submit Bi-Weekly Exit Slip, #4 |
Photoshop Week #7 October 9 - 12, 2018 March 11 - 15, 2019 |
Week Outline and Class Objectives
• Design Principles & Photography Composition - Design Principles, Exploring Pre-Assessment Assignment ---
- Design Principles and Photography Composition, Notes Example |
Homework #1: None at this time |
| Submit Bi-Weekly Blog, entry #3 |
Photoshop Week #6 October 1 - 5, 2018 March 2 - 4, 2019 |
Week Outline and Class Objectives
• Photoshop - Magazine Madness Directions & Rubric - Step by Step Directions if Duplicating from in Class - Magazine Gallery
- Font Downloads which may be helpful! - Need to work from home, check out GIMP in Managed Software Center Photoshop Ping Pong NHS Showcase
Those Looking to Learn More.... Content Aware- video tutorial
Red Eye Removal- video tutorial Red Eye Removal- collect own photo source --- Photoshop Games!
- Magazine Madness Gallery Walk Example of What to Submit |
Homework #1: None at this time |
| Submit Bi-Weekly Exit Slip, #3 |
Photoshop Week #5 September 24 - 28, 2018 February 25 - March 1, 2019 |
Week Outline and Class Objectives
• Photoshop - 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 - Barcode Tutorial Photoshop Ping Pong NHS Showcase
Those Looking to Learn More.... Content Aware- video tutorial
Red Eye Removal- video tutorial Red Eye Removal- collect own photo source --- Photoshop Games! |
Homework #1: None at this time |
| Submit Bi-Weekly Blog, entry #2 |
Photoshop Week #4 September 17 - 21, 2018 February 11 - 15, 2019 |
Week Outline and Class Objectives
• Photoshop - Photoshop Review in Kahoot - Magazine Madness Directions & Rubric - Step by Step Directions if Duplicating from in Class Photoshop Ping Pong NHS Showcase
Those Looking to Learn More.... Content Aware- video tutorial
Red Eye Removal- video tutorial Red Eye Removal- collect own photo source --- Photoshop Games! |
Homework #1: None at this time |
Photoshop Week #3 September 11 - 14, 2018 February 4 - 8, 2019 |
Week
Outline and Class Objectives - Photoshop Gallery Activity - Photoshop Skills Checklist Activity ----- Photoshop Games! |
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 and one thing you need to learn how to do in Photoshop to complete this project. Due Tuesday, February 12th Title of Doc: Web 5 or 6, Magazine Proposal - 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 |
Photoshop Week #2 September 4 - 7, 2018 January 28 - February 1, 2019 |
Week
Outline and Class Objectives - 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 Student Example #1& Student Example #2 ----- Photoshop Games! |
Homework #1: Submit Welcome Letter (spring 19) and Purchase Flash Drive |
| Submit Bi-Weekly Exit Slip, #1 |
Introduction to Course Week #1 August 29 - 31, 2018 January 22 - 25, 2019 |
Week
Outline and Class Objectives Fire Escape Plan from room 201
To Come.... Photoshop (soft introduction if time permitted) |
Homework #1: Submit Welcome Letter (spring 19) and Purchase Flash Drive |
| Introduction to weekly exit slip, 3:2:1 and Class Blog. (Example) |