training:Courses:CSS
CSS Training Courses
"Just what I needed - to build on self-taught css. Will be able to re-visit my work sites and apply much of the proper techniques."
Active Solutions Europe Ltd.
Active Solutions Europe Ltd.
CSS layout (Cascading Style Sheets) is a means of separating the content of a document from the style and layout of that document, making the HTML far cleaner. This is useful for a number of reasons: firstly, you can change the layout of the whole CSS website by altering only one file (the .css document) and you have a much greater control over the design. Secondly, CSS websites are also far more search engine friendly and thirdly, you can make different CSS versions of the same page for different HTML readers. i.e. PDA's, Mobile phones, Web TV, Braille readers. The course explores all of these advantages.
CSS will enable you to separate style from content in order to make life very easy for visitors who prefer to only view content on a page. Such versatility means that blind or partially sighted people, who use a screen reader to interpret a page, could be able to use your CSS sites with ease.
Layout and positioning of navigation elements can also be completely consistent across a site - something that was previously possible only using frames.
In addition to this course, we also offer two other training courses utilizing Dreamweaver: Our HTML Training Course makes for a great starter in the art of understanding and coding clean HTML. Our Complete Dreamweaver Training Course neatly combines the HTML and CSS courses together.
"Made me aware of how powerful CSS is & start thinking about how school websites can be set up entirely using CSS."
Hertfordshire County Council.
Duration: 2 days.
Hertfordshire County Council.
Prerequisites: To take this course you should have either taken the
Intro to the internet HTML training course' or have the equivalent experience
Why Take This Course?
CSS allows developers to control the style and layout of multiple web pages all at once. Define a style for each HTML element and apply it to multiple web pages. All elements are updated automatically.
COURSE CONTENT
CSS Introduction
- What are style sheets?
- What is CSS?
- Where does CSS come from?
- What does CSS do?
- The legacy of HTML
- CSS Productivity advantages
- CSS Site management advantages
- CSS Accessibility advantages
- CSS problems and shortcomings
Syntax Basics
- How style sheets work
- Anatomy of style sheets - statements, selectors, properties and values
Basic Selectors and Properties
- XHTML / HTML element selectors
- Basic text properties
- Inheritance
- Whitespace in CSS code
Linking and Embedding
- Linking documents to style sheets
- Embedding documents in style sheets
- Which is better, linking or embedding?
More Text Properties
- More CSS text and font properties - text-decoration, font-style, font-weight
- Background properties
- Colour values in CSS
- Group selectors
- Case sensitivity in CSS
Background Properties
- Background properties
- Colour in CSS
- The colour property
- Group selectors
Class & Pseudo Class Selectors
- Background properties
- Colour in CSS
- The colour property
- Group selectors
Page Layout
- The use of whitespace
- Margins
- Padding
- Text alignment and centring objects
- Borders
- Text indentation
Links with Class
- Combining link and class selectors
A Navigation Bar
- Cascading
- Descendant selectors
Importing Style Sheets
- importing style sheets
- using importing to manage large web sites
Real World CSS
- Validating HTML and CSS
- Design for adaptability and accessibility
- Real world issues for commonly used properties
- Browser compatibility. Making style sheets work today