AB Upright

LESSON 12: Domain Names & Publishing a Website

Lesson 12/12

A domain name is your website’s address.

Examples:

www.example.com

How publishing works:

Buy a domain

Choose hosting

Upload website files

Connect domain to hosting

Key takeaway:
Domain is the address, hosting is the house.

Week 3 completed!

SIMPLE CODE (FOR EDUCATIONAL USE)

Basic HTML Example







My First Website





Welcome to My Website

This is my first web page.

For those that need Cool, and Refreshing Soft Drinks should visit our store to contact us to place his/her order, tree delivery within Kano:

AB ▷ Prices, contacts & listings on Jiji.ng AB ✓ + verified listings on Jiji.ng ✓ Trusted seller for New on Jiji years ✓ Browse all listings & buy safely today!

LESSON 11: What Is Web Hosting?
Lesson 11/12

Web hosting is where your website lives on the Internet.

A hosting server:
Stores your website files
Makes them available online
Runs 24/7

Simple Explanation:
No hosting = no website online

Key takeaway:
Hosting makes your website accessible to everyone.

Follow for Lesson 12: Domain Names & Publishing a Website

LESSON 10: Website Files & Folder Structure

Lesson 10/12

A website is made of organized files and folders.

Common website structure:

/website

├── index.html

├── css/

│ └── style.css

├── js/

│ └── script.js

└── images/

└── logo.png

What they mean:

HTML → structure

CSS → styling

JS → interactivity

Images → media files

🖼 Suggested picture:
Folder-tree diagram showing website structure.

Key takeaway:
Good folder structure keeps websites clean and professional.

Follow for Lesson 11: What is Web Hosting?

LESSON 9: How Websites Are Built

(From Idea to Web Page)

Lesson 9/12
Every website starts with an idea, then follows simple steps.

How websites are built:

Planning (purpose & content)
Design (layout & look)
Development (HTML, CSS, JavaScript)
Testing
Publishing (hosting)

Idea → Design → Code → Test → Publish

Websites are built step by step, not all at once.

Follow AB Upright Learning Hub to learn web technology step by step.
Powered by AB Upright Ltd – Digital Innovation Hub

LESSON 8: What Is JavaScript?

Lesson 8/8

JavaScript makes websites interactive and dynamic.

JavaScript allows websites to:
✔ Respond to clicks
✔ Show alerts
✔ Validate forms
✔ Update content without reload

Examples:

Buttons reacting when clicked

Pop-up messages

Dynamic content loading

Key takeaway:
JavaScript brings websites to life.

Week 2 completed!

LESSON 7: What Is CSS?

Lesson 7/8

CSS (Cascading Style Sheets) controls the design and appearance of a website.

If HTML is the skeleton, CSS is the clothing and paint.

CSS controls:
✔ Colors
✔ Fonts
✔ Layouts
✔ Responsiveness

Without CSS, websites look plain and unattractive.

Key takeaway:
CSS makes websites beautiful and user-friendly.

Follow for Lesson 8: What is JavaScript?

LESSON 6: What Is HTML?
Lesson 6/8

HTML (HyperText Markup Language) is the structure of a website.
Think of HTML as the skeleton of a building.

HTML is used to create:
✔ Headings
✔ Paragraphs
✔ Images
✔ Links

Without HTML, a website cannot exist.

Key takeaway:
HTML gives structure to web pages.

Follow for Lesson 7: What is CSS?

WEEK 2: Web Development Basics

AB Upright Learning Hub
Powered by AB Upright Ltd – Digital Innovation Hub

LESSON 5: Frontend vs Backend Development

Lesson 5/8

Web development is divided into two main parts.

Frontend Development:

What users see and interact with

Runs in the browser

Examples: text, images, buttons, layouts

Backend Development:

What happens behind the scenes

Runs on the server

Examples: databases, logins, payments

Key takeaway:
Frontend is what users see; backend is how everything works.

Follow for Lesson 6: What is HTML?