The Adobe CS4 Web Suite: From Beginning to Bedazzling!

Anastasia TreklesClinical Asst. Professor

Purdue University CalumetHammond, IN, USA

Session Objectives

• This session focuses on Dreamweaver, Flash, and Fireworks as tools for building Web-based learning materials

• Anyone from the beginning to advanced user is welcome!

• This session is intended for us to share tips, ideas, and knowledge, so please feel free to chime in to the discussion at any time

• By the end of the session, participants should have a better understanding of the Adobe web suite and what it can do for them and their teaching

Potential Topics List

• Getting Started– The Adobe Web Standard programs– Understanding the basic program interface for all

programs– Introduction to Dreamweaver

• Defining a site in Dreamweaver and organizing files into folders

• Understanding Web Accessibility standards (Section 508)

Potential Topics List• Page Layout– Size considerations – pixels vs. percentage– Adding columns and rows through the Modify menu– Differences between table creation modes in

Dreamweaver– Tables vs. Layers/AP Divs

• Web design basics – creating attractive and easy-to-use pages– Considerations for design before beginning with a project– Storyboarding your site as a tool for planning

• Cascading style sheets (CSS)

Potential Topics List

• Understanding and using templates– Benefits and considerations concerning templates– Templates vs. frames

• Hyperlinks– Linking within the same document using links and

anchors– Linking to other documents within your site– Linking to other websites

Potential Topics List1. Images and multimedia

1. Recognized image and video formats2. Inserting simple images, rollovers, and image maps3. Using Fireworks to manipulate or create Web graphics4. Inserting audio and video elements5. Inserting Flash buttons and Flash text6. Basics of Flash media – how to create a simple

“slideshow” in Flash2. Creating site navigation structures

1. Creating functional popup menus using Fireworks and Dreamweaver together

2. Introduction to frame layouts

Potential Topics List

• Inserting Behaviors to create added functionality without knowing Java programming

• Spry Widgets• Creating user-input forms– Basics of user-input forms– Making forms functional

Potential Topics List• Publishing Pages– Differences between and issues with FTP, WebDAV,

and free hosting sites– How to publish pages through Dreamweaver’s site

definition interface• Introduction to Flash– Flash Principles– Built-in Templates for quizzes and slideshows (CS3

and below)– Tweening– ActionScript

Resources – Tutorials and Help• http://education.calumet.purdue.edu/Tutorials/

HECC

• http://www.adobe.com • http://www.entheosweb.com • http://www.atomiclearning.com • http://www.w3schools.com • http://en.wikipedia.org/wiki/Web_design • http://www.graphic-design.com/Web/Design/au

dience.html

• http://www.w3.org/WAI/

Resources – Royalty-Free Media• Gimp Savvy Photo Archive, http://gimp-savvy.com/PHOTO-ARCHIVE • StockXchng: http://www.sxc.hu • DHD Multimedia Gallery, http://gallery.hd.org/index.jsp • Free Foto, http://www.freefoto.com/index.jsp • Free Photographs, http://www.free-photographs.net/• Free Stock Photos, http://freestockphotos.com • Image After, http://www.imageafter.com• The Morgue File, http://www.morguefile.com/ • Pics for Learning, http://pics4learning.com • The Smithsonian,

http://smithsonianimages.si.edu/siphoto/siphoto.portal?_nfpb=true&_pageLabel=home

• Copyright Free Photo Library, http://www.ecarboot.net/photolibrary/ • Wikimedia, http://www.wikimedia.org • Foto Search, http://www.fotosearch.com/stock-photos-categories/• Imagine, http://www.inmagine.com/

Resources – Royalty-Free Media• AKM Music, http://www.akmmusic.co.uk/• Acoustica, http://www.acoustica.com/sounds.htm • Koumis, http://www.koumis.com/soundfx.htm • Ljudo, http://www.ljudo.com/default.asp?lang=tEnglish&do=it • Partners in Rhyme, http://www.partnersinrhyme.com• Incompetech, http://www.incompetech.com/m/c/royalty-free/ • Royalty Free Downloads, http://www.royaltyfreedownloads.com/ • Public Domain, http://www.publicdomain4u.com/• Flash Kit, http://www.flashkit.com/soundfx/Instruments/ • Stonewashed, http://www.stonewashed.net/sfx.html• A1 Sound Effects, http://www.a1freesoundeffects.com/noflash.htm• Absolute Sound Effects Library, http://www.grsites.com/sounds/

Resources

• Staci’s website: http://education.calumet.purdue.edu/Faculty/Trekles

• Email: atrekles@purdue.edu

Thank you!Visit us at http://www.calumet.purdue.edu