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?

This short course aims to teach you how to develop web pages and make them look attractive, professional and function effectively.

The Advanced Web Interfaces with CSS3 and HTML5 short course is for anyone who wants to develop beautifully designed web pages 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, and where CSS3 techniques are becoming mainstream these are included in the discussion. 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
  • Avoid common design pitfalls
  • 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
    • CSS resets
    • The box model
    • Effect of source order on rendering
    • Layout modes: inline, block, floats, positioning, flexbox
    • 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 e.g. lists
    • Navigation
    • Forms
    • Photo galleries.
  • CSS3 for designers:
    • Colour and colour models. Using background images amd sprites
    • Transparency, drop shadow and CSS shapes
    • Typography and web fonts
    • CSS3 transforms and animation
    • Resolution-independent interfaces.
  • Implementing designs:
    • Design decisions for the web
    • markup strategies
    • from mockup to functioning web page
    • progressive enhancement
    • source order
    • accessibility and SEO considerations.
  • Introduction to Responsive Design:
    • Media queries
    • Modernizr
    • Screens, pixels and viewports
    • The fluid grid
    • Ready-made grids
    • Flexible images
    • Flexible HTML
    • Content decisions
    • Strategies and tools.

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 in class, followed by class discussions.

Self-assessment quizzes will also be available for you to take at your own pace.

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.