Conseils et astuces

Use the W3C HTML validator to validate your HTML; you'll get bonus points if it validates as much as possible (the "googleapis" line is a line used to import custom fonts into the page from the Google Fonts service; it doesn't validate, so don't worry about it.)

You don't need to know any CSS to do this assessment; you just need to put the provided CSS inside an HTML element.

The provided CSS is designed so that when the correct structural elements are added to the markup, they will appear green in the rendered page.

If you are getting stuck and can't envisage what elements to put where, it often helps to draw out a simple block diagram of the page layout, and write on the elements you think should wrap each block.

Exemple

The following screenshot shows an example of what the homepage might look like after being marked up.

Assessment

If you are following this assessment as part of an organized course, you should be able to give your work to your teacher/mentor for marking. If you are self-learning, then you can get the marking guide fairly easily by asking on the Learning Area Discourse thread, or in the #mdn IRC channel on Mozilla IRC. Try the exercise first — there is nothing to be gained by cheating!