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.

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.

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


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 227/10/2021 14:0027/10/2021 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 229/10/2021 11:0029/10/2021 12:00Online
Sign Up>>Web Design Fundamentals - Key Concept 310/11/2021 14:0010/11/2021 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 312/11/2021 11:0012/11/2021 12:00Online
Sign Up>>Web Design Fundamentals - Key Concept 424/11/2021 14:0024/11/2021 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 426/11/2021 11:0026/11/2021 12:00Online
Sign Up>>Web Design Fundamentals - Key Concept 508/12/2021 14:0008/12/2021 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 510/12/2021 11:0010/12/2021 12:00Online

The sessions 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.

Target Audience

​Cardiff Met students or staff.

Prerequisites

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.

Cost

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 remotely, from your home.

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.


Certification

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



 

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.