Week #3 – Fun with Flash

• Photo fade exercise. Using “fade-in, fade-out” to morph one photo into another. Useful for web based photo albums and slide shows.
• Make your own snow storm.

• Brief explanation of file types.

Week #2 – Intro to Flash

Adobe Flash was originally created (by Macromedia) in an effort to produce eye-catching animations for websites and animated ads.

Shape tween

Shape tween demo

Orangeade

Bouncing Ball Exercise

Orangeade animation

Week #1 – Meet Dreamweaver CS4

Overview and introduction.

CSS The basis of our new future.

Web Design News: The Future

Interesting article:

via iA » What’s Next in Web Design?.

Week #15: Final exam and FTP Tutorials

What we talked about in class today:

Final exam – test your knowledge with this practice exam.

File Transfer Protocol – How to get your site, images and pages onto a remote server.

Fetch Tutorial

WS_FTP Tutorial

Happy Holidays!

Week # 14: Forms, Basic CSS

What we talked about in class today:

• Forms and Spry
• How to control site and page design with Cascading Style Sheets

Homework:

There will be a quiz next week. Please review your notes from class.

Links:

Forms/Spry
CSS: An Introduction

Handouts:

HTML Tags Chart

Week # 13: Forms and Networking Tools

What we talked about in class today:

• Creating Interactive Forms
• Promotion through Social Networking

Homework:

Which social networking site do you like best and why. Email results to instructor by 5pm on Wednesday, December 10.

Links:

http://www.chrisbrogan.com/five-ways-to-connect-and-add-value/

http://www.cnn.com/2008/LIVING/worklife/11/05/cb.social.networking/index.html

Week #12 – Image Maps and Rollovers

What we talked about in class today:

• Selection tools.
• Image maps.
• Simple rollovers.
• Pointer rollovers.
• Multiple-event rollovers.
• Flash buttons.
• Navigation bar rollover.

Homework:

• Catch up on missing assignments.
• 1 example of good design for your notebook.

Helpful Links:

with HTML: http://www.designmeme.com/articles/cssrollovers/

with Javascript: http://www.designplace.org/scripts.php?page=1&c_id=21

Week #11 – Working with Tables

What we talked about in class today:

• Nesting tables.
• Sorting a table.
• Exporting a table.
• Outlining a table.
• Importing tabular data (from spreadsheets or CSV).
• Creating and adding links to a thumbnail gallery.
• Designing for computer screens, PDAs, phones

Homework:

• Catch up on missing assignments.

Helpful Links:

Mobile Design: Screen size trends for 2008+

Screen sizes and analytics

Table Activity

Week #10 – Working with Images (Continued)

What we talked about in class today:

• Positioning graphics.
• Adding a border around an image.
• Assign names and ALT text to image.
• Wrapping text around images.
• Adjusting the space around an image.
• Inserting a placeholder.
• Replacing a placeholder.
• Setting image editing prefs.
• Basic image editing within Dreamweaver.
• Aligning an image to a single line of text.
• Creating an image map.

Homework:

• Create thumbnail (32×32px) images of your art for your gallery.
• Catch up on missing assignments.

Cool Links:

Always specify a background color

Examples of what happens when you don’t specify a background color