Back to course units

Web Design & Development

Web Design & Development lessons

All Web Design & Development topics in sequence. Available lessons will open directly; remaining topics are shown so the full website planning, HTML, CSS, JavaScript, testing, and evaluation pathway is visible.

Available

17 of 17

Unit

WDD

Progress

100%

Identifying end-user and functional requirements from a client conversation

Multi-level site structure

Designing a home page and two additional levels, no more than four pages per level

Wireframes and low-fidelity prototyping

Planning page layout, media positioning and form inputs before implementation

HTML: semantic elements and page structure

Building meaningful document structure with header, nav, main, footer and section

HTML: forms and input types

Collecting user input with form controls and validating length, presence and range

CSS: getting started

Inline, internal and external stylesheets, and grouping selectors

CSS: box model, display, float, clear

Controlling how elements sit next to and around each other

CSS: margins and padding

Controlling spacing between and inside elements, including margin collapse

CSS: height and width

Setting the sizes of HTML elements

CSS: horizontal navigation bar

Using descendant selectors, list-style and hover to build site navigation

JavaScript: events and functions

Responding to onclick, onmouseover and onmouseout with functions

JavaScript: showing and hiding content

Toggling page sections with display:none and display:block

JavaScript: changing page layout

Combining several style changes in one function to rearrange a page

Testing: usability and compatibility

Checking websites on different devices and browsers

Evaluation: fitness for purpose and usability

Judging how well a website meets user needs

WDD past paper practice

Exam-style practice across the unit

Final consolidation and unit assessment