Advanced Web Interfaces with CSS3 and HTML5

Short course

In Islington

Price on request

Description

  • Type

    Short course

  • Location

    Islington

This short course fast-tracks learners with a basic practical knowledge of CSS and confident grasp of (X)HTML to a foundation professional standard of CSS.Students 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. Course Information Start DateStart TimeDurationCostCourse CodeApply Monday 3 October 2016 18:30 - 20:30 10 weeks £480.00 CS2604 Apply Now Monday 16 January 2017 18:30 - 20:30 10 weeks £480.00 CS2604 Apply Now Monday 8 May 2017 18:30 - 20:30 10 weeks £480.00 CS2604 Apply Now Tutor Info Sonya Smith got hooked on CSS and web standards before they were mainstream. She then spent several years honing her frontend skills hand-coding websites and blogs for SMEs using clean, cross-browser, accessible code. What she loves about CSS is there's always something new to learn. Eligibility This is aimed at students with a basic practical experience with CSS - perhaps you've already completed our Web Authoring short course, or have built one or two simple sites using CSS.You must, however, have a confident grasp of XHTML. Good keyboard skills are essential: this is not a taught Dreamweaver / WYSIWYG course and work will be hand-coded. English Requirements Applicants must be...

Facilities

Location

Start date

Islington (London)
See map
Northampton Square, EC1V 0HB

Start date

On request

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

Subjects

  • Keyboard Skills
  • Basic
  • HTML
  • IT
  • Basic IT training
  • Basic IT
  • Design
  • Layout
  • Web
  • Dreamweaver
  • Skills and Training

Course programme

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 & responsive layouts.
  • Web standards and browsers:
    Importance of semantic markup, validation, accessibility. Browser landscape, standards compliance, doctypes, rendering modes, cross browser testing & tools. Browser bugs & workarounds.
  • Practical CSS:
    Styling common elements e.g. lists, navigation, forms, tables, photo galleries. Print stylesheets.
  • CSS3 for designers:
    Colour & colour models. Using background images & sprites. Transparency, drop shadow and CSS shapes. Typography & web fonts. CSS3 transforms & animation. Resolution-independent interfaces.
  • Implementing designs:
    Design decisions for the web, markup strategies, from mockup to functioning web page, progressive enhancement, source order, accessibility & 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

Additional information

Teaching and 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.

Advanced Web Interfaces with CSS3 and HTML5

Price on request