Final exam starts at 2:30pm - ends at 6:20pm.
Assignment 3 is due today.
Work period.
« A practice exam » — For the style-switcher file, try to make the men's and women's styles interchangeable. So make it possible to match a skirt with a t-shirt or pants with a tank-top.
Create a fullscreen Flash application that will be resize with the browser window.« Download here »
A few helpful files for you to explore and take apart.
The more advanced "colours" example from last week. « Download here »
Here's a simple Flash application that jumps the playback head to a frame within a movie clip symbol — clearing up clutter on the main timeline and allowing this to happen over only one frame Read more »
I'm hoping to add to this list when I have more time, but in the meantime you could get acquanted with a few new properties. Read more »
Using a simple ActionScript 2.0 application, you should now have a grasp of jumping to different frames in the timeline and interacting with button symbols. « Download exercise file »
Here's one of the many ways to complete the midterm exam.
What am I grading on the Midterm exam? View this breakdown.
I've put together a list of things to get you started coding a site in HTML5. Read more »
Here's our in-class demo of a basic layout.
After the little HTML5 demo, try to code this PSD Mock-up. Note the coloured grouped layers near the top of the Layers Panel - Use this as a guide to figure out where to place the new structural elements.
Create the XHTML/CSS code of the webpage mock-up that you created earler. Read more »
Mid-term Exam.
I spoke with Bernie, and yes it is ok for you to use your own laptops for the exam. But remember you will be required to check your work in Internet Explorer.
« Download files from this class »... Oops, I forgot to validate the HTML. Give it a try or validate your own work with the W3C Validation Service
Assignment 1 is due today. Don't forget to review the assignment requirements before submitting your work. Did you follow the instructions?
Things to review for the Mid-term Exam.
Try building out this Practice Mock-up for your Mid-term Exam review. We will revisit this mock-up when we cover HTML5.
CSS Code Round-up: Liquid layouts, absolute/relative positioning, rounded corners, form labels...
« Download files from this class »
We will use this class to build an HTML / CSS webpage from a simple Photoshop mock-up.
« Download the PSD file »
(Select "No" if Photoshop asks you to update the file when opening it.)
Getting acquainted with XHTML and CSS code.
Learn how to use classes and style a text link
In-class HTML/CSS code: « Download here »
Build a webpage mock-up in Adobe Photoshop using the techniques covered in class.
Updated mock-up includes contemt and sidebar « Download here »
Build a webpage mock-up in Adobe Photoshop using the techniques covered in class. Read more »
In-class exercise: Create a webpage mock-up using Photoshop « Download image files » and « download today's example »
Yes, this will be your course website. I'll post notes, links, code, and class files here.
Basic banner creation using Photoshop « Download files »
Create a 300x250 banner « Download PSD file »