0345 363 1130
info@xchangetraining.co.uk
Cascading Style Sheets (CSS) Introduction 2 Days - Glasgow
Key Course Details:
Level:
Introduction
Duration:
2
Days - 10am to 5pm
Price:
£495 + vat
Learn the basics of styling web pages as we show you how to get started with the power of CSS. Join us to see how applying simple CSS 'rules' can have dramatic effects on the look and feel of your website. Pick up the tips you need to add some polish to your web content.
After we guide you on what CSS is and how it is written, we will show you how to harness the power of the simple rules that define the appearance of every element that appears on a web page. You will learn how to control fonts, colours, widths, and much more in this fascinating insight into the control offered by CSS.
Learn the basics of styling web pages as we show you how to get started with the power of CSS. Join us to see how applying simple CSS 'rules' can have dramatic effects on the look and feel of your website. Pick up the tips you need to add some polish to your web content.
After we guide you on what CSS is and how it is written, we will show you how to harness the power of the simple rules that define the appearance of every element that appears on a web page. You will learn how to control fonts, colours, widths, and much more in this fascinating insight into the control offered by CSS.
-
CSS Introduction 2 Days
Course Details
This 2-day Essentials course will show you how Cascading Style Sheets (CSS) are used to control the appearance of web pages without interfering with the HTML of the pages. This separation of structure and style helps to give CSS such an important role in web design. Anyone with an interest in creating or managing web pages will find that being able to work with CSS is an essential skill for all web professionals.
With our help, you will learn how to use CSS to control every aspect of a site's visuals: its fonts, colours, leading, margins, and more.
Upon successful completion of this course, you will be able to:
- Use correct styles instead of deprecated HTML tags
- Design without relying on tables
- Include padding, margins, borders, and backgrounds
- Write selectors to target only specific parts of a page
- Produce horizontal and vertical navigation bars
- Position page elements
- Style hyperlinks
- Add background images
- Differentiate between external, embedded, and inline styles
Our goal is for you to understand how to enhance the visual appearance of your web pages.
Course Target Audience and delegate prerequisites:
This course is intended for web professionals interested in learning about the visual improvements that can be made through the effective use of CSS.
You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media. Ideally, you will have taken our HTML Introduction 3 Day course.
-
Full Course Outline
The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.
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
- Hands-on Exercises
- 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
- nline Box Behaviour
- Hands-on Exercises
- 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:
- Hands-on Exercises
- 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
- Hands-on Exercises
- 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
- 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
- Hands-on ExercisesMore 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
- Hands-on Exercises
- 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
- Hands-on Exercises
- 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-transpaency with Alpha-Blended PNG
- PNG Translucency Example and Sample Code
- Pseudo-Transparency with JPG Positioned Backgrounds
- JPG Pseudo Transparency Example
- Hands-on Exercises
- 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
-
Location Details
This course is provided at our Scotland training centre located in central Glasgow at:
Centrum Business Centre
38 Queen Street
Glasgow
G1 3DXThe Glasgow training centre is located on Queen Street in the heart of Glasgow close to Central Station, Queen Street Station and Argyle Street Station.
Daily course times run between 10am and 4:30pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.
View Full details of our Glasgow Training Venue and Course options
↑ Click the map to view a larger version ↑
View our Glasgow Centre Location on Google Maps
-
CSS Introduction 2 Days - Upcoming Glasgow Course Dates
-
Client Reviews
"Excellent content and overall experience, very useful. Exactly what I expected and more. Cheers!"
Adam Hypki, Trinity Laban, HTML & CSS - 2 Day Introduction
"The content of the course was taught and explained in a way that was easy to follow and always explained until all understood."
Scott McCirie-Hallman, Westminster Uni, HTML5 & CSS3 - 2 Day Introduction
"Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace."
Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction
"The training was very well structured and the trainer out did himself. Very impressed with the detail the course went into and I am confident that I have learnt all that I needed to. I will most certainly be back. "
Garritt Glasby, Australian high Commission, HTML5 & CSS3 - 3 Day Introduction
"Really enjoyed the course. Presented a comprehensive overview of Articulate and helped us out with any queries we had."
Chris Bateman, Glasgow Caledonian Uni, Articulate Storyline - 2 Day Introduction
"I have done similar excel courses before but I felt I learnt a lot more on this one due to the way the trainer covered the material and explained everything very clearly."
Romilly Evans, Leo, Excel - 1 Day Intermediate
"Good pace and very clear directions. I will definitely be recommending XChange Training in the future. "
Charlotte Green, AXA Investment Managers, Powerpoint & Excel - Bespoke Introduction
"Great content and excellent instructor - really useful course."
Heather Grimes, FMC, WordPress - 1 Day Introduction
"Excellent training day, very knowledgeable and friendly instructor. Good to have one-to-one tuition as covered a lot of topics. "
Nadia Valkanova, Schuh, Premiere Pro - 1 Day Advanced
"Great trainer, very versatile, able to move with confidence from one subject/ question to another. "
Boris Thuery, Design Laboratory, Maxon Cinema 4D - 2 Day Introduction
Whats Included:
Your choice of Windows or Mac 
Certified hands-on training 
Small class size (max 4-8) 
6 months post course support 
Quality reference manual 
Authorised Course Certificate 
Lunch and refreshments
Frequently Asked Questions
What are the course times?
For all courses in the Glasgow Centre the normal session timings are 10am to 5pm with an hour break for lunch. In addition to the hour lunch break there are also two fifteen minute coffee breaks mid morning and mid afternoon.
Daily times are:
09.45 - Registration
10.00 - Course start
13.00 - Lunch
14.00 - Afternoon starts
17.00 - Course ends
Do you offer discounts
or promotions?
We offer a range of regular discounts available for self funding individuals, charities and education along with period special offers. See our promotions page for full details.
What is provided with this course?
During the course we provide all computers for your use with choice of Windows or Mac, lunch and refreshments along with pads & pens. After the course you will receive the authorised Certificate, quality reference manual and 6 months direct post course support.
Does this course give
a qualification?
Although this course does not provide an actual qualification each delegate is provided with an official Certificate for completion of the course level.
Can you invoice my company?
In short yes we can provide 30 day invoice terms to any UK Limited company with the provision of your official purchase order and/or completing the invoice request for your booking online.
Adobe Design Ready in just 5 days!
Learn Adobe Design skills with our value Adobe Design Masterclass Bundle →