Dreamweaver by aM68BX

VIEWS: 29 PAGES: 25

									Dreamweaver



 By Abbey Salmans
 and 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
    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 PROPERTIES
Enter the title for the page in the TITLE
 box
click 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 PROPERTIES
Set 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
          Aligning Text

Select the text you want to align
  choose TEXT > ALIGNMENT
         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 text
Choose 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 TEMPLATE
    a 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 ANCHOR
In the Insert Named Anchor dialog box,
 type a name for the anchor
        Linking to E-mail

Choose INSERT > E-MAIL LINK
In 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 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 site
    easy to insert graphics and background colors
… continued

However, we do not recommend
 Dreamweaver to the inexperienced web
 designer
  because the designer will not be familiar with
   the physical structure.

								
To top