Embed Size (px)
Citation preview
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 editorHTML / 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 ToolbarThe 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 <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%).
Category
Hyperlink
Email 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 Size Font Color
Bullets
Alignment HyperlinkCSS Style
Properties change depending what you are clicked on
The Properties inspectorThe 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 inspectorClicking 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.
