Opera

Opera Web Standards Curriculum

As the most standards-compliant Web browser, Opera is dedicated to promoting Web standards across the globe. Web standards make the Web available to anyone, on any device, anywhere in the world.

Opera has created the Web Standards Curriculum (WSC) in association with the Yahoo! Developer Network. This tutorial course takes students from complete beginner to having a solid grounding in standards-based Web design, including HTML, CSS, and JavaScript development. The course is supported by top companies and organizations such as the Web Standards Project (WaSP) and Yahoo!.

Split into more than 50 focused articles, students can follow the curriculum from start to finish or simply read articles that interest them the most. Each article contains essential theory, practical examples, and exercise questions. The first 41 articles are now published, and roughly ten ones covering JavaScript basics will follow ASAP, to complete the course.

Why should you incorporate the Opera WSC into your curriculum? Web standards in a Web site promote efficiency, ease of maintenance, accessibility, device compatibility, and search optimization. The Opera WSC features the most up-to-date practices in Web standards. Best of all, the course is free, requiring no expensive textbooks.

Table of contents

The beginning

  1. Introductory material, by Chris Mills.

Introduction to the world of web standards

  1. The history of the Internet and the web, and the evolution of web standards, by Mark Norman Francis.
  2. How does the Internet work?, by Jonathan Lane.
  3. The Web standards model—HTML, CSS and JavaScript, by Jonathan Lane.
  4. Beautiful dream, but what's the reality?, by Jonathan Lane.

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.

  1. Information Architecture—planning out a web site, by Jonathan Lane.
  2. What does a good web page need?, by Mark Norman Francis.
  3. Colour Theory, by Linda Goin.
  4. Building up a site wireframe, by Linda Goin.
  5. Colour schemes and design mockups, by Linda Goin.
  6. Typography on the web, by Paul Haine.

HTML basics

  1. The basics of HTML, by Mark Norman Francis.
  2. The HTML <head> element, by Christian Heilmann.
  3. Choosing the right doctype for your HTML documents, by Roger Johansson.

The HTML body

  1. Marking up textual content in HTML, by Mark Norman Francis.
  2. HTML Lists, by Ben Buchanan.
  3. Images in HTML, by Christian Heilmann.
  4. HTML links—let's build a web! by Christian Heilmann.
  5. HTML Tables, by Jen Hanen.
  6. HTML Forms—the basics, by Jen Hanen.
  7. Lesser–known semantic elements, by Mark Norman Francis.
  8. Generic containers—the div and span elements, by Mark Norman Francis.
  9. Creating multiple pages with navigation menus, by Christian Heilmann.
  10. Validating your HTML, by Mark Norman Francis.

Accessibility

  1. Accessibility basics, by Tom Hughes-Croucher.
  2. Accessibility testing, by Benjamin Hawkes-Lewis.

CSS

  1. CSS basics, by Christian Heilmann.
  2. Inheritance and Cascade, by Tommy Olsson.
  3. Text styling with CSS, by Ben Henick.
  4. The CSS layout model - boxes, borders, margins, padding, by Ben Henick.
  5. CSS background images, by Nicole Sullivan.
  6. Styling lists and links, by Ben Buchanan.
  7. Styling tables, by Ben Buchanan.
  8. Styling forms, by Ben Henick.
  9. Floats and clearing, by Tommy Olsson.
  10. CSS static and relative positioning, by Tommy Olsson.
  11. CSS absolute and fixed positioning, by Tommy Olsson.

JavaScript articles

To follow...

Supplementary articles

Education

Be heard

Professors and teachers can discuss the Opera WSC and share learning resources on our discussion forum.

Show your support

If you want to show your support for the Opera Web Standards Curriculum, link to it using one of these buttons.

Making the WSC work for you

For educators

Pass on Web Standards and good development practices to the next generation of Web developers. Opera's Web Standards Curriculum deconstructs Web Standards into modules you can teach either in order or as part of your own lesson plans.

For students

If your course already teaches Web Standards and best practices, then great - why not supplement your course texts with our material? If not, then lobby your teachers to adopt our material, thereby helping to improve the relevance of their lessons to real-world web development.

For Web developers

Web Standards have never been easier to learn. Everything you need to know is condensed into short, helpful tutorials that inform and inspire. Opera's Web Standards Curriculum can help you brush up on things you know and maybe even teach you something you didn't.

For businesses

Web Standards Curriculum is ideal for in-house training. Empower your development team to use Web Standards that reduce bandwidth, spur innovation and promote good coding practices across the Web.

For the Web

The beauty of the Web is that it creates a uniform, international development platform. Using Web Standards means your sites will be quicker to code and maintain, more compact, and accessible to web users regardless of their browsing platform and (dis)ability.

"I applaud Opera Software, and Chris Mills, and all who are working so hard to create a really well-organized, well-crafted and completely free series addressing both the conceptual and pragmatic. Well done, my Operatic friends! You get an A+."

Molly Holzschlag, Web standards advocate, instructor and author, molly.com

"It has been now released and it's a wonderful piece of work. I will give it a full read and review in the next month and suggest things to Chris Mills. Now how can you help? Read it, use it in your Web agency, in your classroom, among your Web developers friends. Note what people misunderstood, suggest techniques to Chris Mills to improve his materials. Publish it on your blog, talk about it. Let it grow in the community. It's a cool work which comes from a long story and really it is beautiful story. Thanks to Chris Mills and Opera. They did it."

Karl Dubost, W3C

"Just wanted to send you a quick note to say thank you for your web standards course. I am a completely self- taught graphic designer, and I specialize in print. I have been trying (un-successfully) to teach myself web design for some time now, and your course has helped me more in the last 5 days than all of the other materials I have been trying for the last few years combined."

Candie Sampson, Art Director, NarrowCasting

More Testimonials