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 the uses and capabilities of computers.
  • Identify common computer hardware components.
  • Describe the relationship between processors, operating systems, and computer platforms.
  • Explain how computers represent text, numbers, and symbols.
  • Describe the role of internet connectivity, cloud storage, search engines, and remote working tools.

Overview

Computers are important tools used in everyday life, education, business, communication, and problem-solving.

In HTML programming, learners need a basic understanding of computers because web development requires the use of:

  • Hardware devices
  • Operating systems
  • Internet services
  • Development tools
  • File storage and sharing platforms
  • Communication and collaboration tools

1. Uses and Capabilities of Computers

Computers are used to perform many tasks quickly and accurately.

Common uses of computers include:

  • Communication
    • Email
    • Instant messaging
    • Social media
    • Video conferencing
  • Storage and retrieval of information
    • Saving documents and files
    • Organising information
    • Searching for stored data
  • Data processing and analysis
    • Performing calculations
    • Analysing trends
    • Solving complex problems
  • Entertainment
    • Watching videos
    • Listening to music
    • Playing games
    • Accessing online media
  • Scientific research
    • Modelling
    • Simulation
    • Data analysis
  • Artificial intelligence
    • Pattern recognition
    • Language processing
    • Prediction and decision-making
  • Robotics and automation
    • Manufacturing
    • Healthcare
    • Space exploration
    • Automated systems

2. Hardware Components

Computer hardware refers to the physical parts of a computer system.

These parts work together to:

  1. Receive input
  2. Process data
  3. Store information
  4. Produce output

2.1 Input Devices

Input devices allow users to enter data into a computer.

Examples include:

  • Keyboard
  • Mouse
  • Touchpad
  • Microphone
  • Scanner
  • Webcam

2.2 Output Devices

Output devices display or produce results from the computer.

Examples include:

a. Monitor
b. Speakers
c. Printer
d. Projector

2.3 Storage Devices

Storage devices are used to save data, files, and applications.

Examples include:

  • Hard drive
  • Solid-state drive
  • USB flash drive
  • Memory card
  • External hard drive

2.4 Processing Devices

Processing devices carry out instructions and process data.

The main processing device is the Central Processing Unit (CPU).

The CPU is often described as the “brain” of the computer because it:

  • Executes instructions
  • Processes data
  • Performs calculations
  • Controls many computer operations

3. Processors, Operating Systems, and Platforms

A computer platform is created by combining:

  • A processor
  • An operating system

3.1 Processor

A processor, also known as the CPU, is responsible for:

  • Executing instructions
  • Processing data
  • Performing calculations
  • Supporting the running of software applications

Examples of processor types include:

  1. Single-core processors
  2. Dual-core processors
  3. Multi-core processors

3.2 Operating System

An operating system is software that manages the computer’s hardware and resources.

It allows users to:

  • Run applications
  • Manage files
  • Connect to networks
  • Use input and output devices
  • Access the internet

Examples of operating systems include:

a. Microsoft Windows
b. macOS
c. Linux

3.3 Computer Platform

A platform is the combination of the processor and operating system.

This platform creates the environment where applications and development tools can run.

For HTML programming, learners need a working platform to:

  • Write HTML code
  • Save web files
  • Open web pages in a browser
  • Use code editors or IDEs
  • Access online tools and resources

4. 8-Bit Computing: Text, Numbers, and Symbols

Computers process information using data.

In 8-bit computing, a computer processes 8 bits of data at a time. This allows computers to represent different types of information.

4.1 Text

Text includes letters, words, and written instructions.

Examples include:

  • Names
  • Sentences
  • Commands
  • Website content

4.2 Numbers

Numbers are used for calculations and data processing.

Examples include:

  1. Prices
  2. Quantities
  3. Measurements
  4. Scores
  5. Statistics

4.3 Symbols

Symbols are important in programming because they can represent operations or instructions.

Examples include:

  • + for addition
  • = for assigning or comparing values
  • < > used in HTML tags
  • / used in closing HTML tags
  • Quotation marks used around attribute values

Understanding text, numbers, and symbols is important because HTML uses symbols and text to structure web pages.

5. Internet Connectivity and Online Functionalities

Internet connectivity allows computers and devices to connect and communicate online.

It enables users to:

  • Browse websites
  • Send and receive emails
  • Access cloud storage
  • Search for information
  • Use online applications
  • Communicate with others
  • Share files and resources

5.1 Cloud Storage

Cloud storage allows users to save files on remote servers and access them through the internet.

Examples include:

  • Google Drive
  • Dropbox
  • Microsoft OneDrive

Cloud storage helps users:

a. Store documents online
b. Access files from different devices
c. Share files with others
d. Collaborate on documents

5.2 Search Engines

Search engines help users find information on the internet.

Examples include:

  • Google
  • Bing
  • Yahoo

Search engines are useful for:

  1. Research
  2. Finding tutorials
  3. Accessing documentation
  4. Solving technical problems

5.3 Social Media and Online Communication

Online platforms allow users to connect and share information.

Examples include:

  • Facebook
  • LinkedIn
  • Instagram
  • X / Twitter

These platforms support:

  • Communication
  • Networking
  • Content sharing
  • Community engagement

6. Tools for Working Remotely

Remote working tools allow people to communicate and collaborate from different locations.

These tools are useful in web development because learners and developers often need to:

  • Work in teams
  • Share files
  • Discuss tasks
  • Attend online meetings
  • Collaborate on projects

6.1 Zoom

Used for:

  • Video meetings
  • Online classes
  • Screen sharing
  • Remote presentations

6.2 Slack

Used for:

a. Team messaging
b. File sharing
c. Project discussions
d. Organised communication channels

6.3 Google Workspace

Used for:

  • Email
  • Document sharing
  • Online meetings
  • Collaborative editing

6.4 Microsoft Teams

Used for:

  1. Meetings
  2. Chat
  3. File sharing
  4. Team collaboration

Key Notes

  • Computers are used for communication, storage, data processing, research, entertainment, artificial intelligence, and automation.
  • Hardware refers to the physical parts of a computer.
  • Hardware includes input devices, output devices, storage devices, and processing devices.
  • The CPU processes instructions and is a key part of the computer system.
  • An operating system manages hardware and allows users to run applications.
  • A processor and operating system combine to form a computer platform.
  • Computers represent and process text, numbers, and symbols.
  • Internet connectivity allows users to access online services and resources.
  • Cloud storage helps users save and share files online.
  • Search engines help users find information.
  • Remote working tools support communication, collaboration, and teamwork.
Scroll to Top