In this lecture, our instructor Candyce Mairs provides an overview of the Dreamweaver CC CSS Designer Panel. Described as four panels in one, the CSS Designer Panel contains many options for creating CSS page specifications.
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.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.