ADS 560 Topics in Design
Flash and Dreamweaver

:::::::::::::::::::::::::::::::::::::::::::::::::
email: andrea wertzberger

:::::::::::::::::::::::::::::::::::::::::::::::::
:- Indexed Blog: great simple drawings
:- Good.is Infographics
:- Village of 100 people
:- Future Food
:- Feltron
:- Designer Daily

Flash as part of the site
:- 344: Stefen Bucher
:- Tomorrow
:- Range
:- Build Forest...
:- House Industries
:- Medium Bold
:- GE Grid
:- Wonder-wall
:- Also-online
:- The Adventure Schoo
:- Don't Click It
:- Hello Monday

Various Animations using Flash
:- Little red riding hood
:- Bembo's Zoo
:- Seven Wonders
:- Lemon Powered Clock
:- Bird Watching

::::::::::::::::::::::::::::::::::::::::::::::::::
:: class websites
:- Alex
:- Allie
:- Alyssa
:- Andres
:- Bradley
:- Christi
:- Crosby
:- Dela
:- John
:- Jon
:- Kira
:- Nancy
:- Mars
:- Matthew
:- Mo
:- Sam
:- Shannon

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
week three
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
GOOD RESOURCE for HELP http://help.adobe.com/en_US/dreamweaver/cs/using/dreamweaver_cs5_help.pdf

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
tuesday
Handout: CSS Cheat Sheet
Handout: Chapter 6 Creating pages with CSS (pages 128 -133 does a good job on defining properies
Handout: Chapter 15 building Spry pages (pages 406 - 409 about spry navigation)
Handout: Laying out pages with CSS (good overview exlaining DW templates)
Handout: Creating a page layout (webdesign basics)

Exercises:
1) Open your index.html file and define CSS in Dreamweaver. In naming use a dot .before the style name. Apply only to this document (will make external file next). Clean up your page. Make it look more like you want it. Add a image. Resize it. Make your name as its own .yourname. Get all your exercises, projects are on this page or have links to them from this page. (*finish updating your links and page for homework, this page will be part of your final so make it work, look good).

2) Get article.html off the server. Change body text first. Make a new style, style sheet will be external. Make new styles for header, introtext, subheads... add back to top (anchor), add link to original article, pop up in new window _blank. Link to this page from your index.html page. Test everything that is is working. Keep the web pages open. Reopen your dreamweaver pages.

3) Web Font Hosting: an overview. Using Typekit for non-system fonts.

4) Working in class on final project
Teach someone to do something? What is your idea and first frame on your website.

A step by step, how to, can be about your major, can be something from Dangerous/ Darling Book. These are some examples by graphic students they look good but you know more about flash then they did, just expecting you to do the best you can. Better than you think you can.

Examples.( the websites don't work because the student have graduated)

More Examples.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wednesday

Exercises:
1) fix typekit (copy and paste code into your css page) reupload css file with fetch

2) about navigation:
:: list, horizontal, rollover simple bar.
:: rollovers with a rule (background image)
:: rollovers with a graphic
:: pulldown

3) Navigation from a list how to | example | with background

4) Spry Navigation how to | example

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NEXT IN DREAMWEAVER CSS

1) Understanding site architecture, wireframes, planning and structure

2) Using a template. Chose a template and alter the CSS.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NEXT IN Flash

1) step buttons, stop, gotoAndPlay