Sign In | Subscribe

Enter your Sign on user name and password.

Forgot password?
  • Follow us on:
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Dreamweaver Style Tools

  • Dreamweaver offers tools to assist you when working with CSS
  • Those tools are the Code Navigator and Live View with Inspect
  • Working with the Code Navigator
  • Show the code navigator for the h1 and h2 in the index file
  • Show the code navigator for the specials on the page
  • Notice how it lists the CSS rules that apply to what you have selected in the document window
  • Working in Live View with Inspect and Live View
    • Live View with Inspect allows you to visually see which CSS applies to the content you have selected
    • This view offers a visual way to view the box model within CSS

Dreamweaver Style Tools

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Code Navigator 0:25
    • Properties and Values
  • Inspect in Live View 3:20
    • Inspect
    • Properties
    • Tag Selector Area
  • Importance of Inspect and Code Navigator 5:20