Introducing: Dreamweaver!

1
IntroducingDreamweaver!
2
Today Well Learn

• Organizing Folders
• Opening Dreamweaver
• Titles and Saving
• Tables
• Text
• Images
• Links
• Email Links

3
Organizing Folders

• You will have a name to log on under
• Create a MASTER FOLDER
• jennifersilva
• Create an IMAGES FOLDER
• images
• Create a PAGES FOLDER
• pages
• Create a WORK FOLDER
• work

4
Organizing Folders

• Why is it important to save in LOWERCASE with NO
  SPACES?
• Good
• jennifersilva gtgt pages gtgt pageone.html
• http//plaza.ufl.edu/jennifersilva/pages/pageone.h
  tml
• Bad
• Jennifers Cool Page gtgt Pages gtgt stuff about
  penguins.html
• http//plaza.ufl.edu/Jennifers Cool
  Page/Pages/stuff about penguins.html

5
Opening Dreamweaver

• FINDER gtgt APPLICATIONS gtgt MACROMEDIA STUDIO MX gtgt
  MACROMEDIAWEAVER MX gtgt DREAMWEAVER MX
• Close every window EXCEPT the Properties toolbar
• Basic HTML page
• MODIFY gtgt PAGE PROPERTIES

6
Titles and Saving

• Change the TITLE to HEADER you will have
• Save your document with a simple term, LOWERCASE
• Title My Home Page (appears at top of WINDOW)
• Header My Home Page
• Saved As home.html
• http//plaza.ufl.edu/jensilva/jennifersilva/home.h
  tml

7
Tables

• INSERT gtgt TABLE
• Rows vs Columns
• Rows across
• Columns down
• Percent
• 100 for the full page
• Borders
• Higher number Thicker border

8
Tables

• Properties Toolbar
• Alignment
• Select the table
• On the Properties Toolbar
• Horiz Changes LEFT, RIGHT, CENTER
• Vert Changes TOP, MIDDLE, BOTTOM
• http//plaza.ufl.edu/jensilva/jennifersilva/pages/
  tables.html

9
Text

• Click inside the table you want to type in
• Paragraphs
• Return large space
• Shift/Return single space
• Properties toolbar
• Size (1, -1)
• Color
• Paragraph Alignment (LEFT, RIGHT, CENTER,
  JUSTIFIED)

10
Text

• Alignment
• Align on in TABLE using Properties toolbar
• Horiz Changes LEFT, RIGHT, CENTER
• Vert Changes TOP, MIDDLE, BOTTOM
• Headers
• Insert a table
• Larger text size, centered
• http//plaza.ufl.edu/jensilva/jennifersilva/pages/
  text.html

11
Images

• INSERT gtgt IMAGE gtgt look in your folder gtgt look in
  your images folder for an image gtgt select gtgt OK
• DO NOT DELETE IMAGES!
• Images are NOT pasted onto your page

12
Images

• Good
• Jennifersilva gtgt images gtgt 1stgrade.jpg
• When I paste this on a page, it will retrieve it
  from the FOLDER, which is on the SERVER
• Everyone can see the server
• Bad
• My Documents gtgt jensilva.jpg
• http//plaza.ufl.edu/jensilva/jennifersilva/pages/
  images.html

13
Links

• Type your text - KEEP IT SHORT
• Good Helpful Links
• Bad Here are some links to help you out
• Highlight the text
• Properties toolbar
• Link
• Type URL here for an outside
• Select the folder icon to insert a page from your
  PAGES folder

14
Email Links

• Highlight the text gtgt INSERT gtgt EMAIL LINK gtgt
  type address gtgt OK
• http//plaza.ufl.edu/jensilva/jennifersilva/pages/
  links.html

15
Congratulations!

• Lets get started
• http//plaza.ufl.edu/jensilva/techrichlesson/pages
  /TUTORIAL.HTM