Courses
  1. Undergraduate
  2. Postgraduate
  3. Research Degrees
  4. CPD
  5. Short Courses
Courses

Advanced Web Interfaces with CSS3 and HTML5 Short Courses

Choose a start date

Key information

Duration:
TBC
Time:
TBC
Fees:
TBC
Course code:
TBC

Coding is an increasingly sought after skill. Learning to develop web pages will increase your job prospects and be of enormous benefit when launching your own business ventures.

Why choose this course?

The Advanced Web Interfaces with CSS3 and HTML5 short course is for anyone who needs to lay out website or emails, or to understand how to change existing ones. It is especially useful for front-end engineer or designers, app designers, web editors, web project managers or small web business owners.

You need a confident grasp of (X)HTML and  should have a basic practical experience with CSS – who have perhaps completed our beginner web authoring course Building Websites with HTML5 and CSS3 or have built one or two simple sites using CSS.

Good keyboard skills are essential as this is not a taught Dreamweaver / WYSIWYG course and work will be hand-coded.

This practical short course takes place over ten weekly evenings in our central London location.

Course overview

You will get a thorough grounding in CSS theory combined with practical strategies for turning graphical mockups and textual content into functioning CSS-styled websites. Emphasis is on techniques that make sites accessible to users and search engines alike.

A variety of common layout issues and code patterns is covered. This course involves hand coding, and is not a taught Dreamweaver/WYSIWYG course, so good keyboard skills are essential.

By the end of the course you will be able to:

  • Understand how CSS works, and what makes it break
  • Code using best practices that benefit accessibility and SEO
  • Translate graphical mockups into websites without reliance on WYSIWYG tools
  • “ I am very satisfied with the content presented and it has filled the gaps in my knowledge. The tutor is great and experienced professional and it would be great to get more of this ”

    Judith

    Former student

What will I learn?

What will I learn?

Fundamental concepts:

  • The cascade, inheritance, specificity
  • Types of stylesheet
  • CSS selectors
  • Organising your stylesheet
  • Managing multiple stylesheets
  • The box model
  • Effect of source order on rendering
  • Layout modes: inline, block, floats, positioning, flexbox
  • Overview of fixed, fluid, elastic and responsive layouts

Web standards and browsers:

  • Importance of semantic markup, validation, accessibility
  • Browser landscape
  • Standards compliance
  • Doctypes
  • Rendering modes
  • Dev tools

Practical CSS:

  • Styling common elements
  • markup strategies using HTML5
  • accessibility and SEO considerations.

CSS3 for designers:

  • Colour and colour models. Background images
  • Transparency, drop shadow and CSS shapes
  • CSS3 transforms and animation
  • Resolution-independent interfaces.

Introduction to Responsive Design:

  • Media queries
  • Screens, pixels and viewports
  • Flexible images

By the end of the course you should be able to:

  • understand how CSS works, and what makes it break
  • avoid common design pitfalls
  • code using best practises that benefit accessibility and SEO
  • translate graphical mockups into websites without reliance on WYSIWYG tools

Eligibility

Eligibility

Prerequisite knowledge

This is aimed at anyone with a basic practical experience with CSS - perhaps you've already completed our beginner web authoring course Building Websites with HTML5 and CSS3 or have built one or two simple sites using CSS.

You'll need a confident grasp of (X)HTML. Good keyboard skills are essential as this is not a taught Dreamweaver / WYSIWYG course and work will be hand-coded.

English requirements

You must be proficient in written and spoken English.

Teaching & assessment

Teaching & assessment

Lessons will consist of theory followed by real-world problems for you to solve, and class discussions.

Short course.

Small commitment.

Big Reward.

Book Now

Tutor information

  • Sonya Smith

    Sonya Smith got hooked on CSS and web standards before they were mainstream. She then spent several years honing her front-end skills hand-coding websites and blogs for SMEs using clean, cross-browser, accessible code.

    What Sonya loves about CSS is there's always something new to learn.

Short course.

Small commitment.

Big Reward.

Book Now