Post on 03-Jan-2016
Dreamweaver 3
Dreamweaver is a professional visual editor for creating and managing web sites and pages.
Dreamweaver System Requirements Intel Pentium processor or equivalent, 120 MHz
or faster running Windows 95 or above 32 MB of RAM plus 20 MB of available disk space A color monitor with 800 x 600 resolution CD ROM drive
Create a Site
To create a local site: Choose SITE > NEW SITE
In site name field enter a name for the site
In the local root folder field, specify the folder on your local disk click the folder icon to browse to and select
the folder
In the HTTP address field, enter the URL that your completed web-site will use click OK under the cache option
Create a Page
Choose FILE > SAVE In the SAVE AS dialog box, select the
site you wish to save to. In the FILE NAME field, select the folder
to save in Click SAVE
Change a Page Title
Choose MODIFY > PAGE PROPERTIESEnter the title for the page in the
TITLE boxclick OK
Creating Layers
To insert a layer place the insertion point in the
Document Window where you want to position the layer
Choose INSERT > LAYER If layer markers aren’t visible, choose
VIEW > IVISABLE ELEMENTS
Creating A Frameset
Choose MODIFY > FRAMESET >SPLIT FRAME LEFT OR RIGHT OR UP OR DOWN
TO DELETE A FRAMESET Drag the frame border all the way of
the page
Creating a Nested Frame
Place the insertion point in the frame where you want to insert a nested frame
Choose MODIFY > FRAMESET > SPLIT FRAME you must save a frameset file and all
associated files before you can preview the page in a browser.
Specifying frame sizes
Click frame border to select the frameset.
When the cursor turns into a vertical arrow, then left click and move the frame.
Setting Frame Borders
Select the frame by clicking the frame in the Frame Inspector
Set the following options in the property inspector borders controls the border of the
current frames border color sets a border as a color
Page Color
Choose MODIFY > PAGE PROPERTIESSet a background image and/or page
color: click the BROWSE button to select the
image to choose a color, use the eyedropper to
select a color from the swatch palette
Adding Text
Type directly into the document window
Copy text from another application, using EDIT > PASTE
To Insert Table, Images, or Objects
Choose WINDOW > OBJECT find the type of object you want and click
and drag to where you want it You can do this for tables and images also
Creating Lists
Place the insertion point where you want to add a list of new items
Choose TEXT > LIST and select the type of list desired
To complete the list, press ENTER twice
To Change Font
Select the textChoose a font combination from the
property inspector
To undo changes Choose EDIT > UNDO
Editable Regions
Editable regions are the part of the template that change.
Non-editable regions are areas that remain constant, such as letterhead or logo
Create a Template
To create a new, blank template Choose WINDOWS > TEMPLATES Click the contest menu button, then
select NEW TEMPLATEa new untitled template is added
While template is still selected, enter a name for the template
Defining a Template’s Editable Regions
In the template select the text or content you want to make editable choose MODIFY > TEMPLATES > MARK
SELECTION AS EDITABLE In the NEW EDITABLE REGION template
box, enter a name for the region.
Linking to a document
Select text or an image in the Document Window Open the Property Inspector (WINDOW > PROPERTIES)
Click the folder icon to the right of the Link field to browse to select a file
The path to the linked document appears in the URL field.
Use the Relative To pop-up menu in the Select HTML File dialog box
To Link the document to your site, Enter a document-relative or root-relative path.
To Link a document outside your site Enter an absolute path including the protocol (http://)
Select a location where your document will open
Linking to an Anchor
In the document window, place the insertion point where you want the named anchor.
Choose INSERT > NAMED ANCHORIn the Insert Named Anchor dialog
box, type a name for the anchor
Putting the page on the web
Go to SITE > DEFINE SITE click on the site to put on the web press edit
Under CATEGORY highlight Web Server Info Highlight FTP under SERVER ACCESS
FTP HOST is barney.gonzaga.edu HOST DIRECTORY is /home/ug/s/asalmans/public_html Enter login and pass word and press ok.
Click DONE Press REFRESH Then your remote site should come up and show
you all the remote files.
Our personal opinions
Dreamweaver is beneficial to the experienced web page designer it is user friendly because it is equipped
with a graphical user interface it is quick to compile an entire uniform
siteeasy to insert graphics and background
colors