Elstree Film Studios - Training Courses - Advanced CSS
Please note that this course has now been absorbed into our Complete Web Site Design Course - HTML, CSS & Dreamweaver (3 days) training course.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, 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.
Software Versions: All of our Adobe courses include lessons generic to CS3, CS4 and CS5 versions of the Adobe suite: whichever version you use is covered in detail. Our Apple training courses utilise Final Cut Studio HD (also known of as version 3 or FCS 2009).
Equipment: Our fully featured training room includes six top-of-the-range iMac computers configured to work in both Macintosh (OSX) and PC (Windows) modes, ensuring you the maximum familiarity with your chosen operating system.
Accommodation: Details of local accomodation 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