-A +A

 

HTML III: Dreamweaver

Some History

  • Created in 1996
  • Created to please designers and coders
  • "Round Trip" HTML
    • Doesn't add it's own flavor of code - a major problem with most other Web tools

Define A Site

Video

Site Definition: Local
Site Definition: Local
    The Files Window
  • Choose Site menu
  • Local vs. Remote views
  • Connect to Server
  • Refresh View
  • Download (selected items)
  • Upload (selected items)
  • Check Out files
  • Check In files
  • Synchronize
  • Expand to show local and remote files

Creating New Pages

Video

Don't use pre-built layouts or "Page from Sample"!

Why:

  • If it breaks, you will not be able to fix it.
  • It's sort of cheating...
  • I want you to learn how to work with HTML from the ground up.

Adding Images

Video

Things to look out for:

  • If no images show up in the Assets Window, right-click to Recreate Site List
  • Make sure any images you use live in the "images" folder
  • Upload images from your local folder to your site before you preview you site online

Creating Links

Video

Styling Text with the Property Inspector

Video

Using CSS

Video

Publishing Your Site

Video

Bonus Round I: Working with Divs

 
<div style="background-image:url(images/red_circle.png); padding:50px;">
    <div style="background-image:url(images/green_circle.png); padding:50px;">
        <div style="background-image:url(images/blue_circle.png); padding:50px;">
            <h1>Hello World!</h1>
        </div>
   </div>
</div>

Hello World!

 

Bonus Round II: Absolute and Relative Positioning

The best tutorial online

Submitted Web Sites

Some Classifying

Social Networking/Web2

Portfolio/Demo/Strutting Your Stuff

Blogging/Commentary/Review

Software/Hardware/Cool Stuff

Commercial Venture

Product Promotion

Misc.

Dead links (as of Wednesday)