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