Training Courses

CSS : Introduction

  7 reviews

Two Day Course

Overview

This course is designed for those with some experience of HTML or XHTML who need to gain an understanding of web design techniques separating presentation from mark-up through Cascading Style Sheets (CSS).

By the end of this two day course, you will have the necessary skills to split mark up from presentation, have gained a thorough grasp of standards compliant design and have the knowledge to style webpage elements with CSS. The course will also address CSS best practice guidelines and provide you with the skills to be an accomplished CSS user. You should have attended the Introduction to HTML course at Media Training or have an equivalent working knowledge.

Public Course Dates & Pricing

Course DatesLocationPriceStatus


SOLD  OUT SOLD  OUT
  • Public Courses

    Small class sizes so you get the maximum amount of trainer time possible. You attend with delegates from other companies.

    A great, cost efficient way to learn, discounts are also available for group bookings.

     

    Discount Info
  • Private Courses

    One to one tuition or a private group with just your colleagues. Your choice of duration, content and location. We can train at one of our centres or onsite with you wherever you are located.

    We offer a free consultation service to help work out every detail and build the perfect course for you.

    From £499 + VAT

    Free Consultation

Course Outline

  • Day one
    Standards compliant mark up
    • HTML, XHTML, syntax, options and versions
    • Converting and moving to XHTML
    • Browser issues and standards compliance
    • Working with the DOCTYPE
    • Understanding natural language declarations

    Structuring content
    • Describing content
    • Say what it is, not what it looks like
    • Markup recap
    • Working with headings, paragraphs, lists, tables and forms
    • Understanding the DIV tag
    • Removing presentational elements

    Introduction to CSS
    • Separating content from presentation
    • The difference between CSS and Mark up
    • What can CSS do?
    • Understanding the Cascade
    • How CSS is written (syntax)
    • Commenting your code
    • Types of style (selector):
    - Class
    - ID
    - Tag
    - Combinations
    • Block level and inline elements
    • Write and apply external, internal and inline CSS
    • Selector types

    Styling text
    • Specifying font size and colour
    • Specifying font alignment
    • Spanning text
    • Working with line-height and letter-spacing
    • Applying background colours
    • When to apply Class styles
    • Building Group selectors (styles)
    • Building Descendant selectors
    • Creating media specific CSS

    Questions and answers
  • Day two
    Styling links
    • Changing the default colours and underlining
    • Defining multiple link styles
    • Creating hover effects
    • Building CSS buttons

    CSS Box Model basics
    • Working with:
    - Content
    - Padding
    - Borders
    - Margins
    • Setting widths and heights

    Building menu systems
    • Planning
    • Thinking ahead
    • Building a horizontal menu
    • Building a vertical menu
    • Using unordered (bulleted) lists with DIVS and links
    • Creating a hierarchical menu
    • CSS display effects

    Background image essentials
    • Background image essentials:
    -syntax
    -defaults
    -controlling image repeats
    -positioning
    -indenting text from the image
    • Effective background image techniques

    Layout
    • CSS Box Model for fun and profit
    • Planning the wireframe
    • Creating a table-free columnic layout
    • Fixing common problems
    • Fixed and scalable layouts
    • Applying fixed positioning
    • When and how to use relative and absolute positioning
    • Layering techniques and z-index
    • Creating reusable design widgets
    • Testing and debugging

    Questions and answers
Experience + Flexibility

We know training inside out. We can advise you on all the options to make sure you get the best possible course.

Tell us you need to cancel 5 working days before your course and there’s no charge. Great for your peace of mind.

Our trainers bring their years of industry experience into the classroom. You'll leave confident and prepared.

The smallest class size in the industry. More one on one time with the trainer and a less intimidating group size.

Tell us which you use and it'll be booted up and waiting with the latest software when you arrive.

We provide a lovely onsite lunch so you can relax. We can cater for any dietary requirement with no fuss.

Comfort + Location
Reputation + Feedback

Our Clients


We've worked very hard over the last 20 years to grow our business through personal recommendations.

When you attend a course we ask you to tell us how it went. We use your feedback to help us improve our courses.

We publish all our customer satisfaction stats live on our site (good or bad) because we want everyone to know just how highly you rate us every day, every week and every year.

We know that choosing the best course can be difficult, maybe the thoughts of the 5996 other clients we've asked will give you the inspiration to join us too.

The most recent comments from attendees of our courses are shown below. We reckon they will give you a pretty good indication of how they think we perform.

  Client Ratings

Attendees surveyed5996
  Trainer Knowledge9.8 / 10
  Trainer Materials9.6 / 10
  Trainer Preparation9.8 / 10
  Overall Trainer Score9.7 / 10
  Centre Lunch9.6 / 10
  Centre Staff9.9 / 10
  Overall Centre Score9.7 / 10
  Overall Experience9.6 / 10
  % Who Would Recommend Us99.7%

  Recent Feedback




"Delivering exactly what the course is meant to do - in this case a CSS introduction. Very welcoming environment and looking forward to returning for another course in the near future."



"Excellent delivery of course, trainer was affable, helpful and very knowledgeable. From a position of no experience I feel comfortable going forward and using the skills I have learned. Excellent location and facilities."