Banner

Navigation

Cascading Style Sheets (CSS) CourseSydney Melbourne Brisbane Canberra

Course cost

$ see timetable for pricing

Less with Packages

Duration

1 day

Registration Steps:

  1. 1.Choose your course,
  2. 2.Contact us for specials/availablility,
  3. 3.Return to this site and register online using the BUY link in your city timetable or call us.

Register now to ensure a place:

Buy Sydney

Buy Melbourne

Buy Canberra

Buy Brisbane

Cascading Style Sheets (CSS) Course

Summary

Course Aim:

The Cascading Style Sheets (CSS) course teaches the web designer how to control the appearance of their web design by separating the visual presentation from the content. This course covers design topics including selectors, the cascade, and inheritance. The training also covers how to build effective navigation, how to lay out pages, and how to work with typography, colours, backgrounds, and white space. Courseware supplied; Alpha designed pages.

Course Prerequisites:

Previous experience using applications on a PC or Macintosh is an essential prerequisite for this course. Experience using Dreamweaver is recommended.

Course Duration:

One day 9:00am – 4:30pm

Classroom courses include:

  • Adobe Certified instructors (with min 10 yrs experience)
  • Alpha prepared comprehensive coursenotes with tutorials and exercises (updated frequently to reflect industry trends)
  • Certificates
  • eLearning DVD Package (FREE at course registration where available, see our SPECIALS)
  • After course support, unlimited HELP DESK (via email, to reinforce the learning), helpdesk@alphacc.com.au
  • Training guarantee
  • FREE repeat of public course within 6 months (where required, and on same version), see terms & conditions

Content

Course Content

During this course you will learn about:

What’s new in Dreamweaver CS6 & CSS3

  • Inserting HTML5 video content
  • New site manager
  • Fluid grid-based CSS layouts
  • CSS3 transitions
  • Multiple CSS class selection
  • PhoneGap Build integration
  • jQuery Mobile 1.0 and jQuery Mobile swatches
  • Web fonts
  • Simplified PSD optimization

What’s new in Dreamweaver CS5.5 & CSS3

What’s new in Dreamweaver CS5.5 & CSS3

  • CSS3/HTML5 support
  • jQuery integration
  • Native Android and iOS apps with PhoneGap
  • Adobe BrowserLab integration

Topic 1 Getting Started in CSS & Dreamweaver

  • Topic Objectives
  • Introduction to Dreamweaver
  • The Dreamweaver Interface
  • The Dreamweaver Designer Workspace
  • Changing and Saving Workspaces
  • Defining a Local Site
  • Site Setup
  • Creating a Web page
  • Development views
  • Live view
  • Home pages
  • Previewing pages
  • Topic Summary
  • Topic Review

Topic 2 Formatting Text with Cascading Style Sheets

  • Topic Objectives
  • Formatting Text
  • Introducing Cascading Style Sheets
  • Creating Style Rules
  • HTML Tag Rules
  • Editing Style Rules
  • Setting the Font Family
  • Using Points, Ems or Pixels for font sizes
  • Setting Font (and other) Colour
  • Creating a New External Style Sheet
  • Attaching External Style Sheets
  • Moving CSS Rules
  • Creating Class Styles
  • Topic Summary

Topic 3 Designing Page Layout with Cascading Style Sheets

  • Topic Objectives
  • Understanding page layout
  • Controlling layout using Div tags
  • Creating CSS page layouts
  • Inserting Div Tags
  • The CSS box model
  • Width, Margins and Padding
  • Borders and Background
  • Using Inspect mode to view the box model
  • Centring
  • Changing Link Colours
  • Creating a 2-column CSS Layout
  • Float
  • Using tracing images
  • Designing navigation links with CSS
  • Working with Tables
  • Topic Summary
  • Topic Review

Topic 4 More on Cascading Style Sheets

  • Topic Objectives
  • Style Rules and Their Attributes
  • Type options
  • Webfonts
  • Background Options
  • Block Options
  • Box Options
  • CSS Inspect mode
  • Border Options
  • Extensions Options
  • The CSS Styles panel in All mode
  • The CSS Styles panel in Current mode
  • Disable/Enable CSS
  • Cascading Order and Inheritance of Styles
  • Choosing a Media Type
  • Contextual selectors
  • Group Selectors
  • Multiple CSS class seelction
  • Shorthand CSS
  • Creating Layouts with CSS
  • Checking CSS and HTML coding
  • Adobe BrowserLab (reference only)
  • Using Dreamweaver's Pre-designed CSS Layouts
  • LiveView and the Browser Navigation Toolbar
  • Topic Summary
  • Topic Review

New CSS3 in Dreamweaver CS5.5

Topic 5 CSS3 and Mobile Devices

  • Topic Objectives
  • Introduction to CSS3
  • Introducing CSS3 Media Queries
  • Understanding Media Queries
  • Generating a Media Query in Dreamweaver
  • Multiscreen Preview
  • Fluid Grid Layouts
  • Inserting Fluid Grid Layout div tags
  • Editing Fluid Grid Layout div tags
  • Adding other CSS to a fluid grid layout
  • Editing the grid
  • CSS3 Transitions
  • Overview of JQuery Mobile
  • Overview of creating web applications using PhoneGap
  • Introduction to Adobe Business Catalyst
  • Topic Summary
  • Topic Review

Topic 6 Using AP Elements

  • Topic Objectives
  • About AP elements in Dreamweaver
  • HTML code for AP Div elements
  • Inserting an AP Div
  • Working with nested AP Divs
  • The AP Elements panel
  • Selecting AP elements
  • Changing the stacking order of AP elements
  • Viewing or setting AP element preferences
  • Viewing or setting properties for a single AP element
  • Viewing or setting properties for multiple AP elements
  • Showing and hiding AP elements
  • Resizing AP elements
  • Moving AP elements
  • Aligning AP elements
  • Aligning AP Elements Using Guides
  • Aligning AP Elements Using the Layout Grid
  • Converting AP elements to div tags
  • Topic Summary
  • Topic Review

Index

Back to top

Packages

Packages Available

We offer various packages, designed for users who want to upgrade their skills across a range of Adobe applications.

This course is not currently available as part of a package. Please click the specials link above to see if specials are currently available for this course.

Visit our packages page for more information

Specials

This course is not offered as part of any Special.

2012 Training Specials for Sydney, Brisbane, Melbourne, Canberra Centres

  • Sydney Training Specials
    • Option 1 (SYDNEY):

    • Selected Level 1 courses $775

    • Selected Level 1 public courses in our Sydney Training Centre are now $775 (RRP $935) during the promotional period. The offer can't be taken with another offer or promotion.

    • Option 2 (SYDNEY):

    • Selected Level 2 courses $775

    • Selected Level 2 public courses in our Sydney Training Centre are now $775 (RRP $935) during the promotional period. The offer can't be taken with another offer or promotion.

    • Option 3 (SYDNEY):

    • Buy 2 * 2-day courses and get a 1-day course FREE

    • Support your staff by upskilling them.

    • Alpha is offering a FREE 1-day course to the person attending TWO 2-day public courses (at RRP pricing) in our Sydney Training Centre during the promotional period. The offer can't be taken with another offer or promotion and is a limited offer, and will be limited to specific 1-day courses. Courses will be invoiced together (two 2-day courses, at RRP pricing, plus 1-day free course) and must be paid in full before course commencement to obtain free course. Register for TWO public 2-day courses to obtain the FREE 1-day course.

    • Option 4 (SYDNEY):

    • Buy Acrobat Package for $775 (Package RRP normally $945)

    • The Acrobat Package (Acrobat for Business and Acrobat Advanced) public courses in our Sydney Training Centre is now $800 during the promotional period (Package RRP normally $945; note the 2 courses bought separetely are $945). The offer can't be taken with another offer or promotion and is limited.

  • Brisbane Training Specials
    • Option 1 (BRISBANE):

    • Selected Level 1 courses $775

    • Selected Level 1 public courses in our Brisbane Training Centre are now $775 (RRP $935) during the promotional period. The offer can't be taken with another offer or promotion.

    • Option 2 (BRISBANE):

    • Selected Level 2 courses $775

    • Selected Level 2 public courses in our Brisbane Training Centre are now $775 (RRP $935) during the promotional period. The offer can't be taken with another offer or promotion.

    • Option 3 (BRISBANE):

    • Buy 2 * 2-day courses and get a 1-day course FREE

    • Support your staff by upskilling them.

    • Alpha is offering a FREE 1-day course to the person attending TWO 2-day public courses (at RRP pricing) in our Brisbane Training Centre during the promotional period. The offer can't be taken with another offer or promotion and is a limited offer, and will be limited to specific 1-day courses. Courses will be invoiced together (two 2-day courses, at RRP pricing, plus 1-day free course) and must be paid in full before course commencement to obtain free course. Register for TWO public 2-day courses to obtain the FREE 1-day course.

    • Option 4 (BRISBANE):

    • Buy Acrobat Package for $775 (Package RRP normally $945)

    • The Acrobat Package (Acrobat for Business and Acrobat Advanced) public courses in our Brisbane Training Centre is now $775 during the promotional period (Package RRP normally $945; note the 2 courses bought separetely are $945). The offer can't be taken with another offer or promotion and is limited.

  • Melbourne Training Specials
    • Option 1 (MELBOURNE):

    • Selected Level 1 courses $775

    • Selected Level 1 public courses in our Melbourne Training Centres are now $775 (RRP $935) during the promotional period. The offer can't be taken with another offer or promotion.

    • Option 2 (MELBOURNE):

    • Selected Level 2 courses $775

    • Selected Level 2 public courses in our Melbourne Training Centres are now $775 (RRP $935) during the promotional period. The offer can't be taken with another offer or promotion.

    • Option 3 (MELBOURNE):

    • Buy 2 * 2-day courses and get a 1-day course FREE

    • Support your staff by upskilling them.

    • Alpha is offering a FREE 1-day course to the person attending TWO 2-day public courses (at RRP pricing) in our Melbourne Training Centre during the promotional period. The offer can't be taken with another offer or promotion and is a limited offer, and will be limited to specific 1-day courses. Courses will be invoiced together (two 2-day courses, at RRP pricing, plus 1-day free course) and must be paid in full before course commencement to obtain free course. Register for TWO public 2-day courses to obtain the FREE 1-day course.

    • Option 4 (MELBOURNE):

    • Buy Acrobat Package for $775 (Package RRP normally $945)

    • The Acrobat Package (Acrobat for Business and Acrobat Advanced) public courses in our Sydney-Brisbane-Melbourne Training Centres is now $775 during the promotional period (Package RRP normally $945; note the 2 courses bought separetely are $945). The offer can't be taken with another offer or promotion and is limited.

  • Canberra Training Specials
    • Option 1 (CANBERRA):

    • Buy 2 * 2-day courses and get 10% OFF

    • Support your staff by upskilling them.

    • Alpha is offering a 10% discount to the person attending TWO 2-day public courses (at RRP pricing) in our Canberra Training Centre during the promotional period. The offer can't be taken with another offer or promotion and is a limited offer. Courses will be invoiced together (two 2-day courses, at RRP pricing, less 10%) and must be paid in full before course commencement to obtain free course. Register for TWO public 2-day courses to obtain the 10% discount.

    • Option 2 (CANBERRA):

    • Buy 2 * 2-day courses and get a 1-day course FREE

    • Support your staff by upskilling them.

    • Alpha is offering a FREE 1-day course to the person attending TWO 2-day public courses (at RRP pricing) in our Canberra Training Centre during the promotional period. The offer can't be taken with another offer or promotion and is a limited offer, and will be limited to specific 1-day courses. Courses will be invoiced together (two 2-day courses, at RRP pricing, plus 1-day free course) and must be paid in full before course commencement to obtain free course. Register for TWO public 2-day courses to obtain the FREE 1-day course.

eLearning DVD

When you attend any of the following scheduled courses, you will receive a FREE eLearning DVD:

  • Acrobat for Business and Advanced
  • PhotoShop Level 1, and Level 2
  • Illustrator Level 1, and Level 2
  • InDesign Level 1, and Level 2
  • Dreamweaver Level 1, and Level 2
  • Flash Level 1, and Level 2

Specials are subject to our terms and conditions

Gift Vouchers

When you give an Alpha Computer Consultants Gift voucher, you let people choose their own reward from the entire list of courses and consulting we provide. It is much more effective than other incentive schemes as they can choose which courses they want to benefit from.

Course Includes

Adobe Certified

Free E-Learning DVD’s

Guaranteed Learning

Certification

Free Course Repeat

Coursebooks

Help Desk

Footer