Web Design Basics

Explore the Course

Click any lesson with to preview it

This module offers a comprehensive introduction to creating and organising web content using the standard markup language for web pages. Through a series of structured lessons, learners will explore fundamental elements, tables, lists, forms, and multimedia embedding, gaining practical skills to build and enhance web pages effectively.

HTML Basics
Introduction to HTML	Quiz
HTML Basic Elements	Quiz
Tables and Lists
HTML Tables	Quiz
Crafting Complex Tables	Quiz
HTML Lists	Quiz
Forms and Multimedia
Basics of Form Creation	Quiz
Advanced Input Types	Quiz
Embedding Audio and Video	Quiz

This module offers a comprehensive exploration of web styling techniques using CSS. It covers fundamental concepts such as CSS rules, selectors, and the box model, alongside text and font styling. Additionally, it addresses website layout design, providing practical exercises to enhance skills in creating visually appealing and structured web pages.

CSS Fundamentals
Introduction to CSS	Quiz
CSS Box Model	Quiz
Text and Font Styling
CSS Text	Quiz
CSS Fonts	Quiz
Website Layouts
CSS Website Layout	Quiz

This module offers a comprehensive introduction to creating and organising web content using the standard markup language for web pages. Through a series of structured lessons, learners will explore fundamental elements, tables, lists, forms, and multimedia embedding, gaining practical skills to build and enhance web pages effectively.

HTML Basics
Introduction to HTML	Quiz
HTML Basic Elements	Quiz
Tables and Lists
HTML Tables	Quiz
Crafting Complex Tables	Quiz
HTML Lists	Quiz
Forms and Multimedia
Basics of Form Creation	Quiz
Advanced Input Types	Quiz
Embedding Audio and Video	Quiz

This module offers a comprehensive exploration of web styling techniques using CSS. It covers fundamental concepts such as CSS rules, selectors, and the box model, alongside text and font styling. Additionally, it addresses website layout design, providing practical exercises to enhance skills in creating visually appealing and structured web pages.

CSS Fundamentals
Introduction to CSS	Quiz
CSS Box Model	Quiz
Text and Font Styling
CSS Text	Quiz
CSS Fonts	Quiz
Website Layouts
CSS Website Layout	Quiz

Curriculum Mapping

See exactly how this course maps to official curriculum specifications

NCCA Transition Year Programme Statement (2025)

Curriculum Area

Outcomes

Personal Growth

P.1 P.2 P.3 P.4 P.5 P.6 P.7 P.8 P.9 P.10 P.11

Being a Learner

B.1 B.2 B.3 B.4 B.5 B.6 B.7 B.8 B.9 B.10 B.11 B.12

Civic and Community Engagement

C.1 C.2 C.3 C.4 C.5 C.6 C.7 C.8 C.9 C.10 C.11

Career Exploration

CE.1 CE.2 CE.3 CE.4 CE.5 CE.6 CE.7 CE.8

The curriculum does not include official reference codes for individual learning outcomes, so we have assigned a code scheme to make it easier to identify and track coverage.

What Students Will Learn

Learning Goals

Understand and apply basic HTML elements to create structured web pages.
Design and implement complex HTML tables and lists.
Create interactive forms using basic and advanced HTML input types.
Embed multimedia elements into web pages using HTML5.
Utilise CSS for styling web pages, manipulating text and fonts, and creating website layouts.

Learning Outcomes

Understand and apply basic HTML elements such as headings, paragraphs, breaks, images, and links to structure a webpage.
Create and manipulate complex HTML tables using advanced features like rowspan and colspan.
Design and code interactive forms using HTML elements like <input>, <label>, and <button> and apply advanced input types.
Embed audio and video files into web pages using HTML5 multimedia elements.
Utilise CSS to style web pages, including text and fonts, and create a basic website layout.

What You'll Need

Student Devices

Students will need one of these devices. Students can share in groups of 2-3 if necessary.

Chromebook/Laptop/PC

iPad/Tablet

Build a full TY year around Web Design Basics

This module is one of 7 Transition Year modules you can combine into a complete Year-Long TY Digital Skills Programme, shaped around your timetable and the students in front of you.

Run the same pathway for every student, or set different pathways for different groups. Students also get access to the modules they're not doing in class, which is ideal for the keen ones who finish early or want to explore further on their own time.

Prefer a deeper tech focus? Swap in Advanced Coding or Robotics and Automation. Each module is 10 lessons of 40-60 minutes, leaving room for school events, mid-terms and everything else TY throws at you.

Why TY coordinators choose it

One decision, a year's content

No more stitching resources together every term.

Flexible per class, per student

Run different pathways side by side.

Certificates after each module

Great for TY portfolios, open days and reports home.

Sets students up for Senior Cycle

Broad exposure so they choose subjects with confidence.

Sample Year Plan

ICT + Coding focus

Computer Skills
Gets everyone on a level footing
Introduction to Coding
Real, working projects from week one
Exploring Digital Media
Video, design and storytelling
Exploring Artificial Intelligence
The topic your students keep asking about
Enterprise and Business Basics
A pitch-and-launch project to close out the year