e-academy – IT training excellence in Cardiff, Newport, Bristol and South Wales

Course details
Fee £695
Days 2
Code CSS

There are currently no dates scheduled for this course.

However it can still be provided on a closed-company basis – or we may schedule it on demand. Please contact us for further information.

e-mail us
or call us on
0845 650 6500

Designing Cascading Style Sheets

The Designing Cascading Style Sheets training course is available at our Cardiff training centre in Wales, which is also within easy reach of Newport, Bristol and South Wales

Overview

Cascading Style Sheets (CSS) is an important component of successful Web Design. It is integrated into HTML 4.0, so to create valid HTML pages you should use CSS to control your colours, typography, and layout schemes, rather than the HTML 4.0 style-oriented tags and attributes of previous versions of HTML. In this course, you will be introduced to the concepts, techniques, properties, and values of CSS in a sequence that reflects a typical "building up" of design rules. You will first start with colours, since in many cases the colours you use for a site project will be dictated to you by the organisation's existing colour scheme. Colour is also the simplest part of CSS, so it's a great place to get started. You will then learn how to control typography using text and font properties. Typographical styles are important to establish before you get into the layout of content areas because the size and spacing of your text will help define the size of your content sections. You will then explore the layout-oriented styles of CSS, including margins, padding, and absolute and relative positioning. Once you have established your layout, you can apply the finishing touches on your design, which might include customising cursors, links, and forms, creating alternate style sheets, and any other techniques.

Examination information

  • There are no exams related to this topic at this time.

Prerequisites

Before attending this course, students must have:

  • Attended HTML 4.0 Programming Level 1
  • and attended HTML 4.0 Programming Level 2

Course outline

Controlling Colour and Typography

  • Create an Embedded Style Sheet
  • Apply Colour
  • Comment your Code
  • Modify Text Styles
  • Modify Font Styles
  • Create a linked Style Sheet

Designing with the Cascade

  • Create Class Styles
  • Create ID Styles
  • Create Contextual Styles
  • Target Styles to Elements with Specific Attributes
  • Create Style Sheets that Cascade
  • Import Style Sheets
  • Create Inline Styles

Designing Content Sections

  • Control Margins and Padding
  • Create Borders
  • Control Element Dimensions
  • Create Floating Elements
  • Control Content Overflow

Controlling Layout with Positioning

  • Controlling Layout with Absolute Positioning
  • Create a Fixed, Multi-column Layout
  • Create a Fluid, Multi-column Layout
  • Control Layout with Relative Positioning
  • Control the Display of Layered Elements
  • Apply Fixed Positioning

Enhancing an Existing Design

  • Customise Cursors
  • Customise Link Styles
  • Customise Forms
  • Display and Manipulate Background Images
  • Customise Lists
  • Create Generated Content

Create Alternate Style Sheets

  • Create Accessible Style Sheets
  • Apply User-Defined System Fonts and Colours
  • Create a Print Style Sheet