2013+Fall+Archive


 * Thursday, December 19, 2013 **

WordPress: setup your portfolio in Wordpress - live demo


 * Monday, December 9, 2013 **


 * 1. ** Take the next steps to ** setup your portfolio website in WordPress **.

I created a step-by-step presentation in Google Drive to help guide you (most of you have progressed through setting up a password): @https://docs.google.com/presentation/d/1-d6-XtE05Jsb4uUgkOToWeiPoVfB-kY3wWYmJV0pNys/edit?usp=sharing

Of course, you can always use online resources. I recommend starting with codex.wordpress.org, but you are all also quite adept at problem-solving via Google.


 * 2. ** Continue ** designing your client sites ** via Photoshop. ** Due Wednesday **, December 11, 2013
 * KEY POINT ** : It is essential that you meet with your client to discover their needs before you design the site. Ideally the meeting is in person. This is all about meeting a client's needs. You can use your expertise to help guide them and let them know what's possible, but as the saying goes, "the customer is always right!"


 * Tuesday, December 3, 2013 **

PHP Introduction

Rewrite your portfolio site so that it incorporates PHP. If that's not feasible, use an alternate site (Duncan, Max)

Assignment: Your PHP based site should be uploaded to the server by the beginning of class Thursday, Dec 5.


 * Tuesday, November 26, 2013 **

Responsive Design

Incorporate into your site by the beginning of class Tuesday, December 3rd.


 * Friday, November 21, 2013 **

Welcome Professor Bahram Attaie!

10 min: Meet and Greet

60 min: SUPA challenge

10 min: Judging and Prizes


 * Wednesday, November 19, 2013 **

Upload your portfolio site to walkerspencer.com via FTP Install / Open Filezilla
 * Webhosting and FTP **


 * Your FTP account info ** : see me and write it down

Read how to configure Filezilla


 * Find your portfolio online ** : www.walkerspencer.com/chrhsweb/yourFirstName

@http://youtu.be/veO1eERMMnQ @http://mlbam.ischool.syr.edu/
 * Bahram visits ** from SU on Friday.


 * Monday, November 17, 2013 **

Sorry to miss you today... sick daughter. We were going to get your portfolios online, but I have pushed that back to Wednesday. I'd rather not distribute your login info indirectly.

Instead, spend the class today working with jQuery.

Duncan is now a jQuery master! Check out what he's done. ** Hint ** : he used the top two resources below to get started.


 * jQuery Basics **
 * jQuery explained at w3schools
 * jQuery introduced
 * jQuery Cycle plugin
 * jQuery.com - How jQuery works


 * Assignment ** : incorporate at least one interactive element into your portfolio via jQuery: due Wednesday, 11/20

Upload your portfolio site to walkerspencer.com via FTP Install / Open Filezilla
 * Webhosting and FTP **


 * Your FTP account info ** : see me and write it down

Read how to configure Filezilla


 * Find your portfolio online ** : www.walkerspencer.com/chrhsweb/yourFirstName


 * Tuesday, November 12, 2013 **

Continue our work on Photoshop layout and portfolio site design and coding.

Here are the directions and grading criteria: Photoshop Design

Site due before class on Monday, November 18. Be sure your site folder is compressed and shared with me by 11:30am.

Intro to Programming options


 * Thursday, November 7, 2013 **

Share Photoshop Layouts

Finalize, slice and save for web.

Code your portfolio site (with drop down menu) by the beginning of class on Wednesday, November 13.


 * Tuesday, November 5, 2013 **


 * Photoshop Introduction - ** click link for resources

Portfolio layout draft due at the beginning of class Thursday, November 7


 * Friday, November 1, 2013 **

What By When - 3-4 weeks
 * Portfolio planning **
 * design in Photoshop
 * code in HTML / CSS
 * Dropdown menu
 * jQuery
 * Responsive Design
 * FTP
 * PHP
 * Wordpress


 * Photoshop Introduction **


 * Wednesday, October 30, 2013 **


 * Feedback Summary **

Fact based Project based Results based
 * Curricular options ** :


 * Long range planning idea **
 * portfolio


 * Look at dropdown menus: troubleshoot **

Meeting with Mr. Alex at 1pm in the cafe


 * Monday, October 28, 2013 **


 * Submit ** Hulu sites


 * Update ** journals
 * label links to project files
 * label self-eval rubrics


 * State of the class **
 * What is working well
 * What could use improvement


 * Client sites **
 * It's time to start tracking down a client
 * http://www.sidearmsports.com


 * Still to come **
 * Dropdown student files
 * jQuery Cycle plugin
 * jQuery explained at w3schools
 * Page design in Photoshop
 * Responsive / Adaptive design: Should your website be using adaptive design?
 * FTP
 * PHP
 * Wordpress

Design a functioning (and attractive) dropdown menu: ** due next class 10-30-13 **
 * Assignment: **


 * Thursday, October 24, 2013 **

Review Error Identification


 * rbga;
 * Google Fonts
 * Text Shadow

Work time Hulu project - Reminder: due at the beginning of class Oct. 28


 * Tuesday, October 22, 2013 **

Midterm


 * Part 1 ** : Multiple Choice
 * Part 2 ** : See me when you are done with Part 1
 * Part 3 ** : Take home project - due at the beginning of class Oct. 28


 * Friday, October 18, 2013 **

SU Library Project due by the beginning of class


 * Study for exam: **

[]
 * Basic study guide: **


 * Multiple Choice
 * Writing rules
 * Error Analysis
 * Individual Project


 * Wednesday, October 16, 2013 **

Work time SU Library: due date - Oct. 18 at the beginning of class.


 * Thursday, October 10, 2013 **

Work time SU Library: new due date - Oct. 18 at the beginning of class.


 * Tuesday, October 8, 2013 **

Compress and share iSchool projects with me

Textastic redemption code
 * Dropbox integration

Modernizer

Introduce SU Library Project: due Wednesday, October 15 before class.


 * Friday, October 4, 2013 **

Work Time: iSchool project

iSchool project: **due Tuesday, October 8, 2013** at the beginning of class.


 * Wednesday, October 2, 2013 **

Using unordered lists for navigation bar links


 * Introduce ** iSchool project: due Tuesday, October 8, 2013 at the beginning of class.


 * Monday, September 30, 2013 **


 * SUPA Course Registration Forms ** ...


 * Submit ** Amazon.com projects prior to class via Google Drive - see directions on assignment page


 * Using divs ** (class or id) to adjust padding

Box model

padding-bottom margin-bottom
 * Adding space ** beneath elements:


 * Thursday, September 26, 2013 **

CSS divs presentation

Develop Two column page Nav Header Left Column Right Column Footer


 * Assignment ** : Amazon.com due before class begins on Monday, September 30, 2013


 * Tuesday, September 24, 2013 **

Favorite Bands assignment - due Tuesday, Sept. 24 at the beginning of class

Comments in HTML and CSS
 * **HTML**:
 * @http://www.w3schools.com/tags/tag_comment.asp
 * **CSS**: /* this is a CSS comment; the browser will ignore this; future designers, or you, will read this*/
 * @http://www.w3schools.com/css/css_syntax.asp

Complete CSS Presentation: CSS Presentation
 * p. 39 review
 * p. 52 attribute selectors
 * class selectors: use "period"
 * .classname {color:blue;}
 * text
 * use repeatedly in a document
 * ID selectors: use "hashtag"
 * #idName {color:blue;}
 * text
 * unique; used once per document

New HTML5 Structural Elements
 * @http://www.w3schools.com/html/html5_new_elements.asp
 * nav
 * header
 * footer
 * section
 * aside


 * Friday, September 20, 2013 **

Favorite Bands assignment - due Tuesday, Sept. 24 at the beginning of class


 * Make corrections ** to Starbucks assignment: explain any code changes on your journal
 * Make corrections ** to Exercise 1.3 assignment: explain any code changes on your journal

**Extra Challenge**: Recreate a Dunkin Donuts website to the best of your ability using HTML and CSS.


 * Wednesday, September 18, 2013 **


 * Collect ** Signed Course Registration Forms
 * Starbucks Assignment due ** - link from Dropbox posted on Google Docs journal
 * Exercise 1.3 due ** - link from Dropbox posted on Google Docs journal

Introduce CSS: CSS Presentation

In class exercise: link CSS file


 * Homework: ** review HTML and CSS presentations


 * Monday, September 16, 2013 **


 * Collect ** Signed Course Registration Forms

HTML Best Practice


 * Review ** Basic HTML Markup Exercise 1.1


 * Complete ** HTML Introduction Presentation


 * Complete ** Hyperlinks and Images Exercise 1.2

HTML5 Requirements


 * Assignment ** (in class): Google News


 * Homework **
 * Assignment: Starbucks
 * Link HTML Pages Exercise 1.3


 * Tuesday, September 10, 2013 **


 * Collect Signed Course Registration Forms **


 * Syllabus ** Review: Web Design and Management Syllabus


 * Save for Web ** - Rankin's Remakes via Photoshop
 * Upload to Dropbox
 * Share folder with me
 * Post link on your journal

HTML Introduction Presentation


 * Friday, September 6, 2013 **

@http://whatsmy.browsersize.com/

Setup ** Dropbox ** Accounts:
 * Follow the link: @http://db.tt/hjNsq3V4
 * Be sure to install dropbox folder on each computer you wish to connect


 * Journal ** Via Google Drive
 * Sample Daily Journal
 * Sign into your school Gmail account
 * File-Make a Copy
 * Share with chris.walker-spencer@chrhs.csd19.k12.me.us
 * Share Dropbox links for assignments, post rubrics, etc on this Journal

> >
 * Enrolling ** in Syracuse U course
 * Collect your Social Security Number, Parent Email and Parent Cell Phone along with other more common info.
 * go to @https://pass.supa.syr.edu/
 * follow the steps provided
 * print, sign and return the form to me
 * see me with questions

Work time for ** Rankin's Photoshop project **


 * Wednesday, September 4, 2013 **


 * Log in ** to your computer; navigate to:
 * **CHRHS web site: Applied Academics: Visual and Media Technology Classes: Web Design**


 * New CHRHS Gmail Account ** : you need to set one up for this class.
 * Go to the CHRHS Google Apps for Education page
 * Your Email Address is John.DoeYY@CHRHS.CSD19.K12.ME.US (Your name isn't actually John Doe; and YY stands for your graduation year - 13, 14, or 15)
 * Password is studentNNNNN (NNNNN is your student number; NOT the one you use at lunchtime; 5 digits)


 * Student Survey **
 * **Complete** the Student Information Survey

Layout Design with Photoshop
 * Basic Photoshop Layout : Due in class Friday, September 6, 2013

Friday, August 30, 2013

 * Welcome **


 * Seat Assignments **

-what have you heard about this class? -workload -expectations -content -process
 * Course Overview **


 * What is class about? **
 * Coaching Change in a Learning Community **


 * Skills **
 * Technical
 * Artistic


 * Introductions ** : Talk with the person next to you and then introduce them to the class:
 * name
 * grade
 * what they are really good at / interested in
 * career possibilities
 * classroom structures that worked well in past classes
 * why they are taking Web Design


 * Develop Norms **
 * **Record responses**