mylevel4.com

[IW104 Day] Flash Project due Friday

Andre — Tue, 08 Jun 2010 18:40:00 +0000

Your Flash Project is due 8AM on Friday.

[IW104 Day] Mounting NBS site

Andre — Tue, 08 Jun 2010 17:03:50 +0000

Don’t forget to mount your NBS site by Friday.

Must include a screenshot of:

Home page
1 Inner page

Mounted vertically, please. Be courteous to the other class, don’t wait until the last day to do this.

[IW104 Day] Flash Storyboard

Andre — Mon, 07 Jun 2010 18:38:07 +0000

Storyboard Specifications

Purposes:

A guide to what assets will be needed
A structure/layout to follow in the design of your Flash movie
A reference for client buy-off before creating the actual movie

Requirements:

Should contain as many (or as few) panels as necessary to convey significant changes in a scene
Level of detail per pane should be adequate to convey what objects are where and when.
If individual movie assets don’t exist, client buyoff on their final comps will be necessary at some point.

Due Tuesday June 8 @ 8am!!!

Storyboard templates:

http://xinsight.ca/tools/storyboard.html

[IW104 Day] Flash AT&T Ad

Andre — Thu, 03 Jun 2010 19:10:18 +0000

Recreate this ad using Flash:

AT&T ad assets

Widget Box Exercise (Extra Credit)

Andre — Wed, 02 Jun 2010 19:30:30 +0000

Slice, code, and upload as a live site the following (html example provided): Widget Box

- Your example should be an accurate reflection of the .jpg comp provided.
- You MUST use the provided sprites for the nav elements on the page.

Due by Thursday, June 10.

Homework: Chapter 1 (due 6-2-10 @ 8am)

Andre — Wed, 02 Jun 2010 00:27:38 +0000

Please read chapter 1 in your Flash CS4 book, complete all the practice exercises, and share them with me (preferably zipped/archived) via Dropbox @ andre@ampmusic.com.

You can bring them in on a thumb drive if you have any problems getting them to me electronically.

iPad CSS Layout with landscape / portrait orientation modes

Andre — Tue, 01 Jun 2010 15:21:42 +0000

iPad CSS Layout with landscape / portrait orientation modes

IW104 Past, Present, and Future

Andre — Fri, 28 May 2010 17:31:30 +0000

As we transition from CSS/html to a focus on Flash, a summary of what we’ve covered and have yet to cover seems appropriate. We’ve come a long way, baby!

Topics discussed:

XHTML Rules
CSS review
CSS/html interaction
Doctypes
Link structure/directory syntax
Block vs. inline elements
XHTML rules
Box model
CSS/browser hacks
Dreamweaver interface
Dreamweaver Behaviors
Benefits of semantic code
C.R.A.P. design approach
Usability/interface design
FTP concepts/use
Workflow
Time management
Professional communication/confidence
Research
Site architecture
Wireframes
Comps
Slicing
Floats
Intro to Javascript
Forms
Sprites
Favicons (.ico)
CSS Media types
Current events

Topics left to discuss:

Flash

Overview
Bitmaps vs. vectors
Interface
Drawing
Importing
Timeline
Layers
Keyframes
Shape tweens
Motion tweens
Symbols
Filters
Blend modes
Easing
Motion guides
Masks
Intro to Actionscript
Basic timeline actions
Nested animations
Buttons
Sound/video
Embedding in html
Components

Other

Freelance vs. corporate jobs
Bidding on projects
Guest speaker

Slice/Code/Sprite Homework (due 6-3 @ 8am)

Andre — Fri, 28 May 2010 16:18:47 +0000

Slice, code, and upload as a live site the following comp/template:TwitPhone

- Your example should be an accurate reflection of the comp provided.
- You MUST use sprites for the nav elements on the top right of the page.

Due Wednesday, June 2 @ 8am.

[IW104 Day] CSS Media Types

Andre — Thu, 27 May 2010 17:51:09 +0000

http://www.w3.org/TR/CSS2/media.html
http://m.alistapart.com/articles/return-of-the-mobile-stylesheet
http://www.howtocreate.co.uk/tutorials/css/mediatypes
http://webdesign.about.com/od/printerfriendly/a/aa041403a.htm
http://webdesign.about.com/cs/css/a/aa042103a.htm?p=1