JAOIT 8

 Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you get software

 When you open Macromedia Dreamweaver 8, this is the opening window.  To create a website, we would choose “Create New HTML” since we are making a webpage.

 Dreamweaver 8 is a easy to use software that allows you to create professional web pages.  The design edition features of Dreamweaver 8 allow you to quickly add objects and functionality to your pages, without having to program the HTML code manually.

 It's possible to create tables, edit frames, work with layers, insert JavaScript behaviors, etc., in a very simple and visual way.

 In addition, it includes a complete FTP client software, allowing among other things to work with visual maps of the Web sites, and updating the Web site in the server without leaving the program.

Creating web pages with an editor HTML / Web Design

 Title bar  The title bar contains the name of the program (Macromedia 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 immediately, 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 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%).

Category Hyperlink Link Named Anchor / Bookmark Table Images Menu Media Menu Date Comments Templates Tags

 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.

 The insert toolbar or panel of objects.  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.

Font Font SizeFont Color Bullets Alignment Hyperlink CSS Style Properties change depending what you are clicked on

 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.

 The Properties inspector  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.