Course Content
KM-01: Hypertext Markup Language (HTML) Basics
This module introduces learners to the foundational concepts required to begin working with HTML programming. It covers basic computer concepts, the introduction to HTML programming, suitable Integrated Development Environments (IDEs), Git and GitHub, problem-solving in programming, the life cycle for developing a solution, and an overview of the look and feel of a website. The module builds the learner’s understanding of the fundamentals of HTML as a programming language and prepares them for more detailed HTML document structure, styling, and practical web development work in later modules.
0/15
KM-02: HTML Programming Principles
This module builds on the foundational knowledge from KM-01 and focuses on the core principles of HTML programming. It introduces learners to the structure of an HTML document, including tags, elements, and attributes, and how these are used to organise and present content on web pages. The module also covers HTML data types, text formatting, tables, file and folder structures, and semantic organisation of content. In addition, learners are introduced to how web pages communicate with remote servers. By the end of this module, learners will have a solid understanding of how to create well-structured, readable, and functional HTML documents that form the backbone of web development.
0/21
KM-03: HTML and Cascading Style Sheets (CSS) Styling Principles
This module introduces learners to the principles of styling web pages using Cascading Style Sheets (CSS). While HTML provides the structure of a webpage, CSS is used to control the appearance, layout, and visual presentation. Learners will develop the ability to design visually appealing and user-friendly web pages by applying styling techniques such as colours, fonts, spacing, layouts, and responsive design. The module also introduces HTML forms, which are used to collect user input and are an important part of interactive web applications. By the end of this module, learners will be able to apply CSS styling principles to improve the readability, usability, and overall user experience of web pages.
0/7
KM-04: HTML Intermediate Programming Functionalities
This module builds on foundational HTML knowledge and introduces learners to more advanced and interactive web development features. Learners will explore how to create dynamic and interactive web pages using HTML5 functionalities and APIs, as well as how to work with multimedia, offline capabilities, and modern web technologies. The module focuses on improving user experience and preparing learners for real-world web development environments.
0/15
WM-01: Workplace Module
Introduction to Workplace Modules Workplace Modules are designed to ensure that learners: -Apply their skills in a real or simulated work environment -Demonstrate industry readiness -Perform tasks aligned with real job roles
0/1
HTML Programmer

Lesson Outcomes

After completing this lesson, learners will be able to:

  • Explain what packaging and deployment mean in web development.
  • Identify the steps involved in preparing a website for deployment.
  • Understand how files are organised for deployment.
  • Describe basic deployment methods.
  • Recognise the importance of testing before deployment.

Overview

After developing a website, it must be prepared and published so that users can access it online.

This process involves:

  • Packaging → preparing all files and resources
  • Deployment → uploading the website to a server

Proper packaging and deployment ensure that a website:

  • Works correctly
  • Loads all resources properly
  • Is accessible to users

1. What is Packaging?

Packaging is the process of preparing a website’s files for deployment.

This includes:

  • Organising files and folders
  • Ensuring all resources are included
  • Checking file paths
  • Preparing code for release

2. What is Deployment?

Deployment is the process of making a website available online.

It involves:

  • Uploading files to a server
  • Making the site accessible via a URL
  • Ensuring everything functions correctly

3. Preparing Files for Deployment

Before deployment, files must be properly organised.

Key Steps

  1. Organise folders clearly
  2. Ensure all files are included
  3. Check file paths
  4. Remove unnecessary files
  5. Optimise images and media

4. Testing Before Deployment

Testing ensures that the website works correctly.

What to Test

  • Links and navigation
  • Images and media
  • Forms functionality
  • Layout and design
  • Browser compatibility

5. Deployment Methods

There are different ways to deploy a website.


5.1 Manual Upload

  • Files are uploaded using tools like FTP
  • Requires server access

5.2 Hosting Platforms

Websites can be deployed using hosting services.

Examples:

  • Shared hosting
  • Cloud hosting

5.3 Version Control Deployment

Using platforms like GitHub to manage and deploy code.


6. Importance of Packaging and Deployment

Proper packaging and deployment are important because they:

  • Ensure website functionality
  • Prevent errors
  • Improve performance
  • Make the website accessible

Key Notes

  • Packaging prepares files for deployment.
  • Deployment makes a website available online.
  • Proper file organisation is essential.
  • Testing ensures the website works correctly.
  • Deployment can be done manually or through hosting platforms.
  • Good deployment practices improve reliability and performance.
Scroll to Top