Skip to content
TechnologyGeneral

HTML & CSS — Full Curriculum

By the end of this programme, learners demonstrate measurable competence in HTML & CSS. Through 4 structured modules, continuous practical exercises, portfolio-building projects, and a culminating assessment, every learner shows visible progress against the objectives below — supported by feedback from their instructor.

01 Performance

By the end of this programme, learners demonstrate measurable competence in HTML & CSS. Through 4 structured modules, continuous practical exercises, portfolio-building projects, and a culminating assessment, every learner shows visible progress against the objectives below — supported by feedback from their instructor.

02 Objectives

  • Understand and confidently apply the ideas covered in "HTML Fundamentals"
  • Understand and confidently apply the ideas covered in "CSS Essentials"
  • Understand and confidently apply the ideas covered in "Layouts"
  • Understand and confidently apply the ideas covered in "Responsive & Publish"
  • Complete graded exercises after every module with tutor feedback
  • Produce a final piece of work that demonstrates overall mastery

03 Content

HTML Fundamentals

  • Tags & structure
  • Text, lists & tables
  • Images & links
  • Forms

CSS Essentials

  • Colours, fonts & text
  • Box model & spacing
  • Classes & ids

Layouts

  • Flexbox made practical
  • Grid basics
  • Positioning tricks

Responsive & Publish

  • Media queries
  • Mobile-first pages
  • Going live on free hosting

04 Knowledge

  • Core terminology and foundational principles of HTML & CSS
  • Essential knowledge areas within HTML Fundamentals
  • Essential knowledge areas within CSS Essentials
  • Essential knowledge areas within Layouts
  • How the different parts of HTML & CSS connect into a coherent whole

05 Skills

  • Hands-on ability: tags & structure
  • Hands-on ability: colours, fonts & text
  • Hands-on ability: flexbox made practical
  • Hands-on ability: media queries
  • Independent problem-solving on unfamiliar tasks
  • Presenting completed work clearly and confidently

06 Key Competencies

  • Critical thinking — analysing problems before jumping to solutions
  • Practical execution — finishing real work, not just theory
  • Communication — explaining reasoning and results
  • Digital tool fluency used responsibly and safely
  • Collaboration — giving and receiving useful feedback

07 Values

  • Excellence: doing careful, complete work rather than rushing
  • Integrity: honest effort, original work and truthful reporting
  • Curiosity: asking questions and exploring beyond the lesson
  • Responsibility: safe, ethical use of technology and information
  • Growth mindset: treating mistakes as steps toward mastery

08 Learning Activities

Guided lessons

Interactive teaching sessions covering each module of HTML & CSS with live demonstration and questioning.

Hands-on practice

Supervised individual exercises immediately applying each topic — the majority of contact time.

Mid-programme checkpoint (Layouts)

A reviewed mini-assessment confirming understanding before progressing.

Capstone experience

An end-of-programme project or assessment integrating all modules, presented for feedback.

09 Teaching & Learning Resources

  • Dynamic Academy course materials and practice sets
  • A laptop or desktop with required free software installed
  • Internet access for research and tool accounts
  • Access to the student portal for announcements, assignments and progress tracking

10 Evaluation Guide

Assessment is continuous, transparent and feedback-driven: - Continuous assessment (quizzes & exercises) — 30% - Practical projects / graded assignments — 40% - Final assessment (project presentation or exam) — 20% - Participation & consistency — 10% Grades are recorded in the student portal. Parents receive progress summaries; learners always receive specific, actionable feedback.

11 Practical Projects

  1. Project 1:Starter project: applied HTML Fundamentals

    A small but complete piece of work using the first module's skills, submitted through the portal.

  2. Project 2:Build-out project: Layouts

    A more substantial task combining earlier skills with the middle modules.

  3. Project 3:Final showcase project

    A personal project demonstrating full command of HTML & CSS, presented at the end of the programme.

12 Learning Outcomes

  1. Build multi-section web pages with clean HTML
  2. Style them beautifully with CSS
  3. Create layouts that work on phones and laptops
  4. Publish a live page on the internet

13 Course Pathway

Learners progress through a guided technology ladder at Dynamic Academy: foundations (Digital Skills / HTML & CSS / Python Programming), then specialisation (Web Development, Artificial Intelligence, Robotics, Game Development, UI/UX Design), then advanced practice (Backend Development, AI Chatbot Development). Each stage's final project feeds the next stage's portfolio.

14 Career & Application Opportunities

Software development (junior developer pathways)Technology entrepreneurshipSTEM study at tertiary levelFreelance technical services