1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

Website Design Using CSS Course

(4.85 out of 5) 398 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

Course Dates

  • Sydney Class Dates

    Book Now

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

    18 - 19 Mar 20 Wed - Thu
    08 - 09 Apr 20 Wed - Thu
    12 - 13 May 20 Tue - Wed
    10 - 11 Jun 20 Wed - Thu
    09 - 10 Jul 20 Thu - Fri
    05 - 06 Aug 20 Wed - Thu
    03 - 04 Sep 20 Thu - Fri

  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    12 - 13 Mar 20 Thu - Fri
    07 - 08 Apr 20 Tue - Wed
    07 - 08 May 20 Thu - Fri
    02 - 03 Jun 20 Tue - Wed
    30 Jun - 01 Jul 20 Tue - Wed
    28 - 29 Jul 20 Tue - Wed
    27 - 28 Aug 20 Thu - Fri
    22 - 23 Sep 20 Tue - Wed

  • Brisbane Class Dates

    Book Now

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    16 - 17 Apr 20 Thu - Fri
    26 - 27 May 20 Tue - Wed
    07 - 08 Jul 20 Tue - Wed
    20 - 21 Aug 20 Thu - Fri
    29 - 30 Sep 20 Tue - Wed
    12 - 13 Nov 20 Thu - Fri

  • Canberra Class Dates

    Book Now

    Level 4, 54 Marcus Clarke Street, Canberra , ACT 2601

    02 - 03 Apr 20 Thu - Fri
    30 Jun - 01 Jul 20 Tue - Wed
    22 - 23 Sep 20 Tue - Wed
    17 - 18 Dec 20 Thu - Fri
    10 - 11 Mar 21 Wed - Thu

  • Adelaide Class Dates

    19 Young Street, Adelaide , SA 5000

    Classes scheduled on demand in Adelaide

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Perth Class Dates

    Level 1, 140 St Georges Terrace, Perth , WA 6000

    Classes scheduled on demand in Perth

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

Course Units

Expand full topic list

Unit 1: Intro to CSS

  • Defining Styles with CSS
  • CSS Selectors
  • CSS Properties

See more

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

See more

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

See more

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

See more

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

See more

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

See more

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

See more

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

See more

Training Packages

HTML and CSS Package

$ 1155 incl GST

(You save $330)

Duration

3 days

Enquire Book Now
Pay later

Web Design Package - Level 1

$ 3267 incl GST

(You save $1188)

Duration

9 days

Enquire Book Now
Pay later

Related Courses

Course Reviews

(5.00 out of 5) Tom W [ 20 February, 2020 ]
Found this course very beneficial, the instructor made everything very easy to understand and made the course interesting. Would highly recommend this course and especially Linda to other people :)
(5.00 out of 5) Matthew C [ 11 February, 2020 ]
well presented information and productive learning opportunities and outcomes. Particular emphasis on tailoring education to suit the needs of individual - great!
(5.00 out of 5) Katie W [ 15 January, 2020 ]
Amazing course, i learnt so much that can help my improve how i work. My trainer was very knowledgeable.
(4.50 out of 5) V V [ 14 January, 2020 ]
Comprehensive and useful. This is the third course I've taken with Linda and I appreciate the way she has focussed on the most important aspects of CSS to make learning quite easy.

Read all course reviews

Enquire Now

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

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Back to Top