CSS Essentials Course

CSS Essentials | Course Overview

Course Description

CSS is a visual formatting language that enables web designers to replicate many of the features that print designers take for granted, such as multi-column layouts, text styling, applying borders, margins and padding. The course also covers topics such as advanced form styling, designing printed output, creating site navigation bars and using background images.

This course will benefit anybody who needs to create professional, consistent looking web sites using CSS. There is a strong emphasis on creating standards compliant and accessible pages which render consistently within all popular browsers as well as tips on how to position your pages higher in the Search Engine Results pages.

Prerequisite

This web design course is aimed at people who have attended the HTML & Web Principles course or for people who have been using Dreamweaver but not using the code directly within the program.

What you will learn

The focus of the 2 day CSS Essentials course is on formatting and laying out your site using CSS instead of tables. It examines advanced design techniques such as positioning and floating structural elements, CSS based navigation and creating rounded corners and faux columns.

Other subjects include: Creating a favicon for your URL display, Creating print style sheets and designing for mobile devices, Using the coding interface, Creating and styling user accessible forms, Creating and styling interactive elements such as tabbed panels with Spry.

CSS Essentials Training Image

CSS Essentials

CSS Essentials Training Image

CSS Essentials

CSS Essentials Courses

CSS Essentials | Outline

Introduction to CSS

  • Separating form and content
  • CSS syntax
  • CSS and older browsers
  • Inline, embedded and external styles
  • Inheritance and the cascade

Text Styling

  • Text and fonts
  • Text sizes and colours
  • Removing underlines from links
  • Link hover states
  • Styling lists
  • Page margins

Images

  • Images and borders
  • Background images

Navigation

  • Using a list as a navigation menu
  • CSS rollover navigation
  • Site maps

Forms

  • Styling form elements with CSS

Cross Browser Techniques

  • Testing in a range of browsers
  • Browser specific stylesheets
  • Importance of the doctype
  • Common issues with IE6 and IE7

CSS Positioning

  • When to use a Class or an ID
  • Block level and inline elements
  • The CSS box model
  • Floating left and right
  • Centering content on a page

CSS Layout

  • Column layouts
  • Headers and footers
  • Print stylesheets
  • Responsive layout design
  • Media Queries for mobile devices
CSS Essentials Courses
MELBOURNE
Select a date to book online now
May Jun Jul Aug Sept Oct
HTML & Web Principles 22 1
31
21 10
30
24
Dreamweaver Essentials 23 & 24 2 & 3 22 & 23 1 & 2
CSS Essentials 3 & 4 10 & 11 26 & 27 10 & 11
Dynamic Dreamweaver Please call to book
BRISBANE
Select a date to book online now
May Jun Jul Aug Sept Oct
HTML & Web Principles 1 19 26 2 16
Dreamweaver Essentials 25 & 26 3 & 4 19 & 20 Nov
CSS Essentials Currently not available as a public course but private training can be organised.
CANBERRA
Select a date to book online now
May Jun Jul Aug Sept Oct
HTML & Web Principles 15 12 14
Dreamweaver Essentials 13 & 14
CSS Essentials 3 & 4

CSS Essentials | Testimonials

"I have attended 2 training courses by City Desktop in Canberra. The HTML and CSS Essential course was great. Linda was the trainer for both courses and she was great at delivering the training. Great knowledge and the courses was well paced and allow many questions to be answered. Very enjoyable and highly recommended."

"Great thanks – unlocked the mysteries. Now I am more confident to change and maintain site."

"I enjoyed this course alot and will attend the following related courses with this institute."

"The instructor demonstrated great experience and knowledge surrounding CSS. (Keep the Fantales and Nespresso coming!) "

"The trainer was terrific. Helpful, interesting and responsive to learner needs."

"Fantastic course. Linda really knows her stuff and makes the course fun. Highly recommend and will be back for more."

"Very good course and trainer. He explained things very well and made it very interesting and relevant."

"I had a fab time, the pace and quality of learning was perfect."

CSS Essentials Courses

Custom
Training

1300 441 891

Why Train With Us

Share this page
facebooktwitter

emailSign up to our newsletter