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 that have animations !raphics and comple" scriptin!. #ou can create web sites lin$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 with e"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!. E tension 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.com that helps you to inte!rate technolo!ies li$e *hoppin! carts Dynamic HTML menus .avascripts and more. Dreamweaver Interface

!"#DT#$ Target the keywor and all you effort will be in v

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 the other 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 menu insert 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

Wor$in! with +ommon Elements in Dreamweaver MX

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 a website 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 shown in 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.

(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! your pa!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 *elect the *ite menu /. from the Menu bar a sub menu drops down. *elect %ew *ite option from the drop down. Results/Comments

1. The site definition dialo! bo" opens. 6ive a name to the site in the te"tbo" field and (ress the %e"t 0utton.

Steps Results/Comments /5. )fter these two are done. %avi!ate to the remote view and you will see the file uploaded on the server.

/7. (erform the same steps to upload all your files. 0y repeatin! these steps you will be able to publish your files.