Introduction to Dreamweaver MX

8/13/2019 Introduction to Dreamweaver MX

1/11

Introduction to Dreamweaver MX

In this section, you will learn what is Macromedia Dreamweaver MX and

what are the advantages of Dreamweaver MX.

Dreamweaver MX is the most dynamic HTML editor available off the shelf.

With the help of this HTML Editor you can create powerful web sites thathave animations !raphics and comple" scriptin!. #ou can create web siteslin$ed with databases and more. Dreamweaver !ives you the power of addin!

components such as flash animated buttons Mouse rollover scripts

%avi!ation bar with menu&s and so on.

The MX technolo!y is the new state of the art technolo!y devised by

Macromedia that inte!rates client tool and server technolo!ies to!ether in

order to !ive your website an e"tra ed!e over others.

The advanta!es of Dreamweaver are'

Easy to use menus:The Dreamweaver interface provides you withe"tensive menu driven options with the help of which you can create

powerful yet comple" websites easily and with in no time.

Supported Technologies:Dreamweaver enables you to use

technolo!ies such as (H( )*( +,ML and more so that you save

time and effort spent in creatin! comple" codes for pro!rammin!.

Etension Manager:Dreamweaver provides you with an e"tension

mana!er with the help of which you can download code snippets and

various behaviors from the macromedia website

http'--www.macromedia.comthat helps you to inte!rate technolo!ies

li$e *hoppin! carts Dynamic HTML menus avascripts and more.Dreamweaver Interface

!"#

Tar

and

wil
http://www.macromedia.com/http://our.affiliatetracking.net/wordtracker/af.cgi?aid=1444http://www.macromedia.com/http://our.affiliatetracking.net/wordtracker/af.cgi?aid=1444


2/11

In this section you will learn a'out the interface of Dreamweaver. (ou will also

learn a'out the various panels and properties of Dreamweaver.

The Macromedia Dreamweaver MX has two wor$ layouts' one is all in one layout theother is floatin! layout where you can collapse the panels that are by default open

when you install the software. )fter openin! the ,lash application numerous panels

and windows will open. The Dreamweaver user interface consists of main menuinsert menu document menu and wor$ area alon! with all the properties inspector

panels and windows you view on openin! the application. The followin! components

ma$e up the user interface in ,lash'

/. 0ars

a. Main Menu 0ar

b. Insert 0ar

c. Document 0ar

1. (anels

a. Desi!n

b. )pplication

c. ,iles

d. )nswers

2. (roperties Inspector

The fi!ure below shows the Dreamweaver Interface.

Menu )ars


3/11

Wor$in! with +ommon Elements in Dreamweaver MX
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOP


4/11

In this section you will learn how to create a simple we' page using the interface

provided 'y the Macromedia Dreamweaver MX.

"pen a *ew Document

In the above sections you have learnt about the Dreamweaver and its purpose. #ou

have also learnt the Interface of Dreamweaver. %ow you will learn how to ma$e awebsite by usin! the above discussed sections.

#ou will start with how to open a new pa!e in Dreamweaver MX.

To open a %ew (a!e perform the followin! steps'

/. +lic$ ,ile menu on the menu bar a sub menu drops down.

1. +hoose %ew from the sub menu a %ew Document window opens as shown in the

fi!ure below.

2. In the +ate!ory choose 0asic (a!e and in the 0asic (a!e choose HTML as shownin the fi!ure below.

3. #ou can see the (review and Description of the file in the %ew Document

window.

4. (ress +reate 0utton to create a new document.

5. ) %ew Document opens on the screen.
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/working-with-common-elements.shtml#TOP%23TOP


5/11

(ublishin! the site usin! define sites

In this section you will learn how to pu'lish a we'site.

Website is a document that has hyperlin$s that is shared to everybody who is accessin! yourpa!e on the Internet. When you create a pa!e or a website you want the people to see it for

that you need to publish the website.

Tas+ $-: u'lishing the !e'site

In this e"ercise you will learn how to (ublish a website.

Steps Results/Comments

/.

*elect the *ite menu

from the Menu bar a

sub menu dropsdown. *elect %ew

*ite option from the

drop down.

1. The site definition

dialo! bo" opens.

6ive a name to thesite in the te"tbo"

field and (ress the

%e"t 0utton.


6/11
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOPhttp://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/working-with-common-elements.shtml#TOP%23TOP


7/11
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOPhttp://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/working-with-common-elements.shtml#TOP%23TOPftp://ftp.mysite.com/


8/11
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOP


9/11
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOPhttp://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOPhttp://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/working-with-common-elements.shtml#TOP%23TOP


10/11
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOPhttp://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/working-with-common-elements.shtml#TOP%23TOP


11/11

Steps Results/Comments

/5.)fter these two are

done. %avi!ate to theremote view and you

will see the fileuploaded on the

server.

/7. (erform the same steps to upload all your files. 0y repeatin! these steps you will be ableto publish your files.
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/working-with-common-elements.shtml#TOP%23TOP

Introduction to Dreamweaver MX

Documents

Transcript of Introduction to Dreamweaver MX