Customer Service or Enrol: 0800 282 353 or +44 1372 364610
 

Cascading Style Sheets (CSS) for Web Page Development: Hands-On

Course: 522   Type: Hands-On   Duration: 3 Days
Quick Enrol  

You Will Learn How To

  • Develop fast, efficient, accessible and attractive Web pages using CSS and HTML
  • Generate tableless page layouts with pure CSS
  • Build pages that are optimised for search engines
  • Apply best practices to develop cross-browser compatible Web pages and avoid pitfalls
  • Implement menu designs for effective site navigation
  • Create Web sites that meet Section 508 and W3C accessibility standards

Course Benefits
Organisations are under increasing pressure to produce sophisticated, attractive and contemporary Web sites that work on a variety of browsers and are optimised for search engines. In this course, you design and rapidly develop cross-platform Web pages using CSS and HTML. You also learn how to create effective site navigation, optimise pages for layout and printing, and design pages that meet the most stringent compliance regulations.

Who Should Attend
Those involved in establishing, designing, developing and maintaining Web sites. Experience with HTML at the level of Course 470, "Developing a Web Site", is required.

Hands-on Training
This course provides you with the skills to design and develop effective, accessible and exciting Web pages. Exercises include:
  • Constructing vertical & horisontal menus using lists
  • Creating non-JavaScript rollover effects
  • Developing CSS that work with different browsers
  • Building site navigation with different menu designs
  • Incorporating background images in page designs
  • Optimising document layout for usability & accessibility
  • Positioning and floating page content
  • Designing absolute positioning of page elements

Course Content
Employing CSS
  • Development cycle
  • Benefits of CSS
  • CSS vs. HTML styling
  • Enhancing the visitor experience
  • CSS standards
  • Accessibility guidelines
Applying CSS Fundamentals
CSS formatting conventions
  • Defining CSS structure
  • Units of measure
  • Fixed vs. relative sizing
  • Employing font and colour properties
  • Abbreviating and simplifying style sheets with shorthand styles
Choosing and applying styles
  • Class vs. ID attributes
  • Incorporating DIV and SPAN tags
  • Comparing inline and block styling
Integrating style sheets
  • External and embedded style sheets
  • Importing vs. linking to external style sheets
  • Working with the CSS cascade
The CSS box model
  • Grouping and styling content
  • Implementing margins, borders and padding
  • Enriching site design with backgrounds and images
  • Managing collapsed margins
Manipulating the Style Sheet
Directing browser behaviour
  • The importance of the !DOCTYPE directive
  • Choosing document standards
  • Switching between quirks and standards compliant modes
Deriving and overriding styles
  • Inheritance and style behaviour
  • Assigning styles and applying rules
  • Working with specificity
Structuring Page Layout
Managing page elements with CSS
  • Building layout pages using pure CSS tableless techniques
  • Floating
  • Absolute vs. relative positioning
Effectively organising content
  • Optimising page layout for accessibility, search engines and portable devices
  • Producing rollover effects
  • Implementing linear layout
Implementing Cross-Browser Techniques
Incorporating best practices
  • Building pages to display a variety of platforms
  • Designing for PDAs and mobile phone browsers
  • Producing printable content without creating additional printer-friendly pages
  • Styling for optimal print formatting
Cross-browser workarounds
  • Targeting specific browsers
  • Developing pages that work with quirky browsers and broken boxes
Employing Effective Navigation
Organising Web site information
  • Comparing menu techniques for optimal site usability
  • Pinpointing visitor location in site structure with crumbtrails
  • Creating search-friendly menus using lists
Constructing menus
  • Implementing easily maintained tableless menus using HTML lists
  • Designing accessible and attractive horizontal, vertical and tabbed menus
  • Applying rollover techniques to menus
Styling Forms and Tables for Accessibility
Formatting tabular data
  • Effective table design techniques
  • Employing CSS to attractively style tables
  • Applying accessibility techniques to table design
Form aesthetics to meet standards
  • Creating effective and accessible forms that work with diverse browsers
  • Applying style sheet properties to forms
  

request more info Salutation*:

First Name*:

Last Name*:

Job Title:

Company*:

Post Code*:

Country*:
   Codes
Office Telephone*:

Extension:

E-mail*:

* Required

A Learning Tree representative will contact you to follow up your request for information.

Save 55%
Cascading Style Sheets (CSS) for Web Pages
Course Schedule
16 - 18 Jul, 2008
London
17 - 19 Sep, 2008
London
19 - 21 Nov, 2008
London
21 - 23 Jan, 2009
London
25 - 27 Mar, 2009
London

Participants creating an accessible Web page that works on any browser.

£ 1,395 - Standard Tuition
Savings Plans
£ 810 - 10-Day Training Pass
£ 995 - Flex-Training Passport
£ 800 - Short Course Vouchers
£ 1,255 - Alumni Gold Tuition

 
Customer Service or Enrol: 0800 282 353 or +44 1372 364610