Week Eight (MGDP2050)

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

See also Week Seven (MGDP2050) - Week Nine (MGDP2050).

HTML and semantics

In principle, the role of HTML is to provide semantics (meaning).

In practice, HTML is a mix of semantic and non-semantic elements.

Semantic HTML

Semantic HTML refers to HTML that is entirely semantic (or perhaps "very semantic with acceptable compromises").

Bold versus strong

Earlier versions of HTML specified a bold element, to make text display in boldface.

HTML 4 also specified a strong element, intended to replace the bold element.

Both elements are valid in HTML5.

Italic versus emphasis

Earlier versions of HTML specified an italic element, to make text display in italicf.

HTML 4 also specified an emphasis element, intended to replace the italic element.

Both elements are valid in HTML5.

JavaScript

Recognizing JavaScript

• Recognizing JavaScript.

Using JavaScript

• Using JavaScript.

Script element

• Use the script element to include JavaScript in a web page.

Debugging JavaScript

• See the browser console for JavaScript error messages and other browser-related tools.

JavaScript Validation

See JSLint and JSONLint.

jQuery

• Review jQuery ...

jQuery UI

Introduce jQuery UI ...

Exercises: in class

...

Exercises: for next week

...

Reading for next week

• JavaScript
• jQuery
• jQuery UI
• Web application