Presentation slides from SITE 2010 roundtable

1. The Adobe CS4 Web Suite: From
Beginning to Bedazzling!
Anastasia Trekles
Clinical Asst. Professor
Purdue University Calumet
Hammond, IN, USA

2. 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

3. 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)

4. 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)

5. 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

6. Potential Topics List
1. Images and multimedia
1. Recognized image and video formats
2. Inserting simple images, rollovers, and image maps
3. Using Fireworks to manipulate or create Web graphics
4. Inserting audio and video elements
5. Inserting Flash buttons and Flash text
6. Basics of Flash media – how to create a simple
“slideshow” in Flash
2. Creating site navigation structures
1. Creating functional popup menus using Fireworks and
Dreamweaver together
2. Introduction to frame layouts

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

8. 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

9. 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/audien
• http://www.w3.org/WAI/

10. 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/

11. 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/

12. Resources
• Staci’s website:
http://education.calumet.purdue.edu/Faculty/Trekle
s
• Email: atrekles@purdue.edu
Thank you!
Visit us at http://www.calumet.purdue.edu