Introduction to Dreamweaver MX
-
Upload
abidansariali -
Category
Documents
-
view
218 -
download
0
Transcript of 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 -
8/13/2019 Introduction to Dreamweaver MX
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
-
8/13/2019 Introduction to Dreamweaver MX
3/11
Wor$in! with +ommon Elements in Dreamweaver MX
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOP -
8/13/2019 Introduction to Dreamweaver MX
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 -
8/13/2019 Introduction to Dreamweaver MX
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.
-
8/13/2019 Introduction to Dreamweaver MX
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 -
8/13/2019 Introduction to Dreamweaver MX
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/13/2019 Introduction to Dreamweaver MX
8/11
http://www.siteownersdesign.com/design-tutorials/dreamweaver-mx-tutorial/dreamweaver-interface.shtml#TOP%23TOP -
8/13/2019 Introduction to Dreamweaver MX
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 -
8/13/2019 Introduction to Dreamweaver MX
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 -
8/13/2019 Introduction to Dreamweaver MX
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