Description
Course info
Level
Intermediate
Updated
Jan 28, 2016
Duration
1h 28m
Description

In this series of videos, we will learn how to style our web pages using the CSS Designer and Extract panels within Dreamweaver. We will start by going over the basic workspace set up and interfaces of the CSS Designer and Extract panel. We'll learn how to upload a Photoshop document through the extract panel and also how to go about navigating through each of these sections within Dreamweaver. We'll go over how to style the entire web page, section by section, using only the CSS Designer panel, while extracting style information and assets from PSD comps through the extract panel. We'll finish by styling the footer section of the web page and taking a look at the final CSS code that is generated through the CSS Designer panel. This course goes over the process for creating an external style sheet using the CSS Designer panel and is intended for individuals who already have a basic knowledge of CSS properties and selectors. So throughout this course, we'll be making some really impressive styling changes to our page in a very visual and straightforward way. Software required: Dreamweaver CC 2015.

About the author
About the author

Amy is a web design author at Pluralsight. Her teaching passion comes from the desire to show that you don’t need to hit reset to start a new career doing something you love.

Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi, I'm Amy, with Pluralsight. In this series of videos, we will be talking about how to style your web pages using the CSS Designer and Extract Panels within Dreamweaver. We'll start by going over the basic workspace set-up and interfaces of both the CSS Designer and Extract Panels. We'll talk about how to upload a Photoshop document through the Extract Panel and also how to go about navigating through each of these sections within Dreamweaver. We'll go over how to style the entire webpage, section by section, using only the CSS Designer Panel, while extracting style information and assets from PSE Comps through the Extract Panel. We'll finish by styling the footer section of the webpage and taking a look at the final CSS code that's generated through the CSS Designer. This course goes over the process for creating an external style sheet using the CSS Designer Panel and is intended for individuals who already have a basic knowledge of CSS properties and selectors. If you best get an overview of CSS, I'd recommend the Your First Day With CSS Course, which goes over the basics of writing cascading style sheets in greater detail. So over the next hour or so, we'll be making some really impressive styling changes to our page in a very visual and straightforward way. And you'll see how the CSS Designer provides a more efficient workflow because all of the features are in one place. So let's go ahead and get started by taking a look at the CSS Designer interface.