Dreamweaver Web page Production Tutorial: Common toolbar

Source: Internet
Author: User
Tags contains html tags insert dreamweaver
dreamweaver| Tutorials | Web page the Insert Bar

The Insert column contains buttons for creating and inserting objects, such as tables, layers, and images. When the mouse pointer scrolls over a button, a tooltip appears containing the name of the button.

Some categories have buttons with pop-up menus. When you select an option from the pop-up menu, this option becomes the default action for the button. For example, if you select Image placeholder from the image button's pop-up menu, the next time you click the image button, Dreamweaver inserts an image placeholder. Each time a new option is selected from the pop-up menu, the default action for that button will change.

The Insert column is organized in the following categories:

The common category allows you to create and insert the most commonly used objects, such as images and tables.

The layout category allows you to insert tables, div labels, layers, and frames. You can also choose from three table views: standard (default), extended table, and layout. When you select layout mode, you can use the Dreamweaver Layout tool: Draw layout cells and draw layout tables.

The Forms category contains buttons for creating forms and inserting form elements.

The text category allows you to insert various text formatting labels and list formatting labels.

The HTML category allows you to insert HTML tags for horizontal lines, header content, tables, frames, and scripts.

The server code category applies only to pages that use a specific server language, and each of these categories provides server code objects that you can insert into code view.

The Applications category allows you to insert dynamic elements, such as recordsets, repeating regions, and records to insert and update forms.

The Flash element category allows you to insert a flash element.

The Favorites category allows you to group and organize the most commonly used buttons in the insert bar into a common location.

Document Toolbar

The document toolbar contains buttons that allow you to quickly switch between different views of the document: Code view, Design view, and split view with code and design views.

The toolbar also contains common commands and options for viewing documents, transferring documents between local and remote sites.

The following options are described:

Show Code View displays code view only in the document window.

Show Code View and Design view displays code view in part of the document window, and Design view in another section. When you select this combination view, the view Design view at top option on the View Options menu becomes available. Use this option to specify which view is displayed at the top of the document window.

Show Design view displays Design view only in the document window.

The title allows you to enter a title for the document, which appears in the browser's title bar. If the document already has a title, the title appears in the area.

no browser/Check error allows you to check cross-browser compatibility.

File Management displays the file Management pop-up menu.

Preview/debug in a browser preview or debug a document in a browser. Select a browser from the pop-up menu.

Refresh Design View Refreshes the document's Design view when you make changes in code view.

The view options allow you to set options for code view and Design view.

Status bar

The status bar provides additional information about the document you are creating.

The label Selector displays a hierarchy of labels that wraps around the current selection. Click any label in the hierarchy to select the label and all its contents. For example, click <body> to select the entire body of the document.

The window size pop-up menu (visible in Design view only) is used to resize the document window to a predefined or custom size.

To the right of the window size pop-up menu is the document size of the page and the estimated download time.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.