Elstree Film Studios - Training Courses - Advanced CSS
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.
Duration: 1 day.
Prerequisites: To take this course you should have either taken the
Introduction to HTML training course, or have equivalent experience.
Location: 21st Century New Media Ltd (Production Offices), Elstree Film Studios, Shenley Road, Borehamwood, Hertfordshire, WD6 1JG. [
Click here for a map]
Times: 10.00am to 4.30pm. For security reasons, further details are only provided upon booking.
Courseware: The book which accompanies this course is posted to you upon payment confirmation.
Accommodation & Transport: Details of local accomodation and transport can be found
here.
Further assistance: Our
FAQ help page contains the answers to many popular questions. Alternatively please call
0844 844 2428 to arrange to speak to our training manager.
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