About the Course
During this 2-day course, participants will learn the most popular, useful, and well-supported pieces of CSS3 through a series of practical but innovative projects. Participants learn by completing a number of practical exercises involving the new techniques of CSS3 to produce a finished web page or section of a page. Participants can adapt these exercises to their own projects, or use them as inspiration for completely different ways to creatively use the new properties, selectors and values they have learnt.
Who should do this course?
This CSS3 course is for web designers who already have experience using CSS, but want to take their sites and skills to the next level. This course assumes that participants know HTML and CSS syntax and terminology, but you don’t need have any experience using anything that is new to CSS3. Weather you’ve just started using CSS or have been developing sites with it for years, this course will teach you powerful new techniques to add to your CSS toolkit.
Prerequisites
Participants should have completed our introductory courses in HTML and CSS or have equivalent skills prior to attending this course. Participants must be comfortable with HTML and CSS syntax and terminology to get the best out of this course.
Online Live - Course Dates
-
Online Live Class Dates
Book Now04 - 05 Mar 21 Thu - Fri Online Live 27 - 28 Apr 21 Tue - Wed Online Live 24 - 25 Jun 21 Thu - Fri Online Live 17 - 18 Aug 21 Tue - Wed Online Live 14 - 15 Oct 21 Thu - Fri Online Live 06 - 07 Dec 21 Mon - Tue Online Live -
To inquire about Online Live Classes, please
Call 1300 888 724
In-Class - Course Dates
-
Sydney Class Dates
Book NowLevel 11, 32 Walker Street, North Sydney , NSW 2060
01 - 02 Feb 21 Mon - Tue Classroom 04 - 05 Mar 21 Thu - Fri Online Live 23 - 24 Mar 21 Tue - Wed Classroom 27 - 28 Apr 21 Tue - Wed Online Live 13 - 14 May 21 Thu - Fri Classroom 24 - 25 Jun 21 Thu - Fri Online Live 28 - 29 Jun 21 Mon - Tue Classroom 17 - 18 Aug 21 Tue - Wed Online Live 19 - 20 Aug 21 Thu - Fri Classroom 14 - 15 Oct 21 Thu - Fri Online Live 06 - 07 Dec 21 Mon - Tue Online Live -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
10 - 11 Feb 21 Wed - Thu Classroom 04 - 05 Mar 21 Thu - Fri Online Live 31 Mar - 01 Apr 21 Wed - Thu Classroom 27 - 28 Apr 21 Tue - Wed Online Live 20 - 21 May 21 Thu - Fri Classroom 24 - 25 Jun 21 Thu - Fri Online Live 05 - 06 Jul 21 Mon - Tue Classroom 17 - 18 Aug 21 Tue - Wed Online Live 25 - 26 Aug 21 Wed - Thu Classroom 14 - 15 Oct 21 Thu - Fri Online Live 06 - 07 Dec 21 Mon - Tue Online Live -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
04 - 05 Mar 21 Thu - Fri Online Live 09 - 10 Mar 21 Tue - Wed Classroom 27 - 28 Apr 21 Tue - Wed Online Live 20 - 21 May 21 Thu - Fri Classroom 24 - 25 Jun 21 Thu - Fri Online Live 12 - 13 Jul 21 Mon - Tue Classroom 17 - 18 Aug 21 Tue - Wed Online Live 09 - 10 Sep 21 Thu - Fri Classroom 14 - 15 Oct 21 Thu - Fri Online Live 01 - 02 Nov 21 Mon - Tue Classroom 06 - 07 Dec 21 Mon - Tue Online Live
-
Canberra Class Dates
Book NowLevel 4, 54 Marcus Clarke Street, Canberra , ACT 2601
04 - 05 Mar 21 Thu - Fri Online Live 12 - 13 Apr 21 Mon - Tue Classroom 27 - 28 Apr 21 Tue - Wed Online Live 24 - 25 Jun 21 Thu - Fri Online Live 28 - 29 Jun 21 Mon - Tue Classroom 17 - 18 Aug 21 Tue - Wed Online Live 16 - 17 Sep 21 Thu - Fri Classroom 14 - 15 Oct 21 Thu - Fri Online Live 06 - 07 Dec 21 Mon - Tue Online Live -
Adelaide Class Dates
Book Now19 Young Street, Adelaide , SA 5000
04 - 05 Mar 21 Thu - Fri Online Live 27 - 28 Apr 21 Tue - Wed Online Live 24 - 25 Jun 21 Thu - Fri Online Live 17 - 18 Aug 21 Tue - Wed Online Live 14 - 15 Oct 21 Thu - Fri Online Live 06 - 07 Dec 21 Mon - Tue Online Live -
Perth Class Dates
Book NowLevel 1, 140 St Georges Terrace, Perth , WA 6000
04 - 05 Mar 21 Thu - Fri Online Live 27 - 28 Apr 21 Tue - Wed Online Live 24 - 25 Jun 21 Thu - Fri Online Live 17 - 18 Aug 21 Tue - Wed Online Live 14 - 15 Oct 21 Thu - Fri Online Live 06 - 07 Dec 21 Mon - Tue Online Live
Course Units
Expand full topic list
Unit 1: Unit 1: Introduction to CSS3
- Overview of What is New
- Where CSS3 Stands
- Using CSS3
- Understanding Browser Support
- Browser Market Share
- How Major Players Stack Up
- Progressive Enhancement
- Advantages of Progressive Enhancement
- Benefits of CSS3
- Reducing development and Maintainace time
- Increasing Page Performance
- Better Search Engine Placement
- Increasing Usability and Accessibility
- Case Study: Before and After CSS3
- Browser Prefixes
- Dealing with Non-supporting Browsers
- Filtering IE with Conditional Comments
- Educating Clients About Progressive Enhancement
- Managing Client Expectations
See more
Unit 2: CSS3 Speech Bubbles
- Corralling Long Text
- Graphics Effects Sans Graphics
- Rounding the Corners
- Adding the Bubble's Tail
- Semitransparent Backgrounds with RGBA or HSLA
- Image-free Gradients
- Image-free Drop Shadows
- Image-free Text Shadows
- Transforming with avatars
- What are Transforms?
- Rotating the Avatars
See more
Unit 3: CSS3 Notebook Paper
- Beyond the Basic Background
- Scaling the Background Image
- Multiple Background Images on One Element
- Adding a Graphic Border
- Adding a Drop Shadow
- Embedding Unique Fonts
- Understanding @font-face
- Choosing Acceptable Fonts
- Converting Fonts
- Using @font-face
See more
Unit 4: Styling Images and Links by Type
- Understanding Attribute Selectors
- Indicating File types with Dynamically Added Icons
- Alternative Icon Ideas
- Styling Full-size Photos and Thumbnails
- Understanding the Troubles with Classes
- Using Attribute Selectors to Target by Type
See more
Unit 5: Improving Efficiency Using Pseudo-classes
- Targeting Specific Elements Without Using IDs or Classes
- New Structural Pseudo-classes
- Back to Speech Bubbles: Alternating Colors
- Back to Photos: Random Rotation
- Dynamically Highlighting Page Sections
- The :target Pseudo-class
- Adding the Table of Contents
- Changing Background Color on the Jumped-to Section
- Animating the Change with Pure CSS
See more
Unit 6: Different Screen Size, Different Design
- Understanding Media Queries
- Changing the Layout for Large Screens
- From Horizontal Nav Bar to Vertical Menu
- Multi-column Text
- Changing the Layout of Small Screens
- Changing the Layout of Mobile Devices
- Understanding Device Width
- Improving the Look on High-resolution Displays
- The Viewpoint meta tag
- Workarounds for Non-supporting Browsers
See more
Unit 7: Flexing your Layouts
- Creating Multi-column Layouts Without Floats and Positioning
- Making Blocks Flex
- Adding Columns
- Reordering Columns
- Equal-height Columns
- Vertical and Horizontal Centering
- Flexible Form Layout
- Sticky Footers
- Alternatives to the Flexible Box Model
- The box-sizing Property
- Future Layout Systems
See more
Training Packages
Web Design Package - Level 2
- HTML5 Essentials (2 days)
- CSS3 Essentials (2 days)
- Introduction to JavaScript (2 days)
- jQuery: Interactive Websites (2 days)
$ 2970 incl GST
(You save $990)
Duration
8 days
Related Courses
Course Reviews
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.