- Price £497.00
- Level Introduction
- Duration 2 day(s)
Description
CSS Fundamentals with CSS3 properties
This class provides the web professional with the ability to control the rendering, e.g. fonts, colours, leading, margins, typefaces, and other aspects of style of a Web document without compromising its structure using Cascading Style Sheets. Using common desktop publishing terminology, Cascading Style Sheets makes it easy for professional as well as untrained designers to make use of its features.
Prerequisites
Web professionals who are seeking to provide a more accessible design structure using Cascading Style Sheets.
Assumed Knowledge
You should have a working knowledge of HTML.
Skills
Upon successful completion of this course you’ll be able to; convert an existing page, styling for print, styling a press release, making an input form look good, styling an events calendar, creating an online greeting card, bringing hyperlinks to life, multicolumn layout, how to skin a menu, sneaking out of the box, positioning a better design and fixing your backgrounds.
Course Content
CSS Introduction
- HTML Structure and Content, CSS Presentation
- Advantages of CSS
- Implementing CSS
- CSS Rules: The Basic Syntax
- Case, Whitespace and Comments in CSS
The CSS Standards
- The Scope of CSS
- Browser Support for CSS
- CSS Hackarounds
Writing CSS
- CSS Selectors
- CSS and HTML Structure
- The CSS Box Model
- The IE Box Model
- Absolute Units
- Proportional Units
- Shorthand Syntax
- Margins and Padding
- Negative Margins
- Background Images
- Classes and ID’s
- Descendant Selectors
- Group Selectors
- Block Boxes and Inline Boxes
- Block Box Behaviour
- Inline Box Behaviour
Text
- Text Formatting in CSS
- Text Formatting
- Typefaces, Alternatives and Defaults
- Text Size and usability issues
- Internet Explorer Quirks
- Font Characteristics
- Setting and Using Space Within Text
- Formatting Blocks of Text
Links
- Undeerstanding Link States
- Styling Link states
- Styling Internal Links
- Styling external Links
- Styling links to documents
Stylesheets
- Reset.css
- Modularising CSS Style-Sheets
- Simpler Management, Less Effort, More Control
- Using Embedded Styles
CSS Positioning
- Choosing the Right CSS
- Technique for Positioning Blocks
- The Position Property
- The Document Flow
- Static Positioning
- Relative Positioning
- Relative Positioning with specified values
- Absolute Positioning
- Fixed Positioning
- The CSS float property
- Clearing Floats
- Page Layout
- Using CSS in the Real World
- Deploying CSS
- Usability
- Readable Pages
- The Proliferation of Screens
Deployment
- CSS 2.1
- CSS3
- Browser Support
- Testing
- Using Test Suites and Multiple Browsers
- Cross-platform Testing in Single-platform Environments
- CSS Help and Advice
- Authoritative Sources versus Web Myths and Gossip
Practical Exercises
- Styling a simple page
- Styling a small site