Domain Names & Web Hosting
Learn how to make your website available on the internet with domain names and web hosting.
Introduction
To make your website available on the internet, you'll need two things: a domain name (your website's address) and web hosting (where your website's files live).
🎯 Start Here
You've built your website, but right now it only lives on your computer. How do you make it visible to the world?
Think of it like opening a store: you need both a physical address (domain name) and a building where your products live (web hosting). Without both, customers can't find you!
- When you type "google.com" in your browser, what do you think happens behind the scenes?
- Why do some websites have extensions like .com, .org, or .com.au?
By the end of this lesson, you'll know exactly how to launch your site to the world!
Learning Objectives
By the end of this lesson, you'll be able to:
- ✓ Explain Explain what domain names and DNS do
- ✓ Identify Identify different types of web hosting and their use cases
- ✓ Choose appropriate domain registrars and hosting providers
- ✓ Connect a domain name to a hosting service
- ✓ Evaluate Evaluate hosting options based on your project needs
Why This Matters:
Understanding domains and hosting is essential for launching any website. Whether you're building a personal portfolio, starting a business, or creating an app, you need to know how to make it accessible to users around the world. Making the right choices here can save you hundreds of dollars and countless hours of frustration.
In this tutorial, you'll learn:
- What domain names and DNS are
- How web hosting works
- How to choose a domain registrar
- How to select a hosting provider
- How to connect your domain to your hosting
Understanding Domain Names
A domain name is your website's address on the internet (like www.example.com). Think of it as your digital street address that helps people find your website.
Domain Name Basics
- Choose a memorable and relevant name
- Keep it short and easy to type
- Avoid numbers and hyphens if possible
- Check for trademark issues
🇦🇺 Australian Note: For .com.au domains, you need an ABN (Australian Business Number) or ACN (Australian Company Number). Consider .com or other TLDs if you don't have these.
How Domain Names Work
Domain names are part of the Domain Name System (DNS), which translates human-friendly domain names into IP addresses that computers use to identify each other on the network.
Domain Name Structure
A domain name consists of two main parts:
- Second-level domain: The unique name you register (e.g., "graphitedge")
- Top-level domain (TLD): The extension (.com, .org, .net, .com.au, etc.)
Recommended Domain Registrars
Namecheap
Affordable pricing and free WhoisGuard
Google Domains
Clean interface and good integration with Google services
VentraIP
Australian registrar, good for .au domains
GoDaddy
Wide selection of TLDs (watch for renewal prices)
⏸️ Pause & Check: Domain Names
Test your understanding of domain names:
- What are the two main parts of a domain name? (Give an example)
- Why is DNS important for the internet?
- What's special about .com.au domains in Australia?
Check Your Answers
- (1) Second-level domain (e.g., "graphitedge") and (2) Top-level domain or TLD (e.g., ".com"). Together they form "graphitedge.com"
- DNS (Domain Name System) translates human-friendly domain names like "google.com" into IP addresses that computers use to find each other on the network.
- .com.au domains require an ABN (Australian Business Number) or ACN (Australian Company Number) to register, so they're primarily for Australian businesses and organizations.
How confident are you with this concept?
😕 Still confused | 🤔 Getting there | 😊 Got it! | 🎉 Could explain it to a friend!
Web Hosting Explained
Web hosting is where your website's files are stored and served to visitors. It's a service that allows you to store your website files on a server that's connected to the internet 24/7, making your website accessible to visitors around the clock.
Types of Web Hosting
Shared Hosting
Best for: Beginners, small websites
Cost: $3-10/month
Your website shares server resources with others. Most economical option.
Static Hosting
Best for: Simple websites, portfolios
Cost: Often free
Perfect for HTML/CSS/JavaScript websites without databases.
VPS (Virtual Private Server)
Best for: Growing websites, more control
Cost: $10-50/month
Dedicated resources within a shared environment.
Dedicated Hosting
Best for: High-traffic websites
Cost: $80-500/month
An entire server dedicated to your website.
Cloud Hosting
Best for: Scalable applications
Cost: Pay-as-you-go
Resources distributed across multiple servers.
⏸️ Quick Check: Hosting Types
Match the hosting type to the scenario:
- You're building a simple portfolio website with HTML/CSS. Which hosting type is best?
- Your website gets 100,000 visitors per day and needs maximum performance. What should you use?
- What's the main advantage of shared hosting?
Check Your Answers
- Static hosting (like GitHub Pages or Netlify) is perfect for simple HTML/CSS/JS sites. It's often free and very fast!
- Dedicated hosting or Cloud hosting would be best for high-traffic sites that need dedicated resources and scalability.
- Shared hosting is the most economical option ($3-10/month), making it great for beginners and small websites with lower traffic.
How confident are you with this concept?
😕 Still confused | 🤔 Getting there | 😊 Got it! | 🎉 Could explain it to a friend!
Recommended Hosting Providers
Free Options
GitHub Pages
- Free hosting for static sites
- Perfect for portfolios
- Free SSL certificates
- Easy deployment from Git
Netlify
- Modern hosting platform
- Generous free tier
- Automatic deployments
- Great developer features
Vercel
- Similar to Netlify
- Great for React projects
- Excellent performance
- Good developer experience
Paid Options
DigitalOcean
Starting at: $5/month
- App Platform for easy deployment
- Good documentation
- Reliable service
VentraIP
Australian hosting
- Local support
- Data centers in Australia
- Good for WordPress sites
SiteGround
Starting at: $3.99/month
- Good performance
- Excellent support
- WordPress-friendly
💡 Pro Tip: For your first projects, start with GitHub Pages or Netlify. They're free, reliable, and provide excellent learning opportunities. You can always upgrade to paid hosting as your needs grow.
Guided Practice: Connecting Domain to Hosting
Let's walk through the process of connecting your domain to your hosting step by step.
Step 1: Log Into Your Domain Registrar
Access your domain registrar's dashboard (Namecheap, Google Domains, VentraIP, etc.)
💡 Need a hint?
Step 2: Find DNS Settings
Locate the DNS settings or nameserver settings for your domain. This might be called:
- DNS Settings
- Nameserver Settings
- DNS Management
- Advanced DNS
💡 Need a hint?
Step 3: Add Your Hosting Provider's DNS Records
Your hosting provider will give you either:
- Nameservers (e.g., ns1.example.com, ns2.example.com)
- DNS Records (A records, CNAME records pointing to an IP address)
Copy these from your hosting provider and paste them into your domain registrar's DNS settings.
💡 Need a hint?
Step 4: Wait for DNS Propagation
After saving your DNS changes, it can take anywhere from a few minutes to 48 hours for changes to propagate worldwide.
💡 Need a hint?
You're on track if:
- ☐ You can log into your domain registrar account
- ☐ You've found the DNS settings section
- ☐ You understand the difference between nameservers and DNS records
- ☐ You know where to find your hosting provider's DNS information
⚠️ Important: Keep your domain registration and hosting credentials safe. Set up two-factor authentication when available.
💪 Independent Challenge: Plan Your Launch
Now create a launch plan for your own website!
Your Task:
Research and document your domain and hosting choices for a real or hypothetical website project.
Requirements:
- Choose 3 potential domain names for your project (check availability)
- Identify the best domain registrar for your needs and explain why
- Determine what type of hosting you need (shared, static, VPS, etc.)
- Select a hosting provider and note the cost
- Create a budget estimate for your first year (domain + hosting)
Stretch Goals (Optional):
- Actually register a domain and set up free hosting (GitHub Pages/Netlify)
- Document the complete DNS setup process with screenshots
- Set up a custom email address with your domain
- Configure SSL certificate for HTTPS
Success Criteria:
| Criteria | You've succeeded if... |
|---|---|
| Research | You've checked domain availability and compared registrar prices |
| Decision Making | You can justify your hosting choice based on your project requirements |
| Budget Planning | You have a realistic cost estimate and understand ongoing vs. one-time costs |
| Understanding | You can explain the connection between domains, DNS, and hosting |
🏁 You're Ready to Launch!
Key Takeaways:
- Domain names are your website's address; DNS translates them into IP addresses
- Web hosting stores your website files and serves them to visitors 24/7
- For beginners, free options like GitHub Pages and Netlify are excellent starting points
- Different hosting types serve different needs—choose based on your project requirements
- Connecting domains to hosting involves DNS configuration and waiting for propagation
- Always enable SSL/HTTPS and two-factor authentication for security
Learning Objectives Review:
Look back at what you set out to learn. Can you now:
- ✅ Explain what domain names and DNS do Check!
- ✅ Identify different types of web hosting Got it!
- ✅ Choose appropriate registrars and hosting providers Can explain it!
- ✅ Connect a domain to hosting Could teach this!
- ✅ Evaluate hosting based on project needs Check!
If you can confidently answer "yes" to most of these, you're ready to move on!
Think & Reflect:
💭 💭 Real-World Connection
- How does understanding domains and hosting change the way you think about websites?
- Why might a business want to own multiple domain names?
🤔 Real-World Test:
After setting up your domain and hosting, don’t forget these important steps:
- Set up an SSL certificate (often free with Let’s Encrypt) so your site uses HTTPS
- Configure email if needed
- Test your website on different devices and browsers
- Set up regular backups
🎯 Looking Ahead:
Now that you understand how to get your website online, the next tutorial covers Files, Folders & Project Structure — how to organise your project files with proper naming conventions before you start writing code.
Recommended Next Steps
Continue Learning
Ready to move forward? Continue with the next tutorial in this series:
Files, Folders, and Project StructureRelated Topics
Explore these related tutorials to expand your knowledge:
Additional Resources
Deepen your understanding with these helpful resources:
- MDN: What is a Domain Name? - Understanding domain names and how they work.
Progress tracking is disabled. Enable it in to track your completed tutorials.
Cookie Settings