Full star Half star Star PDF
The Ultimate Training Experience.

Website Design Using CSS Course

(4.85 out of 5) 450 Student Reviews

About the Course

During this 2 day course, participants will learn how to use CSS to control the appearance of text, images, forms, and tabular data. Exercises include building navigation systems, testing designs in different browsers, replace table-based pages with fixed-width and liquid CSS, and create switchers that provide user options.

Who should do this course?

This course is ideal for anyone who has become frustrated with table-based page design and/or needs the benefits and advantages provided by designing with XHTML+CSS. Upon successful completion of the course, students should be able to develop flexible websites quickly, with consistent design and optimal performance.

Prerequisites

Participants should have completed the Introduction to HTML course or have equivalent knowledge prior to commencing this course.

Course Details

$990 incl GST

  • Duration:2 Days
  • Max. Class Size:10
  • Avg. Class Size:5
  • Study Mode:
    Classroom Online Live
  • Level:Beginners
  • Times:9.00am to 5.00pm approx
  • Download Course PDF
Pay Later

Course Dates

Sydney Class Dates

Level 11, 32 Walker Street, North Sydney , NSW 2060

12 - 13 Dec 23 Tue - Wed Online Live
15 - 16 Jan 24 Mon - Tue Online Live
06 - 07 Feb 24 Tue - Wed Online Live
05 - 06 Mar 24 Tue - Wed Online Live
03 - 04 Apr 24 Wed - Thu Online Live
30 Apr - 01 May 24 Tue - Wed Online Live
29 - 30 May 24 Wed - Thu Online Live
26 - 27 Jun 24 Wed - Thu Online Live
Melbourne Class Dates

Level 12, 379 Collins Street, Melbourne , VIC 3000

12 - 13 Dec 23 Tue - Wed Online Live
15 - 16 Jan 24 Mon - Tue Online Live
06 - 07 Feb 24 Tue - Wed Online Live
05 - 06 Mar 24 Tue - Wed Online Live
03 - 04 Apr 24 Wed - Thu Online Live
30 Apr - 01 May 24 Tue - Wed Online Live
29 - 30 May 24 Wed - Thu Online Live
26 - 27 Jun 24 Wed - Thu Online Live
Brisbane Class Dates

Level 6, 371 Queen Street, Brisbane , QLD 4000

12 - 13 Dec 23 Tue - Wed Online Live
15 - 16 Jan 24 Mon - Tue Online Live
06 - 07 Feb 24 Tue - Wed Online Live
05 - 06 Mar 24 Tue - Wed Online Live
03 - 04 Apr 24 Wed - Thu Online Live
30 Apr - 01 May 24 Tue - Wed Online Live
29 - 30 May 24 Wed - Thu Online Live
26 - 27 Jun 24 Wed - Thu Online Live
Canberra Class Dates

All courses facilitated in, Online Live format ,

12 - 13 Dec 23 Tue - Wed Online Live
15 - 16 Jan 24 Mon - Tue Online Live
06 - 07 Feb 24 Tue - Wed Online Live
05 - 06 Mar 24 Tue - Wed Online Live
03 - 04 Apr 24 Wed - Thu Online Live
30 Apr - 01 May 24 Tue - Wed Online Live
29 - 30 May 24 Wed - Thu Online Live
26 - 27 Jun 24 Wed - Thu Online Live
Adelaide Class Dates

All courses facilitated in, Online Live format ,

12 - 13 Dec 23 Tue - Wed Online Live
15 - 16 Jan 24 Mon - Tue Online Live
06 - 07 Feb 24 Tue - Wed Online Live
05 - 06 Mar 24 Tue - Wed Online Live
03 - 04 Apr 24 Wed - Thu Online Live
30 Apr - 01 May 24 Tue - Wed Online Live
29 - 30 May 24 Wed - Thu Online Live
26 - 27 Jun 24 Wed - Thu Online Live
Perth Class Dates

All courses facilitated in, Online Live format ,

12 - 13 Dec 23 Tue - Wed Online Live
15 - 16 Jan 24 Mon - Tue Online Live
06 - 07 Feb 24 Tue - Wed Online Live
05 - 06 Mar 24 Tue - Wed Online Live
03 - 04 Apr 24 Wed - Thu Online Live
30 Apr - 01 May 24 Tue - Wed Online Live
29 - 30 May 24 Wed - Thu Online Live
26 - 27 Jun 24 Wed - Thu Online Live

Course Units

Unit 1: Intro to CSS

  • Defining Styles with CSS
  • CSS Selectors
  • CSS Properties

Unit 2: Basic Text Styling

  • Specifying font sizes and families correctly
  • Controlling the appearance of hypertext links
  • Styling individual words rather than paragraphs
  • Specifying the line-height (leading) of text
  • Indenting and centering text
  • Controlling the appearance of lists
  • Removing page margins
  • Adding comments to a CSS file

Unit 3: CSS and Images

  • Adding borders to images
  • Wrapping text around an image without using the HTML align attribute
  • Setting a background image with CSS
  • Positioning background images
  • Creating a background image that remains stationary when the text scrolls
  • Placing text on top of an image

Unit 4: Navigation

  • Replacing image-based navigation with CSS
  • Using lists to create a navigation menu
  • Using CSS to create rollover navigation without images or JavaScript
  • Making a horizontal menu using CSS and lists
  • Creating button-like navigation using CSS

Unit 5: Tabular Data

  • Adding borders to tables without using the HTML border attribute
  • Displaying table rows in alternating colors
  • Changing a table row’s background color on hover

Unit 6: Forms and User Interfaces

  • Styling form elements using CSS
  • Applying different styles to fields
  • Controlling white space and line breaks
  • Using different colored highlights in select menu
  • Highlighting the form field that the user clicks into

Unit 7: Browser and Device Support

  • Testing a site in different browsers
  • Testing for browsers on different operating systems
  • Installing multiple versions of Internet Explorer
  • Hiding CSS from Netscape 4
  • Hiding CSS from other browsers
  • Understanding Internet Explorer’s Quirks Mode
  • Creating a print style sheet
  • Using alternate style sheets
  • Making a style sheet switcher
  • Using alternate style sheets without duplicating code

Unit 8: CSS Positioning and Layout

  • Deciding when to use a class and when to use an ID
  • Inline element display as if it were block-level, and vice versa
  • Margins and padding in CSS
  • Stopping the next element moving up when you use float
  • Aligning elements left and right without using a table
  • Setting an item’s position on the page using CSS
  • Cent ring a block on the page
  • Creating a liquid, two-column layout (menu on the left, content on the right)
  • Reversing this layout and putting the menu on the right
  • Creating a fixed-width, centered, two-column layout

Training Packages

Web Design Package - Level 1

$ 3267 incl GST
(You save $1188)
Total Duration
9 days
Pay Later

Related Courses

Course Reviews

(5.00 out of 5) [ 20 September, 2023 ]

Thank you for teaching me important concepts about CSS. The class was easy to follow, and the instructor was very patient and understanding.

(4.50 out of 5) [ 20 September, 2023 ]

I learned a lot but here is so much information to take in that I'd like the course to be longer or split across a few days so there is time to practice.

(4.70 out of 5) [ 02 February, 2023 ]

the teacher was so kind and helped whenever needed. the information was so interesting and very useful when learning css.

(5.00 out of 5) [ 15 November, 2022 ]

Good one on one training, clear, concise with examples. Covered a lot of content and even some extras. Good place to start for someone new to CSS. Thank you.

Read all course reviews

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Note: Form fields marked with * are required.

Your details
Please enter a valid email address for shipping updates.
I am enquiring about a...
REQUEST A CALLBACK
A team member will call you at a time convenient to you.
Your message was sent, thank you!
Contact us

Level 11, 32 Walker Street, North Sydney NSW, 2060