Web Design Fundamentals

​Learn how to create, edit and style web pages. On completion of the course, learners will be confident in the fundamentals of two key web technologies: HTML and CSS. The course leads to a Information Technology Specialist (ITS) qualification, which provides proof that you are proficient in the fundamentals of front-end web design.

Whether you are looking to edit web content – such as Moodle modules, SharePoint intranet sites, blogs or e-lessons – or create your own website from scratch, having a solid understand of HTML and CSS will help to make your pages look great. And you'll have fun doing it!

Read on for full course details, or sign-up below

Sign-up: Full Course

The course consists of an induction, comprehensive e-learning, practice projects and optional Key Concept sessions. It culminates in the ITS exam. Estimated learning time: 33–60 hours.

There are 3 intakes a year - October, January and May to July.

To sign-up for the course, choose one induction option: an induction session or an Anytime Induction that is completed online when you wish. Learn more about an Anytime Induction.

Sign Up>>Web Design Fundamentals - Anytime Induction07/10/2022 12:0507/10/2022 12:06Anytime

Sign-up: Key Concept Sessions

Key Concept sessions are optional. They explore some of the course material through worked examples and exercises. They are open to all students & staff regardless of whether you enrol on the full course. See a description of each session.

Sign Up>>Web Design Fundamentals - Key Concept 104/10/2022 12:0004/10/2022 13:00Online
Sign Up>>Web Design Fundamentals - Key Concept 104/10/2022 12:0004/10/2022 13:00Llandaff
Sign Up>>Web Design Fundamentals - Key Concept 218/10/2022 12:0018/10/2022 13:00Online
Sign Up>>Web Design Fundamentals - Key Concept 218/10/2022 12:0018/10/2022 13:00Llandaff
Sign Up>>Web Design Fundamentals - Key Concept 301/11/2022 12:0001/11/2022 13:00Online
Sign Up>>Web Design Fundamentals - Key Concept 301/11/2022 12:0001/11/2022 13:00Llandaff
Sign Up>>Web Design Fundamentals - Key Concept 415/11/2022 12:0015/11/2022 13:00Online
Sign Up>>Web Design Fundamentals - Key Concept 415/11/2022 12:0015/11/2022 13:00Llandaff
Sign Up>>Web Design Fundamentals - Key Concept 529/11/2022 12:0029/11/2022 13:00Online
Sign Up>>Web Design Fundamentals - Key Concept 529/11/2022 12:0029/11/2022 13:00Llandaff

Where and how to attend?

Sessions listed as Online (in the Campus column, above) will be held through a Microsoft Teams meeting. A link (URL) to the meeting and joining instructions will be sent after booking on a session. In person sessions will be held in a digital skills training room, see directions to our rooms.

Some sessions will be held in person and online, so ensure you choose your preferred booking type when signing-up. We recommend you attend these in person (if you can) but full support will be provided for those joining online.

Target Audience

​Cardiff Met students or staff.


A good level of general ICT proficiency is required, e.g. ability to manage files, use a web browser. No experience with creating or editing web pages is required.


The course and exam are free to Cardiff Met students and staff, but places are limited.

Decorative image
I think the course seems well-organised with all resources logically set out and accessible. I like the balance of taught sessions to work on our own

Course Structure

The course begins by exploring HTML, the markup language used to structure web page content. The second part of the course focuses on CSS, which is used to style web pages.

The course begins with an induction - either an induction session or Anytime Induction. The induction explains the nature and structure of the course and the resources available – a comprehensive e-learning course, practice projects, exam practice questions and a personal project.

The core of the course is the e-learning and practice projects. In complement to those, there are 10, optional, Key Concept sessions. These sessions explore some of the more interesting and difficult topics through worked examples and practical exercises.

The course concludes with the Information Technology Specialist exam: a 45 minute, computer assessed multi-choice exam. The exams can be taken in person at Cardiff Met or remotely. 

The amount of learning time varies from person to person, but as an estimate:

  • Key Concept teaching: 0 - 10 hours
  • E-learning: 20 - 29 hours
  • Practice projects and exam practice: 12 - 20 hours
  • Certification exam: 45 minutes.

For a total of between 33 - 60 hours.

Key Concept Session Details

Here's a few details of the Key Concept sessions.

  • Key Concept 1: Introduction to HTML - introduces the HTML markup language that is used to structure web page content.
  • Key Concept 2: Hyperlinks and Page Structure - you will learn the different ways to link between pages (absolute and relative) and how to structure your pages using elements such as headings and divs and then link to that part of the page.
  • Key Concept 3: Multimedia - looks at the different ways to add video and audio to pages. Images are explored in detail, including how to turn images into a way of navigating through your site.
  • Key Concept 4: Semantic Elements - a range of so-called semantic HTML elements, such as article, aside and nav, are introduced.
  • Key Concept 5: Forms - you will use HTML to create forms that can be used to capture data from end users. You will build a simple contact form and in doing so learn about the basic elements used to create a HTML form and how the data is submitted to a server.
  • Key Concept 6: Introduction to CSS - CSS - Cascading Style Sheets - the language that is used to style web pages is introduced.
  • Key Concept 7: Putting the Cascading into CSS - looks at the different places CSS can be stored and how they combine - or cascade - together.
  • Key Concept 8: Positioning content with CSS -  explores two ways of positioning content: float and The CSS Box Model.
  • Key Concept 9: More CSS selectors - explores more CSS selection methods, such as how to select an element only when a specific class is applied and the descendant selector.
  • Key Concept 10: Responsive Design - the concept of responsive web design, used to optimise pages on a variety of devices, is introduced and basic techniques are explored.

Upcoming Courses

There are no items to show in this view of the "IT Training Schedule" list.

Specific Learning Outcomes

The key aims for the course are:

  • Understand HTML fundamentals
  • Understand CSS fundamentals
  • Structure documents using HTML
  • Present multimedia using HTML
  • Style web pages using CSS
  • Follow good practice with regards to accessibility, readibility and testing

View a PDF of the complete IT Specialist HTML and CSS Objectives.


Candidates who successfully pass the exam will gain the Information Technology Specialist: HTML and CSS qualification. You will receive:

  • a physical and digital certificate
  • a digital badge that can be used to share (e.g. on LinkedIn) and verify your achievement

Next steps

MOS Expert and Associate.pngHaving developed the fundamentals of HTML and CSS, the next step for anyone looking to develop web pages is to learn JavaScript. JavaScript is the language that makes web pages "move". Cardiff Met offers a training course and Information Technology Specialist qualification for JavaScript, which is free to students and staff.


Got a question?

See whether the Certification FAQs page answers it.  If you still have questions, get in touch with the IT Training team via email.