Advanced Website Design Using CSS
Why CSS?
Proficient use of CSS (Cascading Style Sheets) enables web designers to create sites that:
- are quicker and easier to develop and maintain,
- download faster,
- are visually consistent,
- are more accessible,
- provide a better user experience and
- rank better with search engines.
Who should do this course?
Anyone who has become frustrated with table-based page design and/or needs the benefits and advantages provided by designing with XHTML+CSS. Participants should have completed the Dreamweaver Website Development course or have equivalent knowledge prior to commencing this course.
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,
- build navigation systems with CSS,
- test CSS-based designs in different browsers,
- replace table-based page designs with CSS page designs (both fixed width and liquid),
- create a style sheet switcher that allows users to select their preferred design.
Quick Facts
| Level: |
Beg / Int |
Price: |
$1100.00 incl GST |
You will receive: |
| Duration: |
2 Days |
Discounts*: |
2 Students - 10% |
- Certificate of completion |
| Size: |
10 |
|
3 Students - 15% |
- Training Manual |
| Times: |
9.00am to 5.00pm approx |
|
4 Students - 20% |
- 12 months FREE email support* |
| Pre-requisites: |
Refer to course description |
Bonus: |
2 FREE |
- FREE class re-sit (if necessary)* |
| |
|
|
Movie Tickets |
Course Brochure: |
| |
|
|
|
CSS.pdf |
| |
|
|
|
|
| * Conditions apply. |
|
Upcoming Courses
|
Sydney
Level 11, 32 Walker Street
North Sydney
View map
|
- Date:
- 29-30 Mar 10
- 21-22 Apr 10
- 10-11 May 10
- 03-04 Jun 10
- 21-22 Jun 10
|
|
Melbourne
Level 12, 379 Collins Street
Melbourne
View map
|
- Date:
- 12-13 Apr 10
- 27-28 May 10
|
|
Brisbane
C/- Support Technology, Level 6, 371 Queen St
Brisbane
View map
|
- Date:
- 29-30 Mar 10
- 26-27 May 10
|
|
Canberra
C/- Training Choice, Level 12, 15 London Circuit
Canberra
View map
|
Date: upon demand
|
|
Adelaide
C/- Mindfull Computer & Seminar, Level 4, 74 Pirie Street
Adelaide
View map
|
- Date:
- 25-26 Mar 10
|
For more information on dates or locations, please call
1300 888 724 or
enquire online.
Course Units
- Unit 1: Intro to CSS
- - Defining Styles with CSS
- - CSS Selectors
- - CSS Properties
|
- 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 (including changing or removing bullets, using images for list item bullets, removing list indenting, and displaying a list horizontally)
- - Removing page margins
- - Adding comments to a CSS file
|
- Unit 3: CSS and Images
- - Adding borders to images
- - Wrapping text around an image without using the HTML align attribute
- - Setting a background image for a page with CSS
- - Positioning background images
- - Creating a background image that remains stationary when the text scrolls
- - Placing text on top of an image
|
- 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
|
- 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
|
- Unit 6: Forms and User Interfaces
- - Styling form elements using CSS
- - Applying different styles to fields in a single form
- - Controlling white space and line breaks in a form
- - Using different colored highlights in a select menu
- - Highlighting the form field that the user clicks into
|
- 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 in Windows
- - Hiding CSS from Netscape 4
- - Hiding CSS from other browsers (the Box Model Hack)
- - 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
|
- Unit 8: CSS Positioning and Layout
- - Deciding when to use a class and when to use an ID
- - Can I make an 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 with the menu on the left, and the content on the right
- - Reversing this layout and putting the menu on the right
- - Creating a fixed-width, centered, two-column layout
|
