Advanced Web Interfaces with CSS3 and HTML5City University London
Price on request
- Short course
- Islington (England)
What you'll learn on the course
Basic IT training
Skills and Training
- 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
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.