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

Upon successful completion of this course, participants should be able to:

  1. Understand CSS styles as a design tool.
  2. Understand CCS best practice.
  3. Produce web pages using CSS.
  4. Implement re-usable CSS Styles.
  5. Create, use, export and link styles.
  6. Control the styling of web pages.
  7. Create and manage layout strategies.
  8. Deliver web pages that work across a variety of browsers and devices.
  9. Effectively use CSS for specific tasks.

Content

This CSS introductory course covers the following topics:

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

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

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

Delivery Style

This course is delivered as a hands-on computer-based workshop. This class takes place in the CCE computer labs with computers and software provided.

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
  • Student notes – yours to keep
  • Statement of completion

What others say.

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