Web Development Basics
Explore how useful, readable websites are planned. A laptop helps with writing code but paper and a phone can teach the basics first.
Independent practice only, not a certified program, teacher assessment, scholarship award or job promise. Keep your work privately.
Day 1 of 7
Map a website
What to practise
Choose an imaginary community service. Sketch the Home, Services and Contact sections.
Keep as your own work evidence
A simple page sketch.
Day 2 of 7
Write helpful copy
What to practise
Draft one headline, three service descriptions and a clear contact instruction.
Keep as your own work evidence
Original website text.
Day 3 of 7
Learn HTML structure
What to practise
Identify the purpose of a heading, paragraph, list, link and image alternative text.
Keep as your own work evidence
A labelled example of five HTML elements.
Day 4 of 7
Learn simple styling
What to practise
Choose readable font sizes, strong contrast and clear spacing in your page sketch.
Keep as your own work evidence
A styled page sketch.
Day 5 of 7
Plan for mobile phones
What to practise
Check that text, links and buttons can fit on a small screen without sideways scrolling.
Keep as your own work evidence
A mobile layout drawing.
Day 6 of 7
Protect user privacy
What to practise
List what information a contact form truly needs. Never collect passwords or ID numbers unnecessarily.
Keep as your own work evidence
A safe minimal contact-form checklist.
Day 7 of 7
Present a beginner site plan
What to practise
Combine your layout, copy, accessible design and privacy checklist into a labelled practice portfolio.
Keep as your own work evidence
A website concept work sample.
What comes next
Keep your work sample, explore actual Academy courses and career guidance, and verify any employer opportunity before applying. Learning activities do not guarantee a job.