what we want

A Road MapTo...

Web Page Layou and, the Web Page Content

• Banner
  • Title
  • Logo
  • Slug line
  • Motto
  • Background
  • graphic/image
• Main Navigation/Menus
  • Horizontal
  • Vertical
• Main Content
  • Left column
  • Main Navigation, more navigation
  • Right column
    • Comments,
    • navigation
• Content
  • Inserting
    • Headings
    • Text
    • Graphics
    • backgrounds,
    • borders
    • Media
    • Photos,
    • video,
    • illustrations,
    • sound
    • Rollovers,
    • Popups,
      • other effects
    • Links
      • local, external,
      • bookmarks
• Forms
  • Simple
  • Join
  • Use SQL database
• Footer
  • Search
  • Privacy
  • Site Map

Web Site Content

• Home (index.html) --->includes
• Products
• Contact info
  • (Forms)
• About (company, you)
  • Gallery
  • Photos,
  • Video,
  • Audio
• Resume
• Blog
• Forum
• News Feed
• Shopping Cart
  • Database
• ???

How to get there...

Travel Guide

Using Dreamweaver

• HTML is the web page content
  • INSERTING HTML Page Components
    • Panel INSERT > Common, etc...
    • Insert Tag Dialogue
      • Menu Insert > Tag
    • Control E, Command E
    • Popup Menu
    • Right Mouse Button (pc)
    • Mouse Button+ Control Key (mac)
    • Tag Inspector
    • Properties Panel
      • <>HTML

 

• CSS  is the web pages style
  • CSS STYLES Palette
    • Menu
      • Modify > CSS
      • Properties Panel
        • CSS

Layout Tools

• Templates
• Menu
  • View > Visual Aids...
    • The Box Model
      • Box Attributes (lesson 4)
      • Position

Finding help!

• Menu Window > Results > Reference
• F7 key Gives you access to Search, ALL the O’Reilly References,
  • Validation,
  • Browser Compatibility,
  • Link Checker,
  • Site Reports,
  • FTP log and
  • HTML/CSS references
    • Use the references to insert code...
• HTML (Shift F1)
  • (iframe example)
  • CSS
• Other help
  • Code Burner
    • A Firefox Addon Tool
    • Soon a Dreamweaver widget
    • On Mac Desktop Dashboard

Other tools

• Snippets
  • Client side Java Scripts
• repeated entries like
  • menus,
  • tables,
  • other content...
• Behaviours
  • (JavaScripts - Client side)
• Spry’s
  • server side and client side (Ajax scripts)

Forms (Collecting Data)

• Need to Set up
  • Apache,
  • PHP
  • Mysql (on your computer)

More tools

• Extensions & Widgets
  • Available at Adobe or
  • on-line
  • Install with the Extension manager

The help menu

Experiment

Ask the question