The Dreamweaver Workspace
This section describes some of the main elements of the Dreamweaver Workspace.
Note: There are many other elements that Dreamweaver provides. To access the other panels, inspectors and windows, use the Window Menu. If there is trouble locating a panel, window or inspector that is open, select <Window>, then <Arrange Panels> to neatly lay out all open panels.
The Start Page
The Start page is presented to the end-user to offer various options, such as opening a recent document, or creating a new document. Additional Dreamweaver tutorial information is also present when the end-user chooses to do a product tour.
The Insert Bar
The Insert bar gives the options to insert various objects, such as images, tables and layers, into a document. Each object is a piece of HTML code that enables various attributes to be set. To learn more about the Insert bar, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <About the Dreamweaver workspace>, then <The Insert bar>.
The Document Toolbar
The Document toolbar provides different view options of the Document window (such as Design view, Split View and Code View), various viewing options, and some common operations such as previewing in a browser. To learn more about the Document Toolbar, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <About the Dreamweaver workspace>, then <The Document toolbar>.
The Standard Toolbar
The Standard toolbar (not displayed by default) features the common operation buttons from the File and Edit menus. To display the Standard toolbar, select <View>, <Toolbars>, then <Standard>. To learn more about the Standard Toolbar, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <About the Dreamweaver workspace>, then <The Standard toolbar>.
The Coding Toolbar
The Coding toolbar (displayed in Code view only) contains buttons that provide many different standard coding operations. To learn more about the Coding Toolbar, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <About the Dreamweaver workspace>, then <The Coding toolbar>.
The Style Rendering Toolbar
The Style Rendering Toolbar (hidden by default) contains buttons that allow different media-dependent design views of the working document, if media-dependent style sheets are used. There is also the option to enable and disable CSS styles. To display the toolbar, select <View>, <Toolbars>, then <Style Rendering>.To learn more about the Style Rendering Toolbar, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <About the Dreamweaver workspace>, then <The Style Rendering toolbar>.
The Document Window
The Document window displays the current document that is being edited. To learn more about the Document Window, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <About the Dreamweaver workspace>, then <The Document window>.
The Property Inspector
The Property inspector allows the property of a selected object or text be viewed and changed. The Property Inspector is not expanded by default in the Coder workspace layout. To show or hide the Property Inspector, select <Window>, then <Properties>. To learn more about the Property Inspector, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, <Using toolbars, inspectors, and context menus>, then <Using the Property inspector>.
The Tag Selector
The Tag selector displays the hierarchy of tags surrounding the current selection. IT is located in the status bar at the bottom of the Document Window. To learn more about the Tag Inspector, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Working with Page Code>, <Editing Code in Design View>, then <Editing code with the tag selector>.
The Panel Groups
The Panel groups are sets of related panels grouped under one heading. To learn more about the Panel Groups, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Dreamweaver Basics>, <Exploring the Workspace>, then <Using panels and panel groups>.
The Files Panel
The Files panel allows management of files and folders, on a local machine or on a remote server. It also allows easy access to all files on the local disk, similar to Windows Explorer (Windows) or the Finder (Macintosh). To learn more about the Files Panel, please refer to the Online Documentation for Dreamweaver 8, hosted by Adobe. In the side menu pane, navigate to <Working with Dreamweaver Sites>, <Managing Your Files>, then <Managing files and folders in the Files panel>.
This concludes our overview of elements of Dreamweaver 8. The next sections of this reference guide will cover editing web pages. The next section, Editing Text - Links and Lists, will show how the different ways to manipulate text on a web page.