Thomas Wallace: Lectures and Resources - A collection of website design lectures and resources

The Dreamweaver Workspace

In Dreamweaver CS4 there are many ways to arrange the workspace. In class all screenshots and examples will be done using Classic view.

  • Document Window – large white window where you create and edit Web Pages
  • Menu Bar – located above document Window, Includes menu names, each of which contains Dreamweaver commands
  • Insert Bar – includes eight groups of Buttons displayed in a drop down menu – Common, Forms, Text, HTML, Application, Flash Elements, and Favorites
  • Document Tool bar – Contains buttons and drop down menus you can use to change current work mode, preview web pages, debug web pages, choose visual aids, and view file management options
Screenshot of the Dreamweaver Workspace
Click to Enlarge
  • Standard Tool bar – contains buttons you can use to execute frequently used commands also available on the File and Edit Menus
  • Property Inspector – Located at the bottom of the Dreamweaver Menu – Lets you view and change the properties of a selected object.
  • Status Bar – located below the document window
  • Tag Selector – Located in the status bar, Displays the HTML tags used at the insertion point.
  • Panel – is a window that that displays information on a particular topic
  • Panel Groups - sets of related panels that are grouped together
  • Views – a particular way of displaying page content. Dreamweaver has three working view:
    • Design View – Shows the page as it would display in the browser
    • Code View – shows the underlying HTML for the page
    • Code and Design View – is a combination of both

 

What I'm Reading

RSS Feed IconView More

Announcements

  • 1.24.2012
    Structure, Content, Design, Behavior
My Calendar