css3-logo

CSS Essentials Course

Sydney, Melbourne, Onsite and ONLINE

Training Modules (Overview)

  • Introducing Responsive Design
  • Deeper into CSS: Page Layouts and Menus
  • Multi-Column Design, Fonts and Social Menus
  • Forms, Site Management and Web Hosting

What You Get

  • Free Course Resit (9 months)*
  • 12 Months Access to Help Desk
  • No Risk! Money Back Guarantee
  • Choice of Mac or PC
  • Professional Training Environment
  • Small Classes (average 4 to 8)
acrobat-reader
Download CSS Essentials

Course PDF

SELECT YOUR DATES

CSS Essentials

  Credit Card or Pay later
SKU: CSS Essentials Category:

NEED A QUOTE

Need to get approval or a formal quote

Related Courses

Course Outline

Deeper into CSS: Page Layouts and Menus

In this session, we begin looking at how pages are designed using HTML and CSS, and how to create great looking
navigation. We learn how to avoid repetition and use shorthand for faster workflow.

  • HTML5 Semantic Markup
  • Planning a Web Page Layout
  • Using DIV Tags for Page Layouts
  • Using Classes, IDs and Descendant Selectors to Style Specific Elements
  • Using Vertical Margins to Control Spacing
  • Using Background Colours and Images
  • Centering a Layout using Auto Margins
  • Working with Borders
  • Working with Margins and Padding
  • Building Menus using Unordered Lists and CSS
  • Designing Horizontal Menus
  • Creating a ‘Button’ Style using Background Colour, Hover Effects and Transitions

Introducing Responsive Design

In this session, we introduce responsive design techniques. We take a first look at CSS Media Queries, and
learn about breakpoints and how to use them.

  • What can be done with Responsive Design?
  • About Mobile-First Design
  • Introducing Media Queries
  • Choosing Breakpoints
  • Allowing the Page to Adapt to the Browser Width
  • Setting a Maximum Page Width
  • Allowing Images to Scale Proportionally
  • Meta Rags for Responsive Scaling

Multi-Column Design, Fonts and Social Menus

In this session we’ll learn how to create more complex layouts, work with basic multi-column layouts, and how
to incorporate downloadable webfonts.

  • Creating Side-by-Side Columns using Floats
  • The CSS Box Model – Calculating Padding, Borders and Margins
  • Clearing Floats – Using the Clearfix Solution
  • Using Google Fonts – How Downloadable Fonts work and How to Optimise for File Size
  • Creating a Social Menu
  • Vertical and Horizontal Menus

Forms, Site Management and Web Hosting

In the final session, we’ll learn all about contact forms and finally, site management. We’ll see how web servers
work, and how to upload/download files to and from a server. We’ll look at how to purchase your own web
hosting, and how websites can be maintained and edited by developers and their clients.

  • Forms – Building a Form in HTML, Validating Fields, Using HTML5 Form Elements, about Form Processors
  • Styling Forms – Tips and Tricks for Great Looking Forms
  • Adding Metadata to your Pages
  • About Domain Names
  • About Web Hosting
  • How to use FTP to Upload your Website
  • Solutions for Allowing Clients to Edit their Own Content
private-training

Prefer Private Training?

- Customise your course
- Choose your own dates
- Choose your location

Read More

CSS Essentials Testimonials

I have attended 2 training courses by City Desktop in Canberra. The HTML and CSS Essential course was great. Linda was the trainer for both courses and she was great at delivering the training. Great knowledge and the courses was well paced and allow many questions to be answered. Very enjoyable and highly recommended.
Edison Hui, APS
Great thanks – unlocked the mysteries. Now I am more confident to change and maintain site.
Ian, Web Biz Owner
I enjoyed this course alot and will attend the following related courses with this institute.
Elham, Web Development
The instructor demonstrated great experience and knowledge surrounding CSS. (Keep the Fantales and Nespresso coming!)
Valerie, Digital Marketing Coordinator
This was a fantastic learning experience for anyone that is new or familiar with CSS, all topics covered. You will feel more confident about styling your website! Highly recommended!
K Chung, Design and Online Content Coordinator
The trainer was terrific. Helpful, interesting and responsive to learner needs.
Michelle Mulhall, Consultant
Fantastic course. Linda really knows her stuff and makes the course fun. Highly recommend and will be back for more.
Rob, ICT Officer
Very good course and trainer. He explained things very well and made it very interesting and relevant.
Rob, e-Learning Developer
I had a fab time, the pace and quality of learning was perfect.
Gemma, Graphic Designer