|
|||||||||
 |
 |
 |
|||||||
|
|||||||||
|
|
||||
| Home > Courses, Tutorials & eBooks > Dreamweaver Tutorial > Dreamweaver Interface | ||||
|
||||
 |
Dreamweaver Tutorial - Dreamweaver Interface |
|||
Page 2 of 2 |
||||
|
Application Panel Group
Figure-1.8 The Application panel contains functions to include dynamic content into your web pages. You can manage data sources and define record sets and also add advanced server behaviors. Tag Inspector
Figure-1.9 All the attributes of your page elements are displayed in the Tag Inspector. You use the tag inspector to edit any attribute of the selected HTML entity by typing into the corresponding attribute’s box. Another way of doing this is by selecting it from a menu which pops up when clicked inside the box. Files Panel Group
Figure-1.10 Files and Assets Panels are part of the Files Panel Group. The File panel is used for managing the website files like downloading and uploading files to and from the web server. This panel can also be used for defining new websites and to switch among various sites. Status Bar The status bar contains addition information about the document. The status bar is located at the bottom of the document window.
Figure-1.11 Tag Selector The tag selector displays the hierarchy of tags surrounding the selection. You can Click any tag in the hierarchy to select that tag and all its contents. Clicking on the <body> selects the entire body of the document. Right-click (Windows) or Control-click (Macintosh), select a class or ID from among the items in the context menu to set the class or id attributes for a tag in the tag selector. Hand Tools The Hand tool is used to drag the document in the document window. Clicking on the Select tool disables the Hand tool. Zoom Tool and Set Magnification pop-up Menu The zoom tool and the Set Magnification pop-up menu let you set a magnification level for your document. It can be used for checking the pixel accuracy of graphics, to select small items more easily, design pages with small text, design large pages, and so on. Window Size pop-up Menu Window size pop-up menu lets you resize the Document window to predetermined or custom dimensions. This menu is only visible in the Design view mode. The status bar displays the Document window’s current dimensions (in pixels). In order to design a page that looks its best at a specific size, you can adjust the Document window to any of the predetermined sizes, edit those predetermined sizes, or create new sizes. Document Size and Estimated Download Time This shows the estimated document size and estimated download time for the page, including all dependent files such as images and other media files. The size is calculated based on the entire contents of the page, including all linked objects, such as images and plug-ins. The download time is estimated based on the connection speed entered in the Status Bar preferences. In addition to the user interface entities shown in the default UI view, there are more toolbars like the Coding Toolbar, The Style Rendering toolbar and tools like Reports in dreamweaver. The Coding Toolbar The Coding toolbar has buttons are used to perform many standard coding operations, like highlighting invalid code, collapsing and expanding code selections, editing comments, indenting code, inserting recently used code snippets etc.
Figure-1.12 The Coding toolbar is visible only in Code view and appears vertically on the left side of the Document window. The Style Rendering Toolbar The Style Rendering toolbar is hidden by default. It contains buttons that lets you preview your design for different media types if you are using media-dependent style sheets. The Style Rendering Toolbar contains a button that lets you enable or disable CSS styles. To display the toolbar, select View > Toolbars > Style Rendering.
Figure-1.13 By default, Dreamweaver shows you how a page is rendered on a computer screen. There are different media type renderings which can be seen by clicking their respective buttons given in the Style Rendering Toolbar. Render Screen Media Type previews the page as it appears on a computer screen. Render Print Media previews the page as it appears on a printed piece of paper. Render Handheld Media previews the page as it appears on a handheld device, such as a mobile phone or a BlackBerry device. Render Projection Media Type previews the page as it appears on a projection device. Render TTY Media Type previews the page as it appears on a teletype machine. Render TV MediaType previews the page as it appears on a television screen. Toggle Displaying of CSS Styles is used for toggling the display of the css styles. Reports in Dreamweaver Reports in dreamweaver can be used to find content, troubleshooting or testing content. There are various types of reports that can be generated. Search can be used to search for tags and attributes or specific text within the tags. Validation is used for checking the code or syntax errors. Target Browser Check is used to test the HTML code in your documents to check if there are any tags or attributes that are unsupported by the target browsers. Link Checker is used to locate and fix broken links. Site reports are used to improve workflow and testing of html attributes in the website. There are workflow reports that contains checked out by, recently modified and designs notes information. FTP logging enables you to view the file transfer log.
|
||||
 |
ExpertRating Dreamweaver Certification - Get Certified Now!! | |||
 |
 |
|||
