Thursday, February 9th

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


  • Doors locked immediately after school as normal for Thursday.
  • Quiz tomorrow!
  • Open House Saturday!
  • Please note that these weeks afternoon exercise have different sized center channel divs!  That is by design.
  • So…how is this created?  Part of me says flat animation so After Effects or Animate, but then it is a rotating cube so I think Maya….  I reached out to the artist to ask, but he describes himself as “Motion Graphics / Experimental Animator”  I will let you know what I hear.
  • Haley is running a Kahoot at 11:45 today for tomorrows quiz.
  • I have 2nd year recommendation for as well as applications for CTE for next year in the back if you would like one.  Remember that if you want to apply to Cawd2, or cst, or wherever you need to apply just like the other humans.

9:40 Attendance and Article

9:45 Cawd Diving

Web Designers

  • Collaborate with your teammates on a 4 page website.   Topic is up to you.  Work on a single computer. 
  • Try diving  up work by roles.  Lead designer?  Lead programmer?  Rotate while you work?  Css vs. html cs. js?
  • Demonstrate:
    • Navigation and header in the same location page by page.
    • Background image.
    • Embedded video.
    • Demonstrations of
      • css
      • divs
      • Javascript Gallery (3 small images of the same size that rotate) on one of the pages
  • Valid html5 code.
  • Comment html code at top of each page with:
    • Authors
    • Date
    • Project
  • Create a folder called “diving” in one of the two partners websites.  Let me know which partner will host the work.
  • While you will be a little less efficient working on one computer this is ok, you have more than enough time.  What I really want is the creation of a dynamic between the two partners.  Rely on each other, I am not going to help your groups with technical assistance until after the Cawd diving session.


  • The Titanic!  We all know what happened.  Visualize it.
  • Have you storyboarded it?  If not do this first.
  • Start and end in the ocean.
  • No sound.
  • 720p.
  • You have today’s diving, and next weeks diving sessions to complete this.  Roughly 4 hours.
  • Inside Week 22 on your Google drive, turn in some animated dailies.

2D Animators

  • Self Directed Animation – topic up to you.  Impress me.
  • 720p – not just from Premiere, but also in Animate.   I can show you how to setup Animate to also be 720p so you get a bigger canvas size.
  • Upload to Week 22 on your Google Drive as “selfDirected.mp4”.

Game Design Teams

  • Quickly meet with Mr. Cronin / determine next step.  Playable games two weeks for presentations to the broader group!  
  • Whatever we agree you are going to do this week you need do demonstrate.  If static images they go on the web server, if animaions / screencaptures they go on your Google Drive.

10:45 Break (15 Minutes)

11:00 Cawd Diving

Make sure you hit the requirements above.

12:00 Lunch (30 Minutes)

12:30 Attendance and Article

12:35 Quiet Production Time

12:45 Thursday  Afternoon Web Design Exercise: “Today we celebrate our independence day”.

Today we are going to be working on a html/css experiment in a more tongue in cheek style.  While Tuesday and Wednesday were rooted in Civil Rights and the Cold War, Thursday and Friday are going to be more pop culture rooted.

Today you will work on the Presidents speech about protecting Earth and humanity from Independence Day.  It is one of those movie scenes that “just work” for a summer time, popcorn eating blockbuster.

Your project will include:

  • Work in a center channel div 800 pixels wide with a solid color background.  Centered.
  • A background image which works well for the theme.
  • In the center channel div I want to be able to read the speech.  Find, copy paste, and format appropriately with title, verses, etc.  This will include paragraphs, headings, sub headings, etc.
  • At the bottom (still in the center channel) I want to see a Youtube video of the speech embedded in the site.
  • Include an image of the movie president from the movie on top of the jet giving the speech.  This image should be no more than say 600 pixels in size.
  • Use a Google Font appropriate for the theme in your headings.  Keep the default font for all other copy other than headings.
  • (No citations necessary).

Validate code before you turn in.  Invalid code is a maximum of a D.

Create a folder called “independence” inside Week 22.  Your html file will be named “index.html” so it auto loads in this folder.

2:00 Dailies


2:05 Dismissal

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