Workspace orientation

the editor interface looks like in the image below:

 

It consists of four areas:

  1. Toolbar - it's the area on the very top of the editor interface. It presents buttons and drop-down menus that are grouped in five categories:

  2. Editable region - it's the central area of the interface, where the content of the page can be edited.

  3. Tag selector - it's the area in the lower part of the editor interface that displays the hierarchy of tags around the current selection (or cursor position). By clicking any of the tags displayed, the tag and its contents are selected. You can also remove the current tag.
    For example, if a table cell is selected in the editable region, the Tag selector could look like:


     

  4. Property panel - it's the area on the very bottom of the editor interface. It puts together properties for certain page elements (image, table, link, horizontal rule, button, textarea etc.). When one of these elements is selected (or clicked on) in the editable region, its corresponding property panel will be displayed allowing you to set the element's properties.
    There is a total of twenty-four property panels, eleven of these corresponding to form elements (second column below):
     

    Cell Properties

    Form Properties

    Row Properties

    Text Field Properties

    Table Properties

    Hidden Field Properties

    Image Properties

    Textarea Properties

    Link Properties

    Checkbox Properties

    Anchor Properties

    Radio Button Properties

    Numbered List Properties

    List/Menu Properties

    Bulleted List Properties

    File Field Properties

    List Item Properties

    Button Properties

    Horizontal Rule Properties

    Label Properties

    Flash Properties

    Fieldset Properties

    Windows Media Properties

     

    QuickTime Properties