Web Fundamentals Cascading Stylesheets (CSS) Training Courses

CSS3 Jumpstart - zero to CSS HERO 1
- Level: Introduction
- Duration: 5 Days
- Time: 10 AM - 5 PM
- Cost: £997 ex VAT
Cascading Style Sheets (CSS) 101: Rookie 1
- Level: Introduction
- Duration: 3 Days
- Time: 10 AM - 5 PM
- Cost: £697 ex VAT
Cascading Stylesheets (CSS3) 201: HotShot 2
- Level: Advanced
- Duration: 2 Days
- Time: 10 AM - 5 PM
- Cost: £497 ex VAT
Web Fundamentals Jumpstart 1
- Level: Introduction
- Duration: 5 Days
- Time: 10 AM - 5 PM
- Cost: £997 ex VAT
Web Design Creative License (Silver) 1
- Level: Introduction to Advanced
- Duration: 17 Days
- Time: 10 AM - 5 PM
- Cost: £2647 ex VAT

Academy Class brings your Web Fundamentals Cascading Style Sheets training courses in London, Glasgow,and Manchester.
Cascading Style Sheets (CSS) are a standard instrument for scheming the design of HTML pages. Cascading Style Sheets illustrates how an HTML document should be designed: defining the fonts, sizes, color, spacing, backgrounds, borders, position and every other aspect of HTML formatting. It gives web designers added control by allowing redesigning of entire websites proficiently in a way they are more accessible and download faster.

Academy Class is the perfect institution for learning, testing, and training for Web Fundamentals Cascading Style Sheets. All our instructors for Cascading Style Sheets are there to aid in improving your basic understanding regarding web fundamentals and designing.
Web developers are eager to learn how to create contemporary, dynamic and highly interactive websites. All our Web Fundamentals Cascading Style Sheets training courses are taught by industry-acknowledged and experienced instructors who are professional web developers. At Academy Class you will learn the most important and fundamental skills for web development and design.
Once you are done with the Web Fundamentals Cascading Style Sheets training courses at Academy Class you will acquire a profound knowledge of how to construct multi-column, interactive, cross-browser and visually attractive websites that meet the standards and required accessibility check-points according to your needs. You will also have gained the know-how essential to make your websites transferable in cross media.

Our instructors for Web Fundamentals Cascading Style Sheets training courses are experts with proven teaching skills who are also working industry professionals. This permits a high quality of practical knowledge to be imparted to the students. You can ask as many questions as you want, and put into practice the skills you have learned with a specialist on hand to help you out with web design and development.

The learning, equipment and environment at Academy Class are top-class. All our Web Fundamentals Cascading Style Sheets training courses are particular to your needs. Our instructors will work with you and make sure you never need training again. If you don’t get a chance to use the tool set right away after completing the Cinema 4d training class then you can come back and refresh your skills free of charge within 6 months of the first day of training.

More on CSS Page Layout

Alternative Methods of CSS Positioning
Centring Blocks
Styling Lists
Redefining the Behaviour of Inline and Block Elements
Hiding and Revealing Blocks
Table Formatting in CSS
Styling Table Cell Borders
Page Layout with Table Display Properties

Cascade, Precedence, Specificity and Inheritance in CSS

Taking Control: Ensuring that CSS Rules Interact in the Way You Want
Combining Styles: Different Types, Origins, Importance, Specificity and Order
Examples: Combining Rules
Cascading and Cascade Order
Resolving Style Conflicts By Origin
Resolving Style Conflicts By Importance
Resolving Conflict By Selector Specificity
Resolving Conflict By Order
Non-CSS Presentational Hints
Property Inheritance

CSS Layers and Translucency

Different Forms of Layered Presentation in CSS
Layering with the z-index Property
Different Methods for Creating Translucency Effects
The CSS3 opacity Property
opacity Example
Fixed Attachment Backgrounds in Layers
background-attachment Example
Transparency and Semi-transparency with Alpha-Blended PNG
PNG Translucency Example and Sample Code
Pseudo-Transparency with JPG Positioned Backgrounds
JPG Pseudo Transparency Example

Using CSS in the Real World

Deploying CSS
CSS Formatting Versus HTML Formatting
Achieving a Balance
Standard Tags and Semantic Markup
Usability
Readable Pages
Screen Size and Fluid Design
Text Size, Including Internet Explorer Quirks
Table Layout and CSS Positioning
Table Layout and CSS Positioning as Alternatives
Combining Table Layout with CSS Positioning
CSS Browser Support
Testing Websites
Using Test Suites and Multiple Browsers
Cross-platform Testing in Single-platform Environments
CSS Help and Advice
Authorative Sources versus Web Myths and Gossip
Free Lifetime Support

CSS3 on mobile devices

CSS3 media queries
Different Sizes
Orientation Change

Fonts & Text

Using Custom Fonts
@font property
Importing fonts
Web Font formats
Buying web fonts
TypeKit, fontsquirrel
Using google font api
Text shadows
Font sizing with REM
Enhanced Text Gradients

Enhancing your boxes

Box rounding
Adding a Shadow to objects
Opacity & Transparency
Colouring with RGB and Alpha
Adding a CSS3 Gradient
Rotating objects
Applying animations & transitions

Backward compatibility tools

CSS3Pie,
CSS3Please & Generators
Transformie, Modernizr
Selectivizr

Useful CSS Tips

Usage of CSS Sprites
Pseudo Selectors
CSS minify
Cheat Sheet for CSS3

Enhanced CSS3 Effects

Speech bubbles using CSS3
CSS3 Ribbons
Using the CSS3 pseudo
Pseudo background images
Multi-column layouts CSS3
CSS3 Patterns
CSS3 Gradient Effect
Applying CSS3 to forms
Resize Background Image
Cool CSS3 Hover Effects

Menus

HoverBox Image Gallery
Advanced CSS Menu
Sliding Photograph Gallery
CSS3 Navigation & Menus
CSS3 toggle-button without JavaScript
Create iOS back & forward buttons with CSS3

3D in CSS3

CSS3 3D Carousel
CSS3 3D Gradient Box

CSS3 with jQuery

Building a Clock
AJAX tabs with jQuery and CSS3

CSS Fundamentals with CSS3 properties
CSS Introduction
CSS Boxes and CSS Selectors
Text Formatting in CSS
More CSS Selectors and Selection
CSS Positioning
More on CSS Page Layout
Cascade, Precedence, Specificity and Inheritance in CSS
CSS Layers and Translucency
Using CSS in the Real World

Level: Introduction 1
Time: 10 AM - 5 PM
Duration: 3 Days
Cost: £697 ex VAT

Choose the date you would like to book:

- Feb
- Mar
- Apr
- May
- Jun
- Jul
London
Glasgow
Manchester
Cardiff
Newcastle
Birmingham
Edinburgh

◀ ▶

If no dates appear then please call 0800 043 8889 for more date information

Academy Class Guarantee Academy Class Discount

CSS Introduction

HTML Structure and Content, CSS Presentation
Advantages of CSS
Creating and Using Style-Sheets
CSS Rules: The Basic Syntax
Case, Whitespace and Comments in CSS
The CSS Standards
The Scope Of CSS
Browser Support for CSS

CSS Boxes and CSS Selectors

The CSS Box Model
CSS and Logical HTML Structure
Styling Boxes: Borders, Margins and Padding
The IE Box Model and Quirks Mode
IE Box Model Workarounds
Using IE6 Standards Mode
Specifying CSS Distances
Problems with Absolute Units: pixels and point sizes
Using Proportional Units: em, ex and percentages
Formatting Box Edges Differently
Shorthand Syntax for Sets of Edges
Using Margins and Padding Effectively
Collapsing Vertical Margins on Paragraphs
Using Negative Margins on Boxes
Background Images on CSS Boxes
Grouping Elements with HTML Classes
Styling Multiple Elements Similarly (Selector Grouping)
Block Boxes and Inline Boxes
Block Box Behaviour
inline Box Behaviour

Text Formatting in CSS

Text Formatting
Typefaces, Alternatives and Defaults
Text Size — a Serious Usability Issue
Font Characteristics
Setting and Using Space Within Text
Formatting Blocks of Text
Using Arbitrary Inline Tags:

More CSS Selectors and Selection

Using HTML Element IDs in CSS
Using CSS Descendant Selectors
Descendant Selector Examples
Child, Sibling and Pseudo-Class Selectors
Why You Need To Know Them
Browser Support and CSS Hacks
Distinguishing and Setting Link States
Link, Visited, Hover, Active, Focus
Modularising CSS Style-Sheets
Simpler Management, Less Effort, More Control
Embedded CSS Styles in HTML Documents
How and When to Use Them (Rarely).
Distinguishing Print, Screen and other Output Formats
Special Issues in CSS for Print

CSS Positioning

Choosing the Right CSS
Technique for Positioning Blocks
The Position Property, Floats, Margins (inc. Negative and Auto), etc
Static Positioning and Normal Flow
Absolute Positioning Outside Normal Flow
Relative Positioning — Not What You May Expect!
Fixed Positioning Outside Normal Flow
Relative Absolute Positioning
Absolutely Positioned Blocks in Relatively Positioned Containers
Floating Boxes with the CSS float property
Page Layout Using Absolutely Positioned Blocks

More on CSS Page Layout

Alternative Methods of CSS Positioning
Centring Blocks
Styling Lists
Redefining the Behaviour of Inline and Block Elements
Hiding and Revealing Blocks
Table Formatting in CSS
Styling Table Cell Borders
Page Layout with Table Display Properties

Cascade, Precedence, Specificity and Inheritance in CSS

Taking Control: Ensuring that CSS Rules Interact in the Way You Want
Combining Styles: Different Types, Origins, Importance, Specificity and Order
Examples: Combining Rules
Cascading and Cascade Order
Resolving Style Conflicts By Origin
Resolving Style Conflicts By Importance
Resolving Conflict By Selector Specificity
Resolving Conflict By Order
Non-CSS Presentational Hints
Property Inheritance

CSS Layers and Translucency

Different Forms of Layered Presentation in CSS
Layering with the z-index Property
Different Methods for Creating Translucency Effects
The CSS3 opacity Property
opacity Example
Fixed Attachment Backgrounds in Layers
background-attachment Example
Transparency and Semi-transparency with Alpha-Blended PNG
PNG Translucency Example and Sample Code
Pseudo-Transparency with JPG Positioned Backgrounds
JPG Pseudo Transparency Example

Using CSS in the Real World

Deploying CSS
CSS Formatting Versus HTML Formatting
Achieving a Balance
Standard Tags and Semantic Markup
Usability
Readable Pages
Screen Size and Fluid Design
Text Size, Including Internet Explorer Quirks
Table Layout and CSS Positioning
Table Layout and CSS Positioning as Alternatives
Combining Table Layout with CSS Positioning
CSS Browser Support
Testing Websites
Using Test Suites and Multiple Browsers
Cross-platform Testing in Single-platform Environments
CSS Help and Advice
Authorative Sources versus Web Myths and Gossip
Free Lifetime Support

Advanced CSS with CSS3 properties

Level: Advanced 2
Time: 10 AM - 5 PM
Duration: 2 Days
Cost: £497 ex VAT

Choose the date you would like to book:

- Feb
- Mar
- Apr
- May
- Jun
- Jul
London
Glasgow
Manchester
Cardiff
Newcastle
Birmingham
Edinburgh

◀ ▶

If no dates appear then please call 0800 043 8889 for more date information

Academy Class Guarantee Academy Class Discount

HTML (includes HTML5 Elements)
CSS Fundamentals with CSS3 properties

The Language of the Web
Web Page Construction
Serving Up the Page
Images, Media, and More HTML
Moving on to XHTML
Adding Some Style
More About CSS and Properties
Web Layout Basics
More HTML and CSS Techniques
Arranging Elements
Adding Forms to your Page
CSS Introduction
CSS Boxes and CSS Selectors
Text Formatting in CSS
More CSS Selectors and Selection
CSS Positioning
More on CSS Page Layout
Cascade, Precedence, Specificity and Inheritance in CSS
CSS Layers and Translucency
Using CSS in the Real World

Level: Introduction 1
Time: 10 AM - 5 PM
Duration: 5 Days
Cost: £997 ex VAT

Choose the date you would like to book:

- Feb
- Mar
- Apr
- May
- Jun
- Jul
London
Glasgow
Manchester
Cardiff
Newcastle
Birmingham
Edinburgh

◀ ▶

If no dates appear then please call 0800 043 8889 for more date information

Academy Class Guarantee Academy Class Discount

Overview

HTML (includes HTML5 Elements)
CSS Fundamentals with CSS3 properties

This class provides you with the concepts and skills to use HTML, Javascript and CSS effectively. You get hands-on practice working with basic through advanced techniques to get the most out of your experience. You will learn the basics of coding for web design, beginning with HTML and advancing to more complex XHTML and CSS fundamentals.

The CSS part of the 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.

This class is a must for people new to web design.
The class is a package and doesnt have its own schedule but instead you would take the HTML 101 Rookie class fiorst and follow this up at a later date with the CSS rookie class

Who is this course for?

People new to Web design that desire a deeper understanding of HTML and CSS, and the new standards of web design.

Assumed Knowledge

We will assume little or no prior knowledge of HTML and CSS in this course but you should have a basic working knowledge of either the Windows or Mac.

What you will learn

Basics of HTML and CSS
Planning your Web Site
Formatting
Images and Styles
Understanding Properties
Working with Colours and Background Images
The DIV Tag
Layout and building Basic Forms
Understand the JavaScript language.
Understand the Document Object Model and how it is used in JavaScript.
How to detect and respond to user actions
Alter, show, hide and move objects on a web page
Check information inputted into a form
How to use CSS (Cascading Stylesheets)

The Language of the Web

Basics of HTML and the Web
Creating an HTML File
Web Browsers and Tags
Formatting and Testing Pages
Understanding Attributes
Working with Images

Web Page Construction

The Rough Design Sketch
From a Sketch to an Outline
From Outline to Web Page
Testing your New Pages
Learning New Tags and Elements
Working with Blockquote and Paragraph
Nesting Elements
Choosing Inline or Block for Text

Serving Up the Page

Finding Hosting Solutions
Domain Name Basics
Getting your Files to the Web
URL Linking
HTTP Protocol
Absolute and Relative Paths
Index and Default Pages
Linking to Other Web Sites
Liking to a New Window
Using Target
Testing on Multiple Browsers
Tips and Tricks for Publishing

Images, Media, and More HTML

Working with Images
Standards and the ATL Tag
Images for Links
Formatting Options
Working with Transparent Images
Working with Page Color and Background
Document Type and the W3C Validator
Using Meta Tags and Data
Validating and Nesting Fixes

Moving on to XHTML

Learning About XHTML
The XHTML 1.0 Checklist
Moving from HTML to XHTML
Validation and XHTML

Adding Some Style

Using CSS and XHTML
Designing and Building Rules
Linking to External Style Sheets
Understanding Inheritance
The Font Family Tree
Overriding Inheritance
Creating a Selector for the Class
Taking Classes Further
Validating CSS

More About CSS and Properties

Text and Fonts
Understanding Font-Family
Adding Style to Your Fonts
Specifying Web Colours
Two Minute Guide to Hex Codes
How to Find Web Colours
Text Decorations
Removing the Underline from Links

Web Layout Basics

Learning the Box Model
Padding, Border, and Margins
Adding a Background Image
Adding Padding to the Left and Right
Two Minute Guide to Borders
Border Fit and Finish
Working with the id Attribute
Using Multiple Style Sheets

More HTML and CSS Techniques

Dividing a Page into Logical Sections
Selecting Descendants
Working with Colour
Fixing the Line Height
Adding the Tag for Style
Styling Based on State
Pseudo-Classes
Understanding the Power of Cascade

Arranging Elements

Working with Flow
Working with Inline Elements
Putting it all Together
Working with Width and Float
Fixing the Two-Column Problem
Fixing Overlap
Liquid and Frozen Designs
How Fixed Positioning Works
Two and Three Column Designs

Adding Forms to your Page

How Forms Work
Adding the Form Element
Working with Input and Select
Radio Buttons and Drop Downs
Working with Get and Post
Working with Tables and Forms
Styling the Form and Table with CSS

CSS Introduction

HTML Structure and Content, CSS Presentation
Advantages of CSS
Creating and Using Style-Sheets
CSS Rules: The Basic Syntax
Case, Whitespace and Comments in CSS
The CSS Standards
The Scope Of CSS
Browser Support for CSS

CSS Boxes and CSS Selectors

The CSS Box Model
CSS and Logical HTML Structure
Styling Boxes: Borders, Margins and Padding
The IE Box Model and Quirks Mode
IE Box Model Workarounds
Using IE6 Standards Mode
Specifying CSS Distances
Problems with Absolute Units: pixels and point sizes
Using Proportional Units: em, ex and percentages
Formatting Box Edges Differently
Shorthand Syntax for Sets of Edges
Using Margins and Padding Effectively
Collapsing Vertical Margins on Paragraphs
Using Negative Margins on Boxes
Background Images on CSS Boxes
Grouping Elements with HTML Classes
Styling Multiple Elements Similarly (Selector Grouping)
Block Boxes and Inline Boxes
Block Box Behaviour
inline Box Behaviour

Text Formatting in CSS

Text Formatting
Typefaces, Alternatives and Defaults
Text Size — a Serious Usability Issue
Font Characteristics
Setting and Using Space Within Text
Formatting Blocks of Text
Using Arbitrary Inline Tags:

More CSS Selectors and Selection

Using HTML Element IDs in CSS
Using CSS Descendant Selectors
Descendant Selector Examples
Child, Sibling and Pseudo-Class Selectors
Why You Need To Know Them
Browser Support and CSS Hacks
Distinguishing and Setting Link States
Link, Visited, Hover, Active, Focus
Modularising CSS Style-Sheets
Simpler Management, Less Effort, More Control
Embedded CSS Styles in HTML Documents
How and When to Use Them (Rarely).
Distinguishing Print, Screen and other Output Formats
Special Issues in CSS for Print

CSS Positioning

Choosing the Right CSS
Technique for Positioning Blocks
The Position Property, Floats, Margins (inc. Negative and Auto), etc
Static Positioning and Normal Flow
Absolute Positioning Outside Normal Flow
Relative Positioning — Not What You May Expect!
Fixed Positioning Outside Normal Flow
Relative Absolute Positioning
Absolutely Positioned Blocks in Relatively Positioned Containers
Floating Boxes with the CSS float property
Page Layout Using Absolutely Positioned Blocks

More on CSS Page Layout

Alternative Methods of CSS Positioning
Centring Blocks
Styling Lists
Redefining the Behaviour of Inline and Block Elements
Hiding and Revealing Blocks
Table Formatting in CSS
Styling Table Cell Borders
Page Layout with Table Display Properties

Cascade, Precedence, Specificity and Inheritance in CSS

Taking Control: Ensuring that CSS Rules Interact in the Way You Want
Combining Styles: Different Types, Origins, Importance, Specificity and Order
Examples: Combining Rules
Cascading and Cascade Order
Resolving Style Conflicts By Origin
Resolving Style Conflicts By Importance
Resolving Conflict By Selector Specificity
Resolving Conflict By Order
Non-CSS Presentational Hints
Property Inheritance

CSS Layers and Translucency

Different Forms of Layered Presentation in CSS
Layering with the z-index Property
Different Methods for Creating Translucency Effects
The CSS3 opacity Property
opacity Example
Fixed Attachment Backgrounds in Layers
background-attachment Example
Transparency and Semi-transparency with Alpha-Blended PNG
PNG Translucency Example and Sample Code
Pseudo-Transparency with JPG Positioned Backgrounds
JPG Pseudo Transparency Example

Using CSS in the Real World

Deploying CSS
CSS Formatting Versus HTML Formatting
Achieving a Balance
Standard Tags and Semantic Markup
Usability
Readable Pages
Screen Size and Fluid Design
Text Size, Including Internet Explorer Quirks
Table Layout and CSS Positioning
Table Layout and CSS Positioning as Alternatives
Combining Table Layout with CSS Positioning
CSS Browser Support
Testing Websites
Using Test Suites and Multiple Browsers
Cross-platform Testing in Single-platform Environments
CSS Help and Advice
Authorities Sources versus Web Myths and Gossip
Free Lifetime Support

Dreamweaver 101: Rookie
Flash 101: Rookie
Flash 201: HotShot
Fireworks 101:Rookie
CSS Cascading Stylesheets 101: Rookie
HTML 101: Rookie
Dreamweaver Adobe Certified Associate Exam & Preparation
Flash Adobe Certified Associate Exam & Preparation

Level: Introduction to Advanced 1
Time: 10 AM - 5 PM
Duration: 17 Days
Cost: £2647 ex VAT

Choose the date you would like to book:

- Feb
- Mar
- Apr
- May
- Jun
- Jul
London
- - 13 - 17
- - 12 - 16
  - 26 - 30
- - 16 - 20
  - 23 - 27
- - 14 - 18
  - 21 - 25
- - 18 - 22
  - 25 - 29
Glasgow
- - 5 - 9
  - 12 - 16
- - 30 - 4
- - 7 - 11
- - 18 - 22
  - 25 - 29
Manchester
- - 6 - 10
- - 5 - 9
  - 5 - 9
  - 12 - 16
- - 14 - 18
  - 14 - 18
  - 21 - 25
- - 25 - 29
  - 25 - 29
Cardiff
Newcastle
Birmingham
Edinburgh

◀ ▶

If no dates appear then please call 0800 043 8889 for more date information

Academy Class Guarantee Academy Class Discount

The academy class guarantee

Did you know that Academy Class is also 100% committed to ensuring you understand the concepts we teach in all our classroom-based courses and that you have met the course objectives?

We understand that you rely on us to get a good grasp the key concepts taught in our training. We also realise that if you don’t fully understand the content when you leave, the money and time you’d spend repeating the same course is a cost your business could do without.

We believe that our high-quality training courses will meet and exceed your expectations and enable you learn the concepts you need to know, first time. And we want you to be confident that we’ll support you through your learning experience by proving our commitment to delivering a high-quality & easily-understood course.

That’s why we’ve introduced the Academy Class Guarantee.

Here’s how it works

We make an upfront commitment to you that you’ll be comfortable with what you learn in our classes.

If you don’t feel that you’ve grasped the concepts and can put the training into practice, we invite you to repeat the same course within a six-month period absolutely free of charge*.

Academy Class’s Guarantee, means you can rest assured that if you’re still uncertain about what you’ve learned, you can come back free of charge* and sit the class again. It’s that simple.

*Academy Class Guarantee Terms and Conditions

Guarantee offer is only made to the original person attending a Academy Class classroom training course and is not transferable.

Attendees returning for a repeat sitting of a course must bring their original manual and materials for use on the day.

Bookings for a repeat sitting of a classroom course must be made via the Academy Class Hotline 0800 043 8889 and are subject to availability.

Guarantee offer is valid for 6 months from the date of the original classroom course, after which date it becomes null and void.

Offer is only applicable for one repeat sitting of the same course originally attended.

Cancellation of Course - Academy Class reserves the right to cancel at its sole discretion any particular course. In the event that a specific course is cancelled then participants

enrolled in that course will be transferred to the next available course and notified by Academy Class of the change.

Students should be aware that there is always a chance that they will be “bumped” into the next class if it were to fill up with paying students. Even if you are bumped, we do guarantee that you will be afforded 1 refresher of your training class.

Web Fundamentals Cascading Stylesheets (CSS) Training Courses

CSS3 Jumpstart - zero to CSS HERO

Private Training

Live Online Training

Academy in a Case

Here’s what you get on an Academy Class

Cascading Style Sheets (CSS) 101: Rookie

Cascading Stylesheets (CSS3) 201: HotShot

Web Fundamentals Jumpstart

Web Design Creative License (Silver)

The academy class guarantee

Here’s how it works

Discounts

Early Bird

Group Bookings

Training Vouchers

Education, Charity & Freelance Discounts

Top Ten Courses