|
* Course Units: Using Standard District Template
|
June 16, 2016 Exam Block Agenda Root Folder Post-Assessment Content Peer Grading Form Present websites Student Survey |
May 31 - End of Semester, 2016 Personal Site/Final Project |
Week Outline and Class Objectives
• Personal Site --- Go Live! Instructions for how to publish your website--- Helpful Resources - CSS (all versions) Resource - Skeleton for start of HTML and CSS page Color Combos for color combo Adobe Kuler for color combos --- Site Resources Templated.co - attractive themeforest.net/item/mobile/full_screen_preview/7057821 - responsive site--- Finding your home page (After your site is published):
|
Homework: Building your personal website |
No Bi-Weekly Exit Slip or Blog |
May 23 - 27, 2016 HTML |
Week Outline and Class Objectives Create Your own Page, Peer assessment and submit to Google Classroom • Personal Site (Final Project) Project Proposal (site title, site map, complete with resource site, color combination, and home page wireframe) Personal Site Home Page- Rubric (due June 1st)Personal Site, Rubric used for page 3 (due June13th) 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) --- • Dreamweaver Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2 Helpful Resources - CSS (all versions) Resource - Skeleton for start of HTML and CSS page Color Combos for color combo Adobe Kuler for color combos --- Site Resources Templated.co - attractive themeforest.net/item/mobile/full_screen_preview/7057821 - responsive sitewww.webpagesthatsuck.com - not so attractive |
|
Due this week: 2. Copyright Worksheet 3. Codecademy Unit III (if not submitted previously)
Homework: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Tuesday May 31st) No exit slip or blog this week!
|
May 16 - 20, 2016 HTML |
Week Outline and Class Objectives
Unit Exam Review- In Class Study Guide for Unit Exam on Friday, May 20th Unit Exam to be linked
• HTML & CSS Combination Page Re-Create with Class, New Balance & One Side Page Create Your own Page, Activity Extra Challenge: HTML & CSS, {Tag: You Are It!} (optional and with partner) --- Skeleton for start of HTML and CSS page
Helpful Resources --- - CSS (all versions) Resource - Skeleton for start of HTML and CSS page ---
• Dreamweaver --- Introduction to building in Dreamweaver CC, video #1 of 2 Introduction to building in Dreamweaver CC, video #2 of 2 Helpful Resources Color Combos for color combo Adobe Kuler for color combos --- Site Resources Templated.co - attractive themeforest.net/item/mobile/full_screen_preview/7057821 - responsive sitewww.webpagesthatsuck.com - not so attractive |
Homework #1: Complete Create Your own Page Due Tuesday, May 24th Homework #2: Project Proposal Example, site title, site map, complete with resource site, color combination, and home page wireframe, (due Tuesday May 31st)
|
May 9 - 13, 2016 HTML |
Week Outline and Class Objectives
• HTML & CSS Combination New Balance Page Guided In-class Work My demo from in class: for you to copy if you missed anything Independent Work Create Your own Page Assignment Assignment Resources Web Page Design Resource: Templated.coHow to create a centered navigation menu How to create a background image in css Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner) --- Helpful Resources --- - CSS (all versions) Resource |
Homework: Submit Codecademy III (2 parts) |
May 2 - 6, 2016 HTML |
Week Outline and Class Objectives
• HTML & CSS Combination New Balance Page Guided In-class Work My demo from in class: for you to copy if you missed anything Independent Work Create Your own Page Assignment Assignment Resources Web Page Design Resource: Templated.coHow to create a centered navigation menu How to create a background image in css Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner) --- Helpful Resources --- - CSS (all versions) Resource |
Homework #1: TBD |
April 25 - 29, 2016 HTML |
Week Outline and Class Objectives
• HTML & CSS Combination Page Re-Create with Class, New Balance Create Your own Page, Activity CSS Worksheet (use www.w3schools.com as a reference) Extra Challenge: HTLM & CSS, {Tag: You Are It!} (optional and with partner) --- Helpful Resources --- - CSS (all versions) Resource |
Homework #1: Complete any worksheets started in class |
April 11 - April 15, 2016 HTML + CSS |
Week Outline and Class Objectives Monday: Presentation by MassBay Videos to Inspire HTML + CSS In-Class Example (select view source to see the html and css for this page)
HTML Resources CSS CSS Video: Learn CSS in 12 minutes CSS (all versions) Resource
Combination Page Re-Create with Class, New Balance Create Your own Page, Activity HTLM & CSS, {Tag: You Are It!} (optional and with partner) --- Skeleton for start of HTML and CSS page
|
Homework Due Monday 4/11: 1. Complete Introduction to HTML worksheet (use w3schools.com as a reference) (submit to google classroom)2. Complete Codecademy Unit II: HTML Basics and Social Networking Profile (submit screenshots of finish screens to google classroom)
|
April 4 - April 8, 2016 HTML + CSS |
Week Outline and Class Objectives Videos to Inspire HTML index from last week.
HTML Resources CSS CSS (all versions) Resource
Combination Page Re-Create with Class, New Balance Create Your own Page, Activity HTLM & CSS, {Tag: You Are It!} (optional and with partner) --- Skeleton for start of HTML and CSS page
|
Homework Due Monday 4/11: 1. Complete Introduction to HTML worksheet (use w3schools.com as a reference) (submit to google classroom)2. Complete Codecademy Unit II: HTML Basics and Social Networking Profile (submit screenshots of finish screens to google classroom)
|
| March 28 - April 1, 2016 HTML & CSS |
Week Outline and Class Objectives
Videos to Inspire
HTML Resources Here's a copy of the HTML page we did in class this week: Index Learning with Mrs. Anderson |
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 21 - 24, 2016 HTML & CSS |
Week Outline and Class Objectives • HTML & CSS Videos to Inspire HTML Web 7, File Structure Pre-Assessment In-Class and Self-Guided Practice - HTML tag cheatsheet - HTML5 tag cheatsheet Introduction to Text Editor - Instructions for setting TextEdit preferences Photoshop Review - Instructions for saving images for the web in photoshop CSS In-Class and Self-Guided Practice CSS Video Intro Combination HTML + CSS --- |
| Homework #1: Finish any incomplete assignments started in class. |
| Submit Exit Slip #4 |
| March 14 - 18, 2016 Design Principles |
Week Outline and Class Objectives
• Design Principles & Photography Composition Review last week: Design
Principles Assignment Best Practices for Typography on the Web VIDEO & To Focus On List
Color Combination Builder: - How to Use Photography in Branding - The psychology of color, Infographic - Choosing the Right Color for your Brand, video --- ---
Site Resources templated.co- attractive |
Homework Due Monday 3/21: Create a google doc with two images found online and take one photograph of your own that shows each of the following composition rules: 1. Unique angles, 2. Rule of thirds, 3. Repetition, 4. Get the ball, and rememeber: never crop a joint) |
|
To Submit this week: - Design Principles Quiz - Typography Quiz - Design Principles Pre & Post Assessment (submit through google classroom) - Submit Bi-Weekly Blog |
| March 7 - 11, 2016 Photoshop Design Principles |
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! --- Photoshop Games!
• Design Principles & Photography Composition Design
Principles, Pre-Assessment Assignment Best Practices for Typography on the Web VIDEO & To Focus On List
Color in Design Resources How to Use Photography in Branding - Color meanings in Business/Marketing - The psychology of color, Infographic - Choosing the Right Color for your Brand, video --- Color Combination Builder:
Site Resources templated.co- attractive
Unit Exam to be Linked |
Homework #1: Magazine Cover due 3/9: submit via google classroom |
| Submit Bi-Weekly Exit Slip |
| February 29 - March 4, 2016 Photoshop |
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! 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: Magazine Madness Project: Due Wednesday 3/9 |
| Submit Bi-Weekly Blog |
| February 22 - 26, 2016 Photoshop |
Week Outline and Class Objectives
• Photoshop --- Magazine Madness Project 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 Color in Design Resources How to Use Photography in Branding --- Photoshop Games! |
|
Due Friday February 26th Homework #1: Work on Photoshop Worksheet (if you did not finish in class on Wednesday) Homework #2: Magazine Madness Proposal. In Google Doc include: Magazine you will duplicate, image of yourself you will put on that magazine and the replacement text. |
| Submit Bi-Weekly Exit Slip |
| February 8 - 12, 2016 Photoshop |
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, Character Panel, Transparency, Image/Canvas Size & Saving Color in Design Resources How to Use Photography in Branding
Activities Photoshop Gallery Activity----- Photoshop Games! |
Homework #1: Work on Photoshop Worksheet (if you choose) |
| Submit Bi-Weekly Blog |
| February 1 - 5, 2016 Photoshop |
Week
Outline and Class Objectives Photoshop Interface (very basics) ----- Photoshop Games! |
Homework #1: Submit Welcome Letter and Purchase Flash Drive |
| Submit Bi-Weekly Exit Slip |
| January 25 - 29, 2016 Introduction to Course |
Week
Outline and Class Objectives Fire Escape Plan from room 201
• Poster Gallery by Units Directions for Exploring, Creating & Sharing
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) |
