Designing Websites with Cascading Style Sheets (CSS)

Duration: 2 Days

Objectives

This course is aimed at those developing web sites and corporate intranets. It explores how using style sheets can dramatically improve the creation and management of a site. The focus is on creating and implementing stylesheets in a text editor, but also covers implementation of stylesheets using Dreamweaver

Pre-requisites

Experience in producing web sites, and a basic knowledge of HTML or previous attendance on the Introduction to Web Publishing or Dreamweaver course

Course includes

A comprehensive set of reference notes covering course topics, follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.

Course outline

Introduction to CSS

  • Benefits of separating Style from Content
  • Stylesheet syntax
  • Rules, Selectors and Tags
  • Cascading order
  • Inheritance

Implementing style sheets

  • Inline styles
  • Internal/ embedded stylesheets
  • External/Linked stylesheets
  • Importing stylesheets

Best practices

  • Cross platform compatibility and usability issues
  • Units - ems, percentage, pixels

CSS Selectors

  • Tag selectors
  • Class and id selectors
  • Contextual Selectors
  • Pseudo classes and pseudo elements
  • Specificity

Text and Fonts

  • Typographical properties
  • Font Properties
  • List Styles

The Box Model

  • Formatting with the box model
  • Borders, Padding and Margins
  • Alignment
  • Floating Elements

CSS Positioning

  • Positioning absolutely vs. relatively
  • Layering elements with the Z-Index property
  • Making elements invisible

Colours and Backgrounds

  • Specifying colours and backgrounds
  • Setting border and hyperlink colours
  • Controlling the background image

Tables

  • Parts of a table
  • The collapsing borders model
  • Alignment and sizes
  • Rules in conflict
  • Cascading order

CSS Layout

  • Using divs for layout
  • Understanding float
  • Relative positioning on a div
  • Centering content
  • Fluid vs Elastic vs Fixed layout

Design and Usage Techniques

  • Dynamic link colours
  • Styling form elements
  • Creating navigation bars
  • CSS Rollovers
  • Creating and using CSS Sprites
  • Using CSS Frameworks

Course Dates

London CentralLondon GreenwichBristol

London Greenwich

Dates Price Book Now
18 - 19 Sep £445 Book Now
16 - 17 Oct £445 Book Now
13 - 14 Nov £445 Book Now
18 - 19 Dec £445 Book Now
See more dates...

Bristol

Dates Price Book Now
18 - 19 Sep £445 Book Now
20 - 21 Nov £395 Book Now
See more dates...


All our courses run in London and Bristol, or can be tailored to requirements at your own offices. For alternative dates, please email or call us on 0208 269 4260
All prices are per person and are subject to VAT
15% discount for groups of four delegates.
10% discount for groups of three delegates.
(This offer applies for delegates on the same public scheduled course on the same date.)

Related Courses


"The trainer's knowledge of the program was amazing."

Hastoe Housing

"Our trainer worked at a great pace and was very easy to understand."

Clarks International

"The trainer's knowledge was very strong and he was able to answer all my questions. Admin staff were very friendly and helpful."

VCCP



 

 

© Transmedia . 277 Greenwich High Road London SE10 8NB  UK . 0208 269 4260
Designed by Transmedia's Web Team