• Technical IT

    Solutions delivered throughout the UK
  • Business Applications

    Solutions delivered throughout the UK
  • Professional Best Practice

    Solutions delivered throughout the UK
  • Professional Development

    Solutions delivered throughout the UK

Cascading Style Sheets 101: Yellow Belt

Cascading Style Sheets 101: Yellow Belt
  • Price £497.00
  • Level Introduction
  • Duration 2 day(s)
All major credit cards accepted

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

Make Enquiry

Course Enquiry
  •  
  •  

Book Now

Course Enquiry
  •  
  •  

Find your local training centre