Web Site Design. Marion Setton www.cookiesetton.com. F. CS Live G. Tag selector H. Property inspector I. Files panel. A. Application bar B. Document toolbar C. Document window D. Workspace switcher E. Panel groups.
A. Application barB. Document toolbarC. Document windowD. Workspace switcherE. Panel groups
Workspace elements overviewThe workspace includes the following elements.Note: Dreamweaver provides many other panels, inspectors, and windows. To open the panels, inspectors, and windows, use the Window menu
Status bar overview The Status bar at the bottom of the Document window provides additional information about the document you are creating.
Tag selector Shows the hierarchy of tags surrounding the current selection. Click any tag in the hierarchy to select that tag and all its contents. Click<body> to select the entire body of the document. To set the class or ID attributes for a tag in the tag selector, right-click (Windows) or Control-click (Macintosh) the tag and select a class or ID from the context menu.
Select tool Enables and disables the Hand tool.
Hand tool Lets you click the document and drag it in the Document window.
Zoom tool and Set Magnification pop-up menu Let you set a magnification level for your document.
Window size pop-up menu (Not available in Code view.) Lets you resize the Document window to predetermined or custom dimensions.
Document size and download time Shows the estimated document size and estimated download time for the page, including all dependent files such as images and other media files.
Encoding indicator Shows the text encoding for the current document.
For this class, save on your flash drive or save under My Documents and make sure to email document to yourself before the class ends.
Create a table
Insert a graphic Banner
Insert the title name before the paragraph: Our Family font size 16, Bold, dark red, then press enter. If asked for CSS name – type .style 1 and save it as it to the entire site.