[IW104 Day] Flash Project due Friday

Your Flash Project is due 8AM on Friday.

[IW104 Day] Mounting NBS site

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

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!!!

[IW104 Day] Flash AT&T Ad

Recreate this ad using Flash:

AT&T ad assets

Widget Box Exercise (Extra Credit)

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)

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

iPad CSS Layout with landscape / portrait orientation modes

IW104 Past, Present, and Future

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)

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

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