LOGO For Immediate Assistance Call 855-211-9361

Open Enrollment

Cascading Style Sheets (142)

Price: $700.00

Call for availability 855-211-9361

XHTML and Cascading Style Sheets (CSS) technology gives you more control of page layout and the ability to control the design of multiple pages on your site from a single file. Additionally, CSS allows you to develop more sophisticated layouts, font schemes, and even interactivity for your pages than was possible using just HTML. Our training is virtual live instructor led courses, complete with exercises, colleague collaboration, and one-on-one chat with the instructor.

Course Overview

By the end of the class students will be able to:

  • Transition from writing HTML to XHTML, the current standard for Web pages and the preferred markup for use with CSS
  • Understand how to build complex, but lightweight page layouts that could never be created with just HTML alone
  • Precisely format and position text with the level of control previously found only in desktop publishing software
  • Apply design decisions made for one page to a group of pages, ensuring a consistent look and feel and shortening the time it takes to develop and maintain the site
  • Choose the right doctype and validate XHTML and CSS code
  • Create XHTML or HTML markup that separates content from presentation, through the use of headings, paragraphs, and lists
  • Use div and span tags for layout instead of table-based layouts

Prerequisites

This is a fast-paced class for people who have spent many years working with HTML. We recommend a minimum of 5 years experience writing HTML.

Course Outline

  • HTML: What it Has Been, What It Is, and What It Is Supposed to Be

  • (X)HTML Structure

    • DOCTYPES: what are they?
    • Valid HTML and XHTML DOCTYPES
    • Exercise 1a: Beginning an HTML document
  • XHTML Tags

    • Validation
    • Exercise 1b: Structural XHTML Markup
  • Sectioning HTML Pages: < div > and < span >

    • Exercise 2: Organizing an HTML Page with <div> and <span>
  • CSS: Making HTML Look Presentable

  • CSS Syntax

    • Selector Property - Value
    • Where Do CSS Rules Go?
    • More on Selectors
    • Exercise 3: Beginning a Style Sheet
  • The Cascade: Inheritance and Precedence

    • Precedence
    • Inheritance
    • Where Do CSS Rules Go? Embedded Style Sheets
    • @import
    • @media
    • Exercise 4: Inheritance, Precedence and Multimedia
  • More on Selectors

    • Descendant Nodes
    • Other Descendant Selectors
    • Pseudo-Element Selectors
    • Exercise 5: Using Descendant Selectors and Pseudo-Element Selectors
  • Classes And Ids

    • Classes
    • ID
    • When Should I Use Which Selector?
    • Exercise 6: Using Class and ID Selectors
  • Measurements in CSS

  • Text Properties

    • text-indent
    • text-align
    • text-decoration
    • letter-spacing
    • word-spacing
    • text-transform
    • line-height
  • Font Properties

    • font-family
    • font-style
    • font-variant
    • font-weight
    • font-size
    • font
    • Exercise 7: Formatting Text
  • Colors and Backgrounds

    • Color
    • Background Images
    • Exercise 8: Working With Backgrounds and Colors
  • Design Tips Using Backgrounds and Images

    • Images versus Backgrounds
    • Image Replacement
  • Lists

    • list-style-type
    • list-style-position
    • list-style-image
    • list-style
    • Exercise 9: Working with Lists
  • The CSS Box Model

    • width and height
    • padding, padding-left, padding-right, padding-top, padding-bottom
    • border properties
    • margin, margin-top, margin-right, margin-bottom, margin-left
    • overflow
    • Exercise 10: Using the CSS Box Model
  • Page Layout with CSS: float, position, display

    • float
    • clear
    • Column layouts with float and clear
    • positioning
    • display
    • Exercise 11: Layout with CSS
  • Practical Application: Attractive Tabular Data

    • Caption tag
    • The th tag
    • Border-collapse
    • Additional table techniques
    • Exercise 12: Working With Tables
  • Practical Application: Page Layouts Using CSS

    • Multi-column Layouts
    • Sidebars
    • Common Problems and Solutions
  • Practical Application: Navigation Using CSS

    • Leveraging lists
    • Tabbed Navigation
    • Another way using floats
    • Drop-Down Menus
    • display
  • Practical Application: Working with Forms

    • Exercise 13: Working with Advanced Forms
  • Advanced Topic: Complex Style Sheets and Specificity

  • Case Study

  • Property Reference

  • Color Values and Their Hex Triplet Equivalents

  • Web sites and Resources