Friday, March 10th

Class hours: 9:40am – 2:05pm
Mr. Cronin
Mr. Moore


  • No academics this afternoon for CTE students.  Juniors leave at 1:05 today to go to SBAC practice!  Academics before class ARE happening, you must not skip with an excuse of being “confused”.  No.

9:40 Attendance and Article

9:45 Morning Web Design Exercise:  Website Version #2.

This mornings project is for students here no afternoons in Cawd.  All other students have done this project and had it graded.  As you have completed this project you get the time to use for Site Maintenance / Game Production / Etc.  

This morning we are going to revise our websites.  We are going to use a style guide to help us create something a little less free form, and a little more professional and consistent.

“A style guide (or manual of style) is a set of standards for the writing and design of documents, either for general use or for a specific publication, organization, or field. (It is often called a style sheet, though that term has other meanings.) A style guide establishes and enforces style to improve communication.”

First, let’s spin through Champlain College’s Style Guide.  Let’s see how specific they are, and how they are organized.

Next, lets look at our “V2 Styleguide” for your Website Revision.  This will drive the style.

In terms of of technical specifics:

  • Valid html5
  • External css and js
  • Use of image gallery with at least 6 of your best projects rotating through a gallery on your page right below your Master Logo.  Each image the same size – you choose the size.
  • Use of headings, lists, and paragraphs – organize your content in a logical way.
  • Web Dev students have a “Web Dev” section just as you would “First Semester”, “Second Semester”, etc.  This should link to your “webDev” folder.
  • Include a section toward the bottom with the color palette image and link to the live palette.  It is a nice way to connect your project to something real, and not just a selection of random colors.  It helps show intent in your design choices.  

Finally, all coding content must be created by you.  Nothing extraneous beyond the specifics for this assignment. No nav.  No dead links.  A simple, clean, attractive way to manage your work.

Step 1 – Logo Brainstorming

The first step is going to be brainstorming of visual branding for you.  Grab a sheet of paper and create 5 different simple illustrations which connect to you in some way.  Think back to the Dropbox visual – a box to put something in.  Something simple that could be included with your name text if you wish.  This first step is graded on the fly pass / fail.  Raise your hand, get checked off, and move on to the website revision.

10:45 Break (15 Minutes)

11:00 Morning Web Content

Some new html5 elements we can use for the structural organization of a web page:

  • header
  • nav
  • footer

11:30 Site Maintenance

We all have something we can work on.  Do it quietly.

12:00 Lunch (30 Minutes)

12:30 Attendance and Article

12:35 Quiet Production Time

1:05 All juniors (except Milton juniors) leave for SBAC’s

SBAC room lists will be posted on the wall outside of the office area.  If you don’t know where to go…go there first.

1:10 Friday Afternoon Google Inspired 20% Project

Save with the 20 nomenclature.

2:05 Dismissal

Copyright © 2004 - 17 cawd by Steven Herr. All rights reserved.