Sign In | Subscribe
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

Bookmark and Share

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!

CSS Designer Panel

  • This is a new panel in this version, designed to be much more of a visual interface
  • If you have used Dreamweaver in the past, this new panel will take a bit of getting used to as all previous panels were very text oriented, this one is visual based
  • There are 4 parts to the CSS Designer Panel
  • You will learn the differences between these various areas throughout the course
  • The 4 panels are:
    • Sources-determines where the rules reside
    • @media-allows you to create different rules based on specific conditions
    • Selectors-tells CSS what specific item to target for a rule
    • Properties- assigns properties and values to specific selectors
  • This panel changes when you make this area wider to make it easier for you to see what you are doing
  • We will be looking at this panel throughout the course once you have been introduced to CSS

CSS Designer Panel

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
  • Locating CSS Designer Panel 0:38
    • Open Files and Panels
    • Create New HTML
    • Activate CSS Designer Tab
  • CSS Designer’s “Four Panels-in-One” 1:20
    • Sources, @Media, Selectors and Properties Panels
    • Expanding Panel
    • Listing of Options for Closing Tabs
  • Overview of Source Panel 3:22
    • Sources Panel Option
    • Creating New CSS Page