CSS | Web Design | Seminars | Kingston Ontario, Canada

Suggestions & Comments

Testimonials

Collette McBride
Date: Feb 04, 2010

Wil is very receptive to questions and willing to meet needs of group

Details
	Duration 1 Day
	Class Size ~15
	Times 9:00-4:00
	Computer Provided
	Training Manual Included
	Price $235.00 + GST

Register Online!

Course Description

This hands-on CSS course will teach you the latest techniques for designing Web sites using Cascading Style Sheets (CSS).

You will start with a review of CSS essentials, learn to build effective navigation and page layouts, and then move on to work with typography, colors, backgrounds, and white space.

Target Audience

This CSS training class is aimed primarily at web developers who are already familiar with basic client-side Web technologies like HTML and basic JavaScript.

Learning Objectives

Upon successful completion of this CSS Training course students will be able to:

The Basics of CSS.
Work with CSS Selectors.
To Use CSS to Affect Page Layout.
To Set Foreground & Background Properties.
To Control Text using CSS.
To Use Margins & Borders to Create Whitespace & Separation.
To Style Tables.
To Style Pages to Print.

Features

Upcoming Classes

Course Outline

Morning

Getting Started

What is CSS?
Why Use CSS?
Authoring CSS

Understanding CSS

Reviewing XTHML Basics
Understanding CSS Terminology
Adding Rules to a Style Sheet
Adding Selectors
Working with Multiple Declarations
Working with Style Sheets
Embedding a Style Sheet
Importing an External Style Sheet
Importing Multiple Style Sheets
Linking to an External Style Sheet
Managing Style Sheets

Selectors and the Cascade

Understanding Selectors
Using ID Selectors
Using Class Selectors
Using Grouped Selectors
Using Descendant Selectors
Looking for the Sources of Styles
Resolving Style Conflicts with Specificity
Using the !important Declaration
Understanding Inheritance
Revealing Unstyled Documents
Applying User Style Sheets

Using CSS to Affect Page Layout

Introducing the CSS Box Model
Creating Simple Floats
Using Floats for Page Layout
Fixing Column Drop
Clearing Essentials
Containing Floats
Displaying Elements

Setting Foreground and Background Properties

Adding Foreground Colors
Adding Color to Background Elements
Adding Background Images
Repeating Background Images
Positioning Background Images
Using the Background Shorthand Declaration

Afternoon

Setting Typography

Altering Line Height
Using Font Families
Changing Font Styles and Weights
Sizing Fonts
Writing Font Shorthand Declarations
Aligning Text Horizontally
Aligning Text Vertically
Transforming Text
Decorating Text

Using Margins & Borders to Create Whitespace & Separation

Understanding Margins
Adding Borders
Implementing Padding
Using Negative Margins
Collapsing Margins

Styling Tables

Styling Tables and Captions
Styling Table Cells
Styling Column Classes
Styling Links in Table Cells

Styling for Print

Styling for Specific Mediums
Creating a Print Style Sheet
Hiding Elements for Print
Styling for Print
Applying Complex Styling for Print
Creating a Footer

Bringing It All Together

Working with Text Fragments
Setting Global Styles
Defining Masthead and Navbar Colors
Laying Out the Navbar
Using Columns
Setting Content Styles
Starting the Sidebar
Creating the Sidebar Boxes
Completing the Sidebar
Styling the Table
Creating the Footer

Instructors

xxxxxxxx

Register Online

To begin registration, please select the date you would like to attend.

Main Menu