Dreamweaver
description
Transcript of Dreamweaver
DreamweaverDreamweaver
By Abbey Salmansand Michelle Smith
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 folderIn 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 TitleChoose MODIFY > PAGE PROPERTIESEnter the title for the page in the
TITLE boxclick OK
Creating LayersTo 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 FramesetChoose 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 FramePlace 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 sizesClick frame border to select the
frameset.When the cursor turns into a vertical
arrow, then left click and move the frame.
Setting Frame BordersSelect the frame by clicking the
frame in the Frame InspectorSet the following options in the
property inspector borders controls the border of the
current frames border color sets a border as a color
Page ColorChoose 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
windowCopy 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
Aligning TextSelect the text you want to align
choose TEXT > ALIGNMENT
Creating ListsPlace the insertion point where you
want to add a list of new itemsChoose TEXT > LIST and select the
type of list desiredTo complete the list, press ENTER
twice
To Change FontSelect the textChoose a font combination from the
property inspector
To undo changes Choose EDIT > UNDO
Editable RegionsEditable regions are the part of the
template that change.
Non-editable regions are areas that remain constant, such as letterhead or logo
Create a TemplateTo 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 AnchorIn 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
Linking to E-mailChoose INSERT > E-MAIL LINKIn the e-mail field, type the e-mail
address
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 opinionsDreamweaver 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
… continuedHowever, we do not recommend
Dreamweaver to the inexperienced web designer because the designer will not be familiar
with the physical structure.