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.