Website Design Using CSS Course
(4.85 out of 5) 465 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
- CPD Hours:12 hours
- Course Times: Classroom: 9.00am to 5.00pm approx(Local Time) Online Live: 9.00am to 5.00pm approx(AEST or AEDT)
- Download Course PDF
Course Dates
Sydney Class Dates
Level 11, 32 Walker Street, North Sydney , NSW 2060
| 18-19 Nov 25 | Tue - Wed | Online Live |
| 16-17 Dec 25 | Tue - Wed | Online Live |
| 20-21 Jan 26 | Tue - Wed | Online Live |
| 18-19 Feb 26 | Wed - Thu | Online Live |
| 17-18 Mar 26 | Tue - Wed | Online Live |
Melbourne Class Dates
Level 12, 379 Collins Street, Melbourne , VIC 3000
| 18-19 Nov 25 | Tue - Wed | Online Live |
| 16-17 Dec 25 | Tue - Wed | Online Live |
| 20-21 Jan 26 | Tue - Wed | Online Live |
| 18-19 Feb 26 | Wed - Thu | Online Live |
| 17-18 Mar 26 | Tue - Wed | Online Live |
Brisbane Class Dates
All courses facilitated in, Online Live format , QLD
| 18-19 Nov 25 | Tue - Wed | Online Live |
| 16-17 Dec 25 | Tue - Wed | Online Live |
| 20-21 Jan 26 | Tue - Wed | Online Live |
| 18-19 Feb 26 | Wed - Thu | Online Live |
| 17-18 Mar 26 | Tue - Wed | Online Live |
Canberra Class Dates
All courses facilitated in, Online Live format , ACT
| 18-19 Nov 25 | Tue - Wed | Online Live |
| 16-17 Dec 25 | Tue - Wed | Online Live |
| 20-21 Jan 26 | Tue - Wed | Online Live |
| 18-19 Feb 26 | Wed - Thu | Online Live |
| 17-18 Mar 26 | Tue - Wed | Online Live |
Adelaide Class Dates
All courses facilitated in, Online Live format , SA
| 18-19 Nov 25 | Tue - Wed | Online Live |
| 16-17 Dec 25 | Tue - Wed | Online Live |
| 20-21 Jan 26 | Tue - Wed | Online Live |
| 18-19 Feb 26 | Wed - Thu | Online Live |
| 17-18 Mar 26 | Tue - Wed | Online Live |
Perth Class Dates
All courses facilitated in, Online Live format , WA
| 18-19 Nov 25 | Tue - Wed | Online Live |
| 16-17 Dec 25 | Tue - Wed | Online Live |
| 20-21 Jan 26 | Tue - Wed | Online Live |
| 18-19 Feb 26 | Wed - Thu | Online Live |
| 17-18 Mar 26 | Tue - Wed | Online Live |
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
Web Design Package - Level 1
Related Courses
Student Reviews
The course was a great way to learn more about CSS and learn about some fundamentals I had missed while working it out myself. The trainer Cath was very good at explaining concepts in different ways until they made sense.
Once again, Catherine has delivered an amazing course. I'm leaving the class feeling a lot more prepared and a lot more confident to use css. I am very happy with what i have learnt and the delivery method catherine used.
Wonderful. Very useful to my employment. Instructor was very knowledgeable and helpful. Jam packed with useful information. Instructor kept checking in and tailored the course to suit us.
It was a great two days of learning. Cath is a wonderful educator and I look forward to the following courses in the package.
Was a lot of new information and a lot more challenging than the intro to HTML course but great to learn and I look forward to practicing it and becoming more confident.
Cath was great! She explained everything with lot of detail, the course was at a good pace, and at the end of each subject she gave a summary of what we did. Great Teacher!! Thank you Cath!
Thank you for teaching me important concepts about CSS. The class was easy to follow, and the instructor was very patient and understanding.
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.
the teacher was so kind and helped whenever needed. the information was so interesting and very useful when learning css.
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.
this course was a real life saver, I was having trouble with my diploma and cath, my teacher for this course really helped me understand what and how to do it. thank you
Cath is an excellent trainer! She is so detail-oriented and was very conscientious about going at the pace that we needed. She was always willing to answer questions as we went along and worked with us patiently until we worked things out and understood the concepts. After a concept recurred a couple times, she started asking us what we thought the code ought to be, which reinforced what we had already learned. The content of the course was a great introduction and I'm eager to continue my learning.
This course had an excellent flow and pace from start to finish. Our instructor had a lot of experience and was a great teacher as well.
Cath was great!! She was happy to spend the time to answers questions and take the time to answer in depth. I would love to do a class with Cath again. Highly recommended
I thoroughly enjoyed it but I know I will need practice. Catherine was great and she has so much knowledge!!! She is amazing...
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.
