What this course develops
Build a real webpage from the ground up. Learners discover how HTML gives a page structure and meaning while CSS controls how that structure is presented across different screens.
Course content
How the web page is built
Understand the relationship between browsers, HTML documents, CSS and web assets.
Semantic HTML
Create headings, paragraphs, lists, links, images and meaningful page sections.
Page structure
Use header, main, section, article, navigation and footer elements appropriately.
CSS fundamentals
Apply selectors, properties, typography, colour, spacing and borders.
The box model
Understand width, padding, borders and margins and why layouts behave unexpectedly.
Modern layout
Introduce Flexbox and practical layout patterns.
Responsive design
Adapt content for phones, tablets and larger screens using flexible sizing and media queries.
Complete webpage
Design, build and test a polished responsive page.
Learning outcomes
- Write structured semantic HTML.
- Style content confidently with CSS.
- Use the box model and Flexbox.
- Create a basic responsive layout.
- Build and test a complete webpage.
Teaching approach
Teaching is live and tutor-led. Concepts are explained, demonstrated and then applied through guided exercises. Learners are expected to make decisions, attempt tasks, test their work and discuss errors rather than simply watch a completed solution.
Delivery options
This course can be delivered online. In-person delivery can also be requested and is subject to location, tutor availability, programme scheduling and any equipment or venue requirements.
Who it is for
This is a beginner course suitable for learners who want structured development in web development. If you are unsure whether the starting level is right, use the application form to describe your current experience and we can review the request.