Centre for Continuing Education

CSS Course: Introduction

Web Design. Build and maintain your own website.

Learn Web Design the smart way with Web Design courses at CCE, the University of Sydney.

CSS (Cascading Style Sheets) is a front-end coding language used by all web pages in the presentation of content. An understanding of CSS and its fundamentals are relevant to a variety of careers, particularly those with a ‘digital focus’, including digital marketing, website design and website maintenance. If you are looking for a career in front-end web development, CSS skills are essential, and this introductory course provides hand-on experience with CSS.

Outcomes

By the end of this course, you should be able to:

  • use CSS styles as a design tool
  • describe CCS best practice
  • produce web pages using CSS
  • implement re-usable CSS Styles
  • create, use, export and link styles
  • control the styling of web pages
  • create and manage layout strategies
  • deliver web pages that work across a variety of browsers and devices
  • effectively use CSS for specific tasks.

Content

HTML

  • A quick review of HTML
  • The relationship between HTML and CSS
  • Preparing basic documents for coding

Content versus presentation

  • Designing your site
  • Analysing and projecting your page and site
  • Using CSS as a flexible development tool

Syntax of CSS

  • Designing your site
  • Understanding CCS rules and styles
  • Implementing styles in HTML
  • Underdtanding notions of cascading and proximity

Styles/Rules

  • What is a 'Style'
  • Types of Styles
  • What is a 'Class'
  • Defining HTML with CSS
  • ID Styles
  • Advanced, pseudo classes

Implementing CSS

  • Inline, local and global CSS
  • Styles controllers/properties
  • Using and editing styles

Controlling the presentation of HTML

  • Page presentation
  • Text presentation
  • Controlling other elements

Layout technologies with CSS

  • Elements of design
  • The Box model strategy
  • The block and the fundamentals of layout

Site management with CSS

  • Global style sheets
  • Making styles available to other pages on your site
  • Previewing your website

Intended Audience

This course is suitable for anyone:

  • interested in developing hands-on CSS skills
  • interested in a career in front-end web development
  • interested in web technologies.

Prerequisites

You should have basic computer skills across Mac and PC and be familiar with basic HTML. You should also have a basic understanding of front-end coding languages and an interest in web development and design.

Delivery Style

Delivered as a hands-on computer-based course held in a computer lab.

Additional Information

Please bring a USB flash drive to class if you would like to make a copy of your work or any relevant class materials. Alternatively, you can save these to a cloud storage space or email them to your personal email address.

Features

  • $50 repeat class - Conditions apply
  • Expert trainer
  • Dedicated computer for every student
  • Small class size
  • Statement of completion

What others say.

  • A thorough and useful induction into the use of CSS for web design.