CSS Online Course

0800 156 0777

Start now with our online CSS course!

Welcome to the CSS Getting Started course. This is an online course in which you will cover the basics of CSS, how to write it, where to write it, and how to apply it to your web pages.

Throughout this course you will go through various practical examples that show you how to make pure CSS buttons, format images, add animations, style your links, and so forth.  By the end of this course you will have gained a good basic understanding of CSS and you will be able to see how powerful it can be. You will be able to apply these techniques to your own pages and you will be able to build upon these techniques to create your own styles.

The course is run through our learning management system and contains over 4 hours of video tutorials produced by our instructors, as well as extensive tutorials, sample files and course support forums.  The course is designed for those who are new to CSS.

We will be using the industry leading Aptana Studio during the course, which is available free from www.aptana.com, but feel free to use another development environment if you wish.

General Introduction

  • Overview of the course
  • What applications you can use
  • Setting up your test server

Basic CSS

  • Loading order
  • Background colour
  • Formatting text
  • Margins and padding
  • CSS resets
  • Borders
  • Width and height
  • Lists

Using CSS

  • How to format a web page
  • How are conflicts resolved
  • How cascading works
  • Looking at dreamweaver

Where to put your CSS

  • Inline CSS
  • Document CSS
  • CSS files

Styling Links

  • Setting up your links
  • Formatting your tags
  • Block display
  • Link pseudo-classes (hover, active,visited, link)

Laying out your page with CSS

  • Creating boxes
  • Positioning boxes
  • The position attribute
  • Laying out a simple page

Media types and media queries

  • What are Media types
  • What are Media queries
  • How to use media types and queries

Wireframing - converting your ideas to practical web pages

  • What is wireframing
  • How to wireframe
  • Converting your wireframes to web pages
  • Polishing the result

Practical examples

  • Formatting a poem
  • Effects
  • Creating a pure CSS button
  • Rotating
  • Fonts and masks
  • Transitions

£60.00ex vat