eNewsletter Sign-up

Contact

Tidalfire
42 St Mary's Street
Edinburgh
EH1 1SX

t: +44 (0)131 510 1240
f: +44 (0)131 510 1241
e: info@tidalfire.com
w: www.tidalfire.com
map: Google Map

Newsletter  |  Search   |   Contact  
You are here: Home / Training / Technologies / CSS

CSS

Cascading Style Sheets

Essentials

Course Information

Cascading Style Sheets provide a powerful way of formatting web pages and web page elements. The use of CSS creates pages that can be easily styled and updated. In this course delegates are introduced to the coding of CSS for web pages and work with CSS for positioning as well as for the creation of alternate media style sheets.

Duration

2 Days

Cost

£575 (ex VAT)

Schedule

Course Dates

Prerequisites

Before taking this course, students should be familiar with the basic functions of their computer’s operating system A working knowledge of HTML 4.01 would be an advantage.

Additional Notes

Courses can be run on Windows and Macintosh platforms and tailored to meet customers’ requirements. Courses run in Edinburgh, Glasgow and at client sites throughout the UK.

Related Courses

Essentials Outline

CSS Essentials

Introduction to Cascading Style Sheets (CSS)

  • Designing with Style Sheets

Controlling Color and Typography

  • Create an Embedded Style Sheet
  • Apply Color
  • 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

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

Creating Alternate Style Sheets

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

Advanced

Course Information

This Advanced CSS (Cascading Style Sheet) course focuses on the advanced usage of the technology.

Duration

1 Day

Cost

£425 (ex VAT)

Schedule

Course Dates

Prerequisites

Before taking this course, students should be familiar with the basic functions of their computer’s operating system A working knowledge of HTML 4.01 would be an advantage.
Knowledge equivalent to that in the Introduction to CSS course would be beneficial.

Additional Notes

Courses can be run on Windows and Macintosh platforms and tailored to meet customers’ requirements. Courses run in Edinburgh, Glasgow and at client sites throughout the UK.

Advanced Outline

CSS Advanced

Introduction to Cascading Style Sheets (CSS)

  • Designing with Style Sheets

Using Media Style Sheets

  • This section deals with the use of CSS to create style sheets for devices outside of the standard browser/screen layout and focuses on print style techniques among others.

CSS Layers and Animation

  • Layers provide the capability to stack and control content visibility. This topic covers the use of layers and how they can be controlled via JavaScript to provide advanced styling techniques.

Advanced Techniques

  • CSS Drop Down Menus
  • Rounded Corner Boxes
  • CSS Hacks

CSS – 3

  • CSS-3 provides a number of new features for the creation of layout and formatting of content. This section provides an overview of some of the new features which are part of the specification.

AJAX

  • Ajax (Asynchronous JavaScript and XML) is a web development technique for creating interactive web applications. This section provides examples of how it is used and the possibilities it offers for web development.


  • Share/Bookmark