website-building-how-websites-work
ITIAN Website Building Short Course
Technology Simplified — Solutions That Work
Build Your First Website with Confidence
Learn how websites work, set up Visual Studio Code, create a responsive page with HTML and CSS,
connect Cloudflare and Hostinger, and build your first WordPress page. Every lesson contributes
to one practical website project you can publish and share.
Your Complete Beginner Website-Building Pathway
Start with the foundations and progress step by step from an empty project folder to a secure,
published website and an editable WordPress page.
Start Here
Understand the course, prepare your computer and begin with a clear plan for your first webpage.
Course Overview
See what you will build, how the lessons connect and what you need before starting.
How Websites Work
Learn the roles of webpages, browsers, domains, DNS, hosting and HTTPS, then plan your page.
Your Final Website Project
Build, test and publish a responsive webpage, then create the matching content in WordPress.
Course Lessons
Eight focused lessons take you from first principles to publishing, WordPress and ongoing website care.
How Websites Work and Planning Your Page
Understand the web, define your audience and plan the structure and purpose of one useful page.
Set Up Visual Studio Code
Install the editor, create a reliable project folder and preview a starter page in your browser.
Build the Page with HTML
Create semantic structure with headings, paragraphs, links, lists and an optimised image.
Style a Responsive Page with CSS
Apply colour, typography, spacing and flexible layouts that work across screen sizes.
Accessibility, Quality and Basic SEO
Check headings, contrast, links, alternative text, metadata, spelling and mobile behaviour.
Cloudflare, Domains and Hostinger
Connect the domain, understand DNS, upload your website and confirm secure HTTPS access.
WordPress Basics on Hostinger
Use the dashboard and block editor to create a page, manage media and add navigation.
Publish, Maintain and Present
Run final checks, create a backup, present your website and plan a maintenance routine.
What You Will Learn
By completing the course, you will understand both hand-coded webpages and self-hosted WordPress.
Your Course Progress
Your progress begins at zero and grows as each lesson, activity and final project check is completed.
Overall Progress
0% complete — Start with Lesson 1 and your website plan.
Course Achievement
Complete the eight lessons, publish your website and finish the final review checklist.
Practical Website Project
Every lesson contributes to one useful project rather than a collection of disconnected exercises.
Plan the Page
Define the audience, main purpose, sections, images and one clear call to action.
Build with HTML and CSS
Create semantic content and a responsive visual system that works on phones and computers.
Publish Securely
Use Cloudflare and Hostinger to connect the domain, upload the files and confirm HTTPS.
Create in WordPress
Rebuild the planned content with WordPress blocks and compare the two website workflows.
Learn Website Building with Ian and ITIAN
This course teaches website building in a warm, practical and encouraging way using clear New Zealand English.
Every lesson explains which steps to follow, why they work and how they contribute to a real website.
The examples connect directly with Visual Studio Code, HTML, CSS, Cloudflare, Hostinger, WordPress and the
continued development of the ITIAN Knowledge Hub and NZThrillVibes.
Course Resources
Return to these practical sections while planning, building, publishing and maintaining your website.
Course Lessons
Open the complete eight-lesson pathway and continue from your current step.
Pre-Publishing Checklist
Review accessibility, quality, SEO, images, links and responsive behaviour.
Publishing Guide
Review the roles of Cloudflare, DNS, Hostinger, files and HTTPS.
Maintenance Checklist
Use backups, updates and regular checks to keep the website healthy.
Ready to Build Your First Website?
Start with the foundations, follow the lessons in order and build confidence one practical step at a time.