Call our Course Adviser hotline
RIGHT NOW on

COURSE TITLE:

CSS & Designing without Tables Training UK

LEVEL:

Intermediate : Advanced

COURSE LENGTH:

2 days

COURSE PRICES:

• On Site Price, at your Home or Office: Click here for Special Rates 

*All prices quoted exclude VAT

COURSE OVERVIEW:

This course focuses on using CSS and XHTML to design your whole Website. The benefits of learning and applying these technologies include: maximizing your pages for forward and backward browser compatibility, the ability to make instant, site-wide changes to the look and feel of your web pages.

The course outlines below set out the full range of topics you can choose to cover during your on-site training course, and you can build your course around your exact training requirements, or any specific projects you or your staff are working on at present.
You will find that this approach makes our courses the most effective and productive use of your training budget available today.

Introduction Level

Introduction to CSS
The Basic Purpose of CSS
When it's OK to Use a Table
Parts of a CSS Rule and Types of CSS Rules
What Properties and Elements CSS can Affect
Where CSS Styles can Be Defined

Putting CSS Into Perspective
CSS is Good For Colour, Fonts, and Images
Multiple Style Sheets, Users, and CSS
What CSS Alone Can't Do
CSS and Web Accessibility
Accommodating Older Browsers
Making Modern Browsers More Accommodating

Digging Below The Surface
Applying CSS to HTML Documents
How Inheritance Works in CSS
Selectors and Structure of CSS Rules

Universal Selector
Element Type Selector
Class Selector
ID Selector
Pseudo-Element Selector
Pseudo-Class Selector
Descendant Selector
Parent-Child Selector
Adjacent Selector
Attribute Selectors
Selector Grouping
Expressing Measurements
Absolute Values
Relative Values

Page Layout with CSS
CSS Web Site Design
Advantages of CSS Design
CSS Positioning and Multi-Column Layouts
The CSS Box Model

The display Property
Absolute, Relative, and Positioning Contexts
More on Positioning Page Blocks
Measurement Units and Types Influence Design
The float and clear Properties
The z-Index Property and Overlapping Content

Intermediate Level

Styling Text and other Content with CSS
How to Specify Colours
Setting body Colour
Transparency, Colour, and User Overrides
Interesting Uses of Colour

Making Fonts Consistent
How CSS Deals With Fonts
The font-family and font-size Properties
HTML Sizes Versus CSS Sizes
Variability Across Browsers and Platforms
Other Font Properties
Standard Versus Non-Standard Font Families
Specifying Font Lists
Using Nonstandard and Downloadable Fonts

Text Effects and the Cascade
Using the span Element
Text Alignment as a Design Technique
Horizontal and Vertical Spacing
The line-height, letter-spacing and word-spacing Properties

Text Decorations
Shadowed Text Without Graphics
Styling Hyperlinks
Styling Lists with CSS
Cascading and Inheritance
Basic Principles of Cascading
Sort Order
Specificity
Origin
Weight

Adding Graphics to the Design
Alignment of Images and Text
Placing Text On Top of Images
Clipping HTML Content

Non-Obvious Uses of CSS

Improving the User Experience
Basic List Styling With CSS
Enhancing the Look of a Menu
Creating a Submenu within the Main Menu
Using a Background Image as a Fixed Canvas

BACK TO TOP