Scribd Logo
Upload

Welcome to Scribd!

  • The Tool Bars: Title Bar

    Uploaded by

    Lenard Cordial
    15 views6 pages
    The document describes the various toolbars, panels, and views available in Dreamweaver for designing and editing web pages. The title bar contains the application and file names. The menu bar contains operation drop-down menus. The standard toolbar contains common commands like open and save. The document toolbar contains view changing commands. The status bar displays HTML tags and view options. Panels and inspectors provide properties and elements for insertion. Views include design for visual editing, code for source editing, and split for both simultaneously.

    Original Description:

    dsa

    Original Title

    114

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes the various toolbars, panels, and views available in Dreamweaver for designing and editing web pages. The title bar contains the application and file names. The menu bar contains operation drop-down menus. The standard toolbar contains common commands like open and save. The document toolbar contains view changing commands. The status bar displays HTML tags and view options. Panels and inspectors provide properties and elements for insertion. Views include design for visual editing, code for source editing, and split for both simultaneously.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    15 views6 pages

    The Tool Bars: Title Bar

    Uploaded by

    Lenard Cordial
    The document describes the various toolbars, panels, and views available in Dreamweaver for designing and editing web pages. The title bar contains the application and file names. The menu bar contains operation drop-down menus. The standard toolbar contains common commands like open and save. The document toolbar contains view changing commands. The status bar displays HTML tags and view options. Panels and inspectors provide properties and elements for insertion. Views include design for visual editing, code for source editing, and split for both simultaneously.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 6

    The tool bars

    Title bar

    The title bar contains the name of the program (Marcromedia Dreamweaver 8) and the name of
    the document we are working with, between parenthesis you can see the name of the file format this
    file is codified. At the end on the right are the buttons to minimize, maximize/restore and close the
    program.

    Menu bar

    The menu bar contains Dreamweaver operations, grouped in drop down menus. When we click
    on Insert, for example, we'll see the operations related to the different elements that can be inserted
    in Dreamweaver.

    Many of the operations can be done from these menus, but sometimes it's preferable (or
    compulsory) to do them from the panels.

    The Standard ToolBar

    The standard toolbar contains icons to execute some of the most habitual operations

    immediatelly, like Open , Save , etc.

    The document toolbar


    The document toolbar contains icons to execute some other habitual operations that the standard
    toolbar doesn't include. These operations are for example changing the view of the document,
    preview, etc.

    The status bar

    The status bar shows us in every moment the HTML tag we are in (in the image, as we
    are in a blank document, we are directly on the<body> tag). We also can switch between
    the selection, drag and zoom modes using the three buttons on the right. You can select the
    zoom which you want to view the Design View selecting a percentage or just typing it on
    the percentage textbox (the default is 100%).

    Panels and Inspectors

    Dreamweaver uses floating windows similar to the toolbar ones, these are known
    as panels or inspectors. The difference between panel and inspector is that, in general, the
    appearance and options of an inspector changes depending on the selected object.

    Through the Window option on the menu bar, it's possible to show or to hide each one of the
    panels or inspectors. We're going to look at the most important ones.

    The Properties inspector


    The Properties inspector shows and allows us to modify the more frequent properties that are
    used in the selected elements. For example, when we select element a text it will show the type of
    font, the alignment, whether it's in italic or bold, etc.

    Clicking on the button you can unfold more options. This button is in the bottom-right corner.

    It will surely be the tool that you are going to use most in Dreamweaver.

    The insert toolbar or panel of objects.

    The insert toolbar or panel of objects allows you to insert elements in a document without
    having to use the menu. The elements are classified according to their category: tables, text, forms,
    etc.

    It's possible to configure this panel so that the icons of the objects are shown as buttons (in the
    previous image), as names, or both simultaneously.
    Document views

    You can change the view of the document through the document toolbar.

    Design View

    The Design view allows you to work with the visual editor. It's the default view of Dreamweaver and
    the one that is used most of the time.
    The code View

    The Code view is used to be able to work totally in code programming mode. It doesn't allow you
    to directly have a visual reference of how the document is being shown according to the way the
    code is modified.

    The Split view

    The Split view allows you to divide the window in two zones. The top area shows the source code,
    and the bottom, the visual editor. When a change is made in one of the zones, this change is applied
    directly on the other.

    You might also like