Adobe Dreamweaver CS5 Basics

1,527 views

Published on

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

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,527
On SlideShare
0
From Embeds
0
Number of Embeds
463
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Adobe Dreamweaver CS5 Basics

  1. 1. Adobe Dreamweaver Learning the Basics
  2. 2. Overview • • • • • • • Welcome Screen Toolbars Views Templates Multimedia Building a Simple Webpage Resources
  3. 3. Welcome Screen • Open a Recent Document • Create New • Top Features
  4. 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. 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. 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. 7. Adding Multimedia • • • • Images Links Video Flash
  8. 8. Building A Simple Webpage
  9. 9. Helpful References • Adobe Dreamweaver – http://www.adobe.com/products/dreamweaver • Adobe TV – http://tv.adobe.com • Lynda Tutorials – http://www.lynda.com

×