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
0 of 14
Unit
WDD
Progress
0%
WDD1
Analysis and multi-level site structure
Identifying purpose, audience, requirements, and navigation structure
Coming soon
WDD2
Wireframes and low-fidelity prototyping
Planning page layout before implementation
Coming soon
WDD3
HTML: semantic elements and page structure
Building meaningful document structure with appropriate HTML elements
Coming soon
WDD4
HTML: forms and input types
Collecting user input with form controls
Coming soon
WDD5
CSS: box model, display, float, clear, margins, padding
Controlling spacing, layout, and element flow
Coming soon
WDD6
CSS: horizontal navigation bar
Using list-style, hover, and linked pages for site navigation
Coming soon
WDD7
CSS: inline, internal and external stylesheets
Choosing where CSS rules are stored and applied
Coming soon
WDD8
JavaScript: onclick, onmouseover, onmouseout
Responding to user interaction with event handlers
Coming soon
WDD9
JavaScript: functions
Grouping reusable instructions to make pages interactive
Coming soon
WDD10
JavaScript: form validation
Checking user input before a form is accepted
Coming soon
WDD11
Testing: usability and compatibility
Checking websites on different devices and browsers
Coming soon
WDD12
Evaluation: fitness for purpose and usability
Judging how well a website meets user needs
Coming soon
WDD13
WDD past paper practice
Exam-style practice across the unit
Coming soon
WDD14
WDD unit test
Final consolidation and unit assessment
Coming soon