This was a presentation I gave in 2010 on the basics of Adobe Dreamweaver to my Instructional Technology cohort members.

1. Adobe Dreamweaver
Learning the Basics

2. Overview
•
•
•
•
•
•
•
Welcome Screen
Toolbars
Views
Templates
Multimedia
Building a Simple Webpage
Resources

3. Welcome Screen
• Open a Recent Document
• Create New
• Top Features

4. Toolbars
A. Application
B. Document TB
C. Document
window
D. Workspace
switcher
E. Panel Groups
F. CS Live
G. Tag selector
H. Properties
inspector
I. File panel

5. Code vs. Design view
• Code view
– Allows users to see and edit the HTML code
– Basic structure
• Design view
– Allows users to design using a WYSIWYG editor
and view of what the website will look like while it
generates the code for you
• Split view

6. Templates
• Offers a number of pre-built starter pages
• Fully CSS driven layouts
– CSS = Cascading Style Sheets (similar to applying
styles in Microsoft Word)
• Allows for rapid page development

7. Adding Multimedia
•
•
•
•
Images
Links
Video
Flash

8. Building A Simple Webpage

9. Helpful References
• Adobe Dreamweaver
– http://www.adobe.com/products/dreamweaver
• Adobe TV
– http://tv.adobe.com
• Lynda Tutorials
– http://www.lynda.com