Web Standards Curriculum
- 1 Web Standards Curriculum table of contents
- 1.1 Introduction
- 1.2 Table of contents
- 1.2.1 The beginning
- 1.2.2 Introduction to the world of web standards
- 1.2.3 Web Design Concepts
- 1.2.4 HTML basics
- 1.2.5 The HTML body
- 1.2.6 Accessibility
- 1.2.7 CSS
- 1.2.8 Advanced CSS study
- 1.2.10 Mobile web development
- 1.2.11 Supplementary articles
- 1.2.12 Proposed Updates and Additions to Web Standards Curriculum
Web Standards Curriculum table of contents
Note: This material was originally published as part of the Opera Web Standards Curriculum, available as Introductory material, written by Chris Mills. Like the original, it is published under the Creative Commons Attribution, Non Commercial - Share Alike 2.5 license.
Note #2: Many of the links below currently point to the dev.opera versions, but we'll change these over to the W3C versions as we add more to the site. We are very happy to add these to the W3C pages, for a wider readership and more maintenance help.
Table of contents
Introduction to the world of web standards
- The history of the Internet and the web, and the evolution of web standards, by Mark Norman Francis. Hebrew translation | Hungarian translation | Italian translation | Japanese translation
- How does the Internet work? by Jonathan Lane. Hungarian translation | Japanese translation
- Beautiful dream, but what's the reality? by Jonathan Lane. Hungarian translation | Japanese translation
Web Design Concepts
This section won't go into any code or markup details, and will act as an introduction to the design process before you start to create any graphics or code, as well as concepts of web design such as IA, navigation, usability etc.
- Information Architecture - planning out a web site, by Jonathan Lane. Hungarian translation
- What does a good web page need?, by Mark Norman Francis. Hungarian translation
- Colour Theory, by Linda Goin. Hungarian translation
- Building up a site wireframe, by Linda Goin. Hungarian translation
- Colour schemes and design mockups, by Linda Goin. Hungarian translation
- Typography on the web, by Paul Haine. Hungarian translation
- The basics of HTML, by Mark Norman Francis. Hungarian translation
- The HTML <head> element, by Christian Heilmann. Hungarian translation
- Choosing the right doctype for your HTML documents, by Roger Johansson. Hungarian translation
The HTML body
- Marking up textual content in HTML, by Mark Norman Francis. Hungarian translation
- HTML Lists, by Ben Buchanan. Hungarian translation
- Images in HTML, by Christian Heilmann. Hungarian translation
- HTML links — let's build a web! by Christian Heilmann. Hungarian translation
- HTML Tables, by Jen Hanen. Hungarian translation
- HTML Forms — the basics, by Jen Hanen. Hungarian translation
- Lesser-known semantic elements, by Mark Norman Francis. Hungarian translation
- Generic containers — the div and span elements, by Mark Norman Francis. Hungarian translation
- Creating multiple pages with navigation menus, by Christian Heilmann.
- Validating your HTML, by Mark Norman Francis.
- CSS basics, by Christian Heilmann.
- Inheritance and Cascade, by Tommy Olsson.
- Text styling with CSS, by Ben Henick.
- The CSS layout model - boxes, borders, margins, padding, by Ben Henick.
- CSS background images, by Nicole Sullivan.
- [Styling lists and links]], by Ben Buchanan.
- Styling tables, by Ben Buchanan.
- Styling forms, by Ben Henick.
- Floats and clearing, by Tommy Olsson.
- CSS static and relative positioning, by Tommy Olsson.
- CSS absolute and fixed positioning, by Tommy Olsson.
Advanced CSS study
- Programming - the real basics!, by Christian Heilmann
- Traversing the DOM, by Mike West
- Creating and modifying HTML, by Stuart Langridge
- Graceful degredation versus progressive enhancement, by Christian Heilmann
Mobile web development
- Getting your content online, by Craig Grannell.
- More about the document <head>, by Chris Heilmann.
- Common HTML entities used for typography, by Ben Henick.
- The Opera Web Standards Curriculum glossary, by various authors. This is incomplete, and will be added to as time goes by.