Cascading Style Sheets in Dreamweaver CS4

Overview/Description
Cascading Style Sheets, commonly referred to as CSS, are a set of formatting conventions allowing you to standardize and enhance the appearance of a web site. By implementing CSS you can fully separate your web site's presentation from its content, and give the site a consistent feel. Dreamweaver CS4 provides increased CSS support, with the introduction of separate tabs on the Property inspector dividing general properties from CSS. This course explores this new interface feature along with other CSS features including a set of prebuilt CSS layouts complete with educational inline comments, access to the Adobe CSS Advisor web site, and CSS management features that facilitate moving CSS rules from page to page and converting inline CSS to CSS rules. This course examines the process of creating, editing, and applying the various types of cascading style sheets and style rules. CSS visual layout tools and advanced CSS techniques are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
n/a

Expected Duration (hours)
2.5

Lesson Objectives

Cascading Style Sheets in Dreamweaver CS4

identify the features and functions of Cascading Style Sheets

set CSS style preferences

recognize the features of the CSS Styles panel

create and attach an external style sheet

recognize the functions of various style selectors

create a style rule

edit a style rule

edit a style sheet

export a style sheet

create, attach, and edit an external style sheet in a given scenario

create a new page with a CSS layout

customize a CSS layout

recognize the CSS positioning properties

use AP Divs to position elements in Dreamweaver

use class styles

create advanced style rules

identify when you would apply advanced style rules

apply advanced CSS techniques to a web page