Difference between revisions of "Main Page"
(→Introduction to the world of web standards)
|Line 138:||Line 138:|
== SVG ==
== SVG ==
== Mobile web development ==
== Mobile web development ==
Revision as of 18:40, 18 January 2013
Welcome to the Web Education Community Group Wiki! This page contains resources to help you teach or learn modern web development:
- The second section — References — is designed for looking up HTML and CSS language features.
- The third section — Curriculum structures — is a complete set of web design-related curricula for teachers to use to put together courses, which includes sample assignments, example questions, reading lists, assessment criteria, and more.
Note: This is not a finalised site, but a development site for our material — it will be placed on a dedicated publishing platform in coming months, and a lot more material will be added. If you would like to contribute, please join the Web Education Community Group!
- 1 Web Standards Curriculum table of contents
- 1.1 Introduction
- 1.2 The beginning
- 1.3 Introduction to the world of web standards
- 1.4 Web Design Concepts
- 1.5 HTML beginnings
- 1.6 The HTML body
- 1.7 Accessibility
- 1.8 CSS
- 1.9 Advanced CSS study
- 1.11 SVG
- 1.12 Mobile web development
- 1.13 Supplementary articles
- 1.14 Proposed Updates and Additions to Web Standards Curriculum
- 2 References
- 3 Curriculum structures
- 4 Teaching materials
- 5 Project activities
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.
- Hebrew translation | Hungarian translation | Italian translation | Japanese translation | Catalan translation | Spanish translation
Introduction to the world of web standards
- The history of the Internet and the web, and the evolution of web standards
- How does the Internet work?
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
- What does a good web page need?
- Colour Theory
- Building up a site wireframe
- Colour schemes and design mockups
- Typography on the Web
- The basics of HTML
- Doctypes and markup styles
- The HTML <head> element
- More about the document <head>
The HTML body
- Marking up textual content in HTML
- HTML Lists
- Images in HTML
- HTML links — let's build a web!
- HTML tables
- HTML forms - the basics
- HTML5 form additions
- HTML structural elements
- Lesser - known semantic elements
- Creating multiple pages with navigation menus
- Validating your HTML
- Accessibility basics
- Accessibility testing
- CSS basics
- Advanced CSS selectors
- Inheritance and cascade
- CSS text styling part 1
- The CSS layout model - boxes, borders, margins, padding
- CSS background images
- Styling lists and links
- Styling tables
- Styling forms
- Floats and clearing
- CSS static and relative positioning
- CSS absolute and fixed positioning
- Debugging CSS
- CSS shorthand reference
Advanced CSS study
- Programming - the real basics!
- Traversing the DOM
- Creating and modifying HTML
- Graceful degredation versus progressive enhancement
Mobile web development
- Getting your content online
- Common HTML entities used for typography
- The web standards curriculum glossary
- Optimizing content for different browsers: the RIGHT way
Proposed Updates and Additions to Web Standards Curriculum
Basics and "soft" skills
- Internet Fundamentals
- Digital Design Production
- Writing for the Web
- Project Management
- Professional Development
- Independent Study
Each page in this section includes teaching notes, examples, slidedecks and other materials for teachers to use for hands-on teaching of the curriculum structures outlined in the Curriculum structures section.
- HTML Basics and Web Standards Concepts teaching materials (learning competency included in Web Design 1)
This section houses a record of all activities being undertaken in past, present or future by the Web Education Community Group, split into projects.
IMPORTANT: Please don't pollute these pages with random stuff - if you just want to doodle or record random thoughts, put it in the Ideas Playground .
- Learning material
- Training and certification
- Membership and policy
- International projects
Other available resources are as follows: