Designing Websites with Cascading Style Sheets (CSS)
Course Facts
- 2 day course
- Our Trainers are Authorised Professionals
- Live Online or Classroom-based
- Certificate of completion
- Maximum class size of 6 for scheduled courses
- Unlimited support after your course
- Courses at all levels: Introduction, Intermediate, Advanced and Masterclasses
Course Outline
- Introduction to CSS
- Implementing style sheets
- Best practices
- CSS Selectors
- Text and Fonts
Private One-to-One Training
One-to-one tuition tailored to your exact requirements. Your choice of duration, dates and content.
Enquire NowTeam Training for Companies
Group bookings provide you with the most cost-effective way to train your team.
Enquire NowTeam Training and Bespoke Sessions
Booking a private training session allows you to focus on your exact needs on dates that work best for you or your team.
- Sessions can be run online or in person, on your site or at our London training centre.
- We manage training for many of the UK’s largest companies, taking care of all the admin, working with you to ensure the perfect course.
- Our expert trainers will first understand your requirements and then tailor each session to your exact specification.
- We offer a free consultation service to work out every detail of your course.
Prices for bespoke sessions with our expert trainers start at £525 + VAT.
Overview
Course Outline
Introduction to CSS
- Benefits of separating Style from Content
- Stylesheet syntax
- Rules, Selectors and Tags
- Cascading order
- Inheritance
Implementing style sheets
- Inline styles
- Internal/ embedded stylesheets
- External/Linked stylesheets
- Importing stylesheets
Best practices
- Cross platform compatibility and usability issues
- Units - ems, percentage, pixels
CSS Selectors
- Tag selectors
- Class and id selectors
- Contextual Selectors
- Pseudo classes and pseudo elements
- Specificity
Text and Fonts
- Typographical properties
- Font Properties
- List Styles
The Box Model
- Formatting with the box model
- Borders, Padding and Margins
- Alignment
- Floating Elements
CSS Positioning
- Positioning absolutely vs. relatively
- Layering elements with the Z-Index property
- Making elements invisible
Colours and Backgrounds
- Specifying colours and backgrounds
- Setting border and hyperlink colours
- Controlling the background image
Tables
- Parts of a table
- The collapsing borders model
- Alignment and sizes
- Rules in conflict
- Cascading order
CSS Layout
- Using divs for layout
- Understanding float
- Relative positioning on a div
- Centering content
- Fluid vs Elastic vs Fixed layout
Design and Usage Techniques
- Dynamic link colours
- Styling form elements
- Creating navigation bars
- CSS Rollovers
- Creating and using CSS Sprites
- Using CSS Frameworks
Our Clients
Our Recent Success Stories
eLearning
Julie's Story
Learning Technologist at Imperial College
Photoshop
Kiren's Story
Marketing Manager at Dataminer
InDesign
Sumble's Story
Graphic Designer at Houses of Parliament
600+ Reviews
Why Transmedia?
Unlimited Training Support
We offer unlimited training support after your course.
Bespoke Training Solutions
Customised training and software solutions based on your exact specification.
Worldwide Creative Skills Training
Join our authorised training courses live online from anywhere in the world.
Authorised Training Professionals
Our experts are accredited by Adobe, Apple and Claris and bring years of experience and real-world expertise.
Courses Live Online
Join our virtual classrooms to learn from the comfort of your own space in real time from our accredited training experts.
SEE COURSES
Classroom Training
Join us at one of our Authorised Training Centres for a traditional classroom-based experience.
We have everything ready for you to have the best training experience.
SEE COURSES
Private Courses
One-to-one tuition or a private group training with just you or your colleagues.
We can train you live online, at one of our centres or onsite, wherever you are located.
SEE COURSESUseful Links
- UK government guidance and tools for digital accessibility – UK government accessibility design guidelines
- Tutorials from W3 Schools – Free HTML tutorials
- HTML For Beginners – Start Learning HTML and CSS Today
- Responsive Web Design: What It Is And How To Use It – Learn how to respond to the user’s behaviour and environment based on screen size, platform and orientation
- What is User Experience (UX) Design? – Read about how to create products that provide meaningful and relevant experiences to users
- The complete guide to UX from Hotjar – Introduction to UX design: key principles, best practices, and mistakes to avoid
- The Ultimate Guide to Designing for the User Experience from Hubspot – Learn about key design principles and tools and how great user experience can positively impact your business
Web Design Trends in 2024
Understanding Web Accessibility
Prototyping interactive designs in Figma