Dreamweaver
FOURTH QUARTER LESSON FOR GRADE 9
DreamWeaver Workspace layout overview
The Dreamweaver workspace lets you view documents and object properties. The workspace also places many of the most common operations in toolbars so that you can quickly make changes to your documents.
Dreamweaver workspace
A. Application bar B. Extract panel C. Document toolbar D. Document window E. Workspace switcher F. Panel groups G. Live View H. Code View I. Tag selector
The Welcome screen
Lets you open a recent document or create a new document. From theWelcome screen, you can also learn more about Dreamweaver by taking a product tour or accessing learn and help content.
The Application bar
Is across the top of the application window and contains a workspace switcher, menus (Windows only), and other application controls.
The Document toolbar
Contains buttons that provide options for different views of the Documentwindow (such as Design view, Live view, and Code view), various viewing options, and some common operations such as previewing in a browser.
The Standard toolbar
To display the Standard toolbar, select View > Toolbars > Standard. The toolbar contains buttons for common operations from the File and Edit menus: New, Open, Browse in Bridge, Save, Save All, Print Code, Cut, Copy, Paste, Undo, and Redo.
The Coding toolbar
(Displayed in Code view only.) Contains buttons that let you perform many standard coding operations.
The Document window
Displays the current document as you create and edit it.
The Property inspector
Lets you view and change a variety of properties for the selected object or text. Each object has different properties.
The Tag selector
Located in the Status bar at the bottom of the Document window. Shows the hierarchy of tags surrounding the current selection. Click any tag in the hierarchy to select that tag and all its contents.
Panels
Help you monitor and modify your work. Examples include the Insert panel, the CSS Designer panel, and the Files panel. To
DreamWeaver Workspace layout overview
The Dreamweaver workspace lets you view documents and object properties. The workspace also places many of the most common operations in toolbars so that you can quickly make changes to your documents.
Dreamweaver workspace
A. Application bar B. Extract panel C. Document toolbar D. Document window E. Workspace switcher F. Panel groups G. Live View H. Code View I. Tag selector
The Welcome screen
Lets you open a recent document or create a new document. From theWelcome screen, you can also learn more about Dreamweaver by taking a product tour or accessing learn and help content.
The Application bar
Is across the top of the application window and contains a workspace switcher, menus (Windows only), and other application controls.
The Document toolbar
Contains buttons that provide options for different views of the Documentwindow (such as Design view, Live view, and Code view), various viewing options, and some common operations such as previewing in a browser.
The Standard toolbar
To display the Standard toolbar, select View > Toolbars > Standard. The toolbar contains buttons for common operations from the File and Edit menus: New, Open, Browse in Bridge, Save, Save All, Print Code, Cut, Copy, Paste, Undo, and Redo.
The Coding toolbar
(Displayed in Code view only.) Contains buttons that let you perform many standard coding operations.
The Document window
Displays the current document as you create and edit it.
The Property inspector
Lets you view and change a variety of properties for the selected object or text. Each object has different properties.
The Tag selector
Located in the Status bar at the bottom of the Document window. Shows the hierarchy of tags surrounding the current selection. Click any tag in the hierarchy to select that tag and all its contents.
Panels
Help you monitor and modify your work. Examples include the Insert panel, the CSS Designer panel, and the Files panel. To