The Adobe CS4 Web Suite: From Beginning to Bedazzling!
Download as PPT, PDF1 like920 views
This document outlines the topics and objectives for a session on using the Adobe CS4 Web Suite, including Dreamweaver, Flash, and Fireworks. The session aims to provide an introduction to these programs for beginning to advanced users and share tips and ideas. Topics will include getting started, page layout, templates, hyperlinks, images, multimedia, behaviors, forms, and publishing pages. Resources for tutorials, help, royalty-free media are also listed. The overall goal is for participants to better understand what the Adobe web suite can do to help with teaching.
The Adobe CS4 Web Suite: From Beginning to Bedazzling!
- 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