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 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 Induction20/05/2022 12:0520/05/2022 12:06Online


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 718/05/2022 14:0018/05/2022 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 801/06/2022 14:0001/06/2022 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 915/06/2022 14:0015/06/2022 15:00Online
Sign Up>>Web Design Fundamentals - Key Concept 1029/06/2022 14:0029/06/2022 15: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.

Summer 2022: The course is running as a flexible learning courses over the summer period, meaning you can study at your own pace. Enrolment will open in May and remain open until July. Exam sessions will be held in June, July and early September. Key Concept sessions on CSS will be held (as these were scheduled for the Spring 2022 cohort), but not HTML. Key Concept sessions are optional (as the content is covered by the e-learning) and recordings of all Key Concept sessions will be available.

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.