Dreamweaver MX Basics
(3) Modes of working & Menus

Screen Views in Dreamweaver MX

You can set up the screen to work in 3 ways

Design View - this is used by most people and shows what you are doing on screen in a similar way to that in which it will appear

Code View - this shows the Html tags and scripts that make up the document. You can alter the code here.

Split View - this has code view on top and design view below. In Split View you can see the hypertext markups that make up the page as well as the results. The section of text you are using is highlighted. Any changes inserted in the code are reflected below on the screen and visa versa.


Working Views

Dreamweaver MX has two working views (Switch between them using the Insert Bar - Layout tab)

(a) Layout view

This is used when the page is being laid out using tables, or the layout is being modified.
You can draw out layout cells and tables.

This method allows you to layout cells where you want them and to move them around the page. It is much more flexible than using the table tab for your layout.

You can also insert images and text and do other tasks, but your formatting of the layout cells is more limited than in Standard view.

This is a layout view - a table with 3cells

When tables are selected at their edges for editing a green outline appears
When cells are selected for editing a blue outline appears.


(b) Standard View

Standard view allows you more conrtol over formatting cells and tables. In standard view the tables and cells are shown differently as dotted lines. You can select them by clicking on margins and handles appear around tables and resizing arrows around cells.

In Standard view you can also insert new tables from the Insert Bar and Insert Menu.

You can also insert layers in this mode.

To format use the Property Inspector and the Modify Page properties from the Modify menu.

This is a page with 3 cells in Standard View


The drop down menus

File is for for file work such as opening/saving/importing/exporting files


Edit
is used for cut/copy/paste/find and replace. You set preferences for the whole site you set up in this dialogue box.


View sets up the way you see the site. The three main views outlined above are set up here. You can also turn on features such as the ruler and the grid. Only the main toolbar is set up here. The main icon toolbars are set up in Window.


Insert is similar to the Object Panel. You insert items such as images and media as well as basic building blocks such as tables, frames, layers and some tags.

Modify has all the features to allow you to modify the features of the selected object, whether it be the current page, a table, image or frameset. It also allows you to make links and apply templates and library items.

Text has all the formatting teatures to modify selected text as well as some specialist styling features and a spellchecker.

Commands is used for a variety of specialist features like sorting tables, formatting tables, playing animations and various HTML functions

Site has commands to do with managing the entire site.

Window has a host of commands related to panels and inspectors. These will open as floating panels. Sometimes they are docked together in groups, but can be detatched by dragging them onto the desktop.

Help menu contains an online tutorial and guided tour. The tutorial topics are indexed and can be viewed individually for help. The Reference option is an online index of HTML, CSS and JavaScript commands. The other Help options are to do with online help and registration.


CONTEXT MENUS

If you right click whilst working on a feature a menu appears appropriate to the task you are working on.