Need to click around some as many vids are for sale and other are free to watch online. Also, let them load or there are skips and freezes.

Come back to top link for .PHP vids.

First three at above URL:

  1. Introduction to CSS by Stefan Mischook (12:54)
    • He too talks about moving things around the page but I have yet to see an example of this.
    • CSS replaces tables for page layout.
    • (5:30) He uses Dreamweaver CS3 and has rulers around top and left side.
    • He does all his work from code window and then looks at results in design.
  2. Comment on CSS for Page Layout (7:00)
    • Two column layout.
    • Shows a site "The CSS Tutorial where lists several other vids.
    • Suggests webshapes.org for free web site templates. Has word press, drupal, and .css menus also. Another one here http://www.freewebtemplates.com/ - this is the one I tried first.
    • Also suggest visiting forums on Killersites.com (link above).
  3. Firefox add-on : Colorzilla (3:45)
    • Color picker tool for Firefox which uses eyedropper and gives several options for copying colors.

Dreamweaver CS4 Sample Video Tutorials

  1. Dreamweaver CS4 - New Features (7:30)
    • Code Navigator, can ALT-Click rather than waiting for icon.
    • Split Code
    • Related files bar shows all linked files.
    • PHP includes which puts one page inside another page. Look into this for IDX.
    • Properties bar with both CSS and HTML.
  2. Dreamweaver CS4 Video Tutorials - A First Look
    • He uses App Developer Plus view and was able to collapse menus differently than I. Noticed he had a .PHP tab in his insert bar up top.
    • F4 to minimize everything.
  3. Dreamweaver CS4 Video Tutorials - Synchronization
    • Handy when multiple people work on same site.
  4. Dreamweaver CS4 Video Tutorials - Building a web page (13:00)
    • Create new folder with images and css folder inside.
    • Site | New | Advanced | enter data as I have already done
    • Multiple ways to create a new HTML file
    • F12 or CTRL-F12 to preview in browser.
    • New | Blank Page | HTML | Fixed, elastic, liquid diffs?
    • (8:45) He used two column hybrid, right sidebar, header.
    • Said should create new pages in Doc Type HTML 4.01 strict but did not say why. XHTML 1.0 transnational is the default. Further reading here:
  5. Dreamweaver CS4 Video Tutorials - Properties Panel and CSS
    • .CSS is new in Properties window
    • created a new Inline Style | Class | .title-thinger
      • ? Diff between Inline Style and CSS rule? : Inline style means adding style code within the body with <span>. .CSS rule is in the head or separate .css page.

Dreamweaver CS3 Sample Video Tutorials

  1. Downloading and Installing Dreamweaver CS3 - (11:00)
    • Says its normal not to use all functions, Adobe going out of way to make a product usable to many different types of users. Competing environments and users typically focus on one.
    • File | New | HTML | Blank ( did not have templates like CS4) | Save (index.html)
  2. Setting up a web site in Dreamweaver CS3 - Part 1 - (5:19)
    • Create folder(s) for the files you are about to create.
  3. Setting up a web site in Dreamweaver CS3 - Part 2 (7:20)
    • Define a site (default folders)
    • Check "case sensitive link checking" for GoDaddy
  4. Dreamweaver CS3's User Interface - Part 1 (6:00)
    • Menus, Windows, many ways to do anything, etc.
    • Created page: File | New | Blank Page | HTML template | .CSS in head | XHTML transnational | 1 column elastic, centered | played with the fonts a some (a little different in CS3 and did not save file)
  5. Dreamweaver CS3's User Interface - Part 2 (6:40)
    • Edit | Preferences | not much detail
    • Moving panels around again, add and remove through Window menu.
  6. Dreamweaver's CS3's Assets Panel (6:50)
    • Contains assets I have used, this would have come in handy looking for menu .js file.
    • Shockwave no longer used.
    • Draged and dropped images and links over images and text. Links only http://
  7. Build your First Web Page with Dreamweaver - Part 1 (8:00)
    • Basic...
  8. Build your First Web Page with Dreamweaver - Part 2
    • Basic...
  9. Build your First Web Page with Dreamweaver - Part 3
    • Basic...
  10. Three ways to Edit Pages in Dreamweaver CS3
    • Basic : Code | Split | Design
  11. Other vids if you buy
    • # Dreamweaver and images - parts 1-5
      # Dreamweaver and CSS - parts 1-7
      # Dreamweaver and CSS Layouts - parts 1-5
      # Dreamweaver File Management
      # Dreamweaver and Transparent Images
      # Dreamweaver and Page Structures
      # Building Forms with Dreamweaver - parts 1-2
      # Dreamweaver Templates
      # Building a Web site with Dreamweaver
      # Dreamweaver Behaviors - (You Tube search for this brought up a ton!)

Author also offers this site which is mostly .CSS text tutorials and links.