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
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
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


"I just wanted to say a big thank you for yesterday. I really enjoyed the training and we got a lot done. The database looks really amazing, specially with the starter page and the logo. Thanks to Megan & Debra for sorting out the admin side and looking after me. "

Paresh Dudhaiya

"Extremely good. Very knowledgeable, helpful and approachable."

Hachette

"Exceptional knowledge base and tailored to suit our requirements."

RAF



 

 

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