Week Twelve (MGDP2050)

Lecture notes and exercises for Week Twelve of Web Design and Development II (MGDP2050).

See also Week Eleven (MGDP2050) - Week Thirteen (MGDP2050).

Exercises: summary

See Exercises (MGDP2050) for a one-page summary of exercises.

Review

• User research, etc.

HTML fundamentals

See Learning web design_(1).

Semantic HTML

"Semantic" or "semantics" refers to meaning.

Semantic HTML is HTML which emphasizes the meaning behind HTML elements.

Some HTML elements are more semantic than others. For example:

• The div element has less meaning: it says "I contain some contents."
• The article element has more meaning: it says "I am a unit of content, written by an author."

Examples

Browse the examples below. Use View Source to examine the source code. Use HTML validation to validate the pages.

• Simple HTML5 page
• Articles
• Article, header, sections
• Header-to-Footer
• Header-to-Footer 2
• Semantic Bootstrap
• Semantic Bootstrap 2

See also HTML overview

Web design fundamentals

See Learning web design (1) for an introduction to the fundamentals of web design.

Exercises: in class

...

Exercises: for next week

...