Forget the confusing tech-lecture stuff. This is just you, me, and a bunch of simple explanations — websites, WordPress, and the very first practice site you'll build with your own hands.
A website is like a fat textbook. A webpage is just one chapter inside it.
Open Flipkart and look around. It's one single website — but inside it are literally millions of pages: the homepage, the page for a particular pair of shoes, your orders page, even the page where you write a angry review because the delivery got delayed. Every single one of those is a separate webpage.
A website is your house. The drawing room, the kitchen, your room — each one is a webpage. And the doors connecting them? Those are links. Click a door, you're in a new room.
Hard to imagine now, but computers used to sit right next to each other and have zero clue the other one existed — until this happened.
A network called ARPANET let a few university computers send messages to each other. It was the very beginning of the internet.
Computers needed a common "language" to understand each other. Scientists made rules that let any computer join in.
Tim Berners-Lee invented webpages that connect with clickable links. This is what we now just call "the internet."
Programs like Mosaic let everyday people open and view webpages for the first time — not just scientists.
Tools like WordPress made it easy for anyone — including a first-year engineering student with zero coding background — to build a website. That's literally what you're about to do.
WordPress lets you build a website just by clicking and typing. No coding needed!
It started way back in 2003, built by Matt Mullenweg and Mike Little. Before WordPress, making a website meant writing pages and pages of complicated code — basically only for hardcore programmers. WordPress broke that gatekeeping and made it simple for everyone, including you.
Building a website with raw code is like assembling a bike part by part from a scrap market. WordPress just hands you a ready-made Splendor — you only need to pick the colour and stick on your own stickers.
These words sound intimidating in a class lecture, but they're honestly this simple: picture your website as a shop in a busy market.
A powerful computer that stores your website's files and keeps them ready to show visitors, 24x7, like a shop that never downs its shutter.
Your website's name, like yourshop.com. It's the signboard hanging outside so people know they've reached the right place.
Think of it as the shutter lock plus a watchman outside your shop. It keeps information safe while it travels between your site and your visitors. Look for the little padlock and https:// in the browser bar — that's your proof the watchman's actually on duty.
Before you show your website to the whole world, it's way smarter to build and mess it up privately first.
| Local | Live | |
|---|---|---|
| Where it lives | Your own computer | A hosting server, online |
| Who can see it | Just you | Anyone, anywhere |
| Needs internet? | Nope | Yes |
| Best for | Practicing & mistakes | Sharing your finished work |
A local website is you rehearsing your dance alone in your room before the college annual day. A live website is you performing that same dance on the actual stage, in front of the whole college.
We'll use a free tool called Local — think of it as a mini-computer inside your computer, just for building websites without touching the internet.
Go to the Local website, download it for your computer, and install it like any other app.
Open Local, click "Create a new site," and give it a name — like mysite.local.
Pick the "Preferred" option. It works great for beginners.
Choose a username and password — you'll use these to log in later.
Click "Add Site" and wait a minute. Local builds your website automatically!
Click "WP Admin" to open your website's control room — the dashboard.
A theme is basically the outfit your website wears. Elementor is your paintbrush — zero code needed!
Astra is a light, no-fuss, beginner-friendly theme — like a plain kurta you can dress up however you like. Elementor then lets you design your pages just by dragging and dropping pieces onto the screen, the same way you'd drag stickers onto a chart for a school project.
In your dashboard sidebar, hover "Appearance," then click "Themes."
Click "Add New Theme," then type "Astra" into the search box.
Click "Install," wait a few seconds, then click "Activate." Your site changes instantly!
Go to Plugins → Add New, search "Elementor," then Install and Activate it.
Open any page and click "Edit with Elementor" at the top.
Blocks like Heading, Image, and Button live on the left. Drag them onto your page.
Click any text to change it. Use the left panel to change colours and fonts.
Click the "Update" button at the bottom-left to save everything.