Transcript to the PowerPoint presentation from HECC 2008

Getting What You Want From
Adobe© Dreamweaver, Fireworks,
and Flash
Presented by
Helen Siukola Jancich, M.S.
Anastasia Trekles Milligan, M.S.
Purdue University Calumet
Course Outline
Introductions and your goals
 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
Course Outline (cont’d.)

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 easyto-use pages
◦ Considerations for design before beginning with a
project
◦ Storyboarding your site as a tool for planning

Introduction to cascading style sheets (CSS)
Course Outline (cont’d.)

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
Course Outline (cont’d.)
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
Course Outline (cont’d.)
Inserting Behaviors to create added
functionality without knowing Java
programming
 New for CS3 – Spry Widgets
 Creating user-input forms

◦ Basics of user-input forms
◦ Making forms functional
Course Outline (cont’d.)

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
Basic Tweening
Basic ActionScript
Resources

Free web hosting services:
◦
◦
◦
◦
http://www.geocities.com
http://www.tripod.com
http://www.quia.com
http://homepage.scholastic.com/classpages/start_
hp.cfm
◦ http://myschoolonline.com/golocal
◦ http://www.teacherWeb.com
◦ Even more plus other info:
http://personalweb.about.com/od/hostingdomainn
ames/
Resources

Tutorials and Help
◦ http://education.calumet.purdue.edu/Tutorials/
HECC
◦ http://www.adobe.com
◦ http://www.entheosweb.com
◦ http://www.flashkit.com
◦ http://www.w3schools.com
◦ http://en.wikipedia.org/wiki/Web_design
Resources

Extras
◦ Staci’s website:
http://education.calumet.purdue.edu/Faculty/T
rekles
◦ Helen’s website:
http://education.calumet.purdue.edu/Faculty/ja
ncich
◦ Teacher License Renewal Offerings at PUC:
http://www.calumet.purdue.edu/education/gra
d/licensing.html
Website for this workshop:
http://education.calumet.purdue.edu/Tutorials/HECC
Presented by
Helen Jancich, [email protected]
Anastasia Milligan, [email protected]
Thank you!