Web Development: Web Development with Cascading Style Sheets
 

Code:

 ZD77-930

Series:

 Computer Professional

Duration:

 1 day
Overview of style sheets
Introduction to style sheets
Designing with style sheets (concepts include separating form and structure, controlling page layout, bandwidth-friendliness, limitations of, design guidelines, easy to maintain large sites, current support, advantages and disadvantages, style sheet types, developing for an intranet vs the Internet.)
CSS syntax

Creating rules
Setting up rules
Using class selectors
DIV and SPAN
Linking to an external style sheet

Styling with text and font properties
Typography
Fonts

Colors and backgrounds
Color names
Backgrounds		 Box Properties (or Layout Properties)
Margins and padding
Floating elements
Borders
Styling Lists

The Cascade
Conflicting rules

Positioning (CSS-P)
Absolute positioning
Relative positioning
Clip and overflow
Stacking objects with z-index

Design and usage tips
Degrading gracefully
Pseudo-classes
Contextual selectors

Preparing for the next iteration of browsers
CSS level two (CSS-2) (link to sites)
Browser support
XML and XSL

Web Design with Cascading Style Sheets


Course specifications
Course length: 1 day

Course description

Overview:
Students will learn how to effectively design web site using cascading style sheets.

Prerequisites:
HTML programming Level One, or equivalent knowledge.

Delivery method:
Instructor-led, group-paced, classroom-delivery learning model with structured hands-on activities.

Benefits:
Students will learn how to effectively design web site using cascading style sheets.

Target student:
Students enrolling in this course should understand basic HTML programming and know how to use the latest versions of Netscape Navigator and Microsoft Internet Explorer.


Web Design with Cascading Style Sheets

Performance-based objectives
Lesson objectives help students become comfortable with the course, and also provide a means to evaluate learning. Upon successful completion of this course, students will be able to:

  • Apply various style sheet types to design Web pages
  • Use selector classes
  • Use DIV and SPAN tags with style sheet rules
  • Design Web pages that degrade gracefully
  • Position elements on a page
  • Apply block properties
  • Apply font properties
  • Apply text properties
  • Use pseudo-classes and pseudo-elements
  • Apply contextual selectors
  • Use cascading styles to design a page
  • import fonts into a page
  • Use javascript to identify a user's browser
  • Link a user to a specific external style sheet