✦ Hands-on Workshop
Deploy Your
First Website
Domains · Hosting · SSL, from zero to live
🏗️ Hosting 🏠 Domain 🗺️ DNS 🔒 SSL ✦ Hands-on
Let's make it simple
Think of it like building a house 🏠
Where every piece has one job and they all work together
🏗️
Hosting
The land
Where your website lives. A computer always on, holding all your files.
🏠
Domain
The address
The name people type, like mysite.com. The street address of your house.
🗺️
DNS
The GPS
Turns the domain name into the real server location, just like GPS gives you directions.
🔒
SSL
The lock on the door
Keeps data private. That padlock in the browser. Without it, visitors see "Not Secure".
01 Hosting
🏗️ Your website's home
Where your files live, always on, always connected

🤔 What is a server?

A computer that's always on, always connected. When you buy hosting, you're renting space on a powerful computer so anyone can visit your site 24/7.

1

Choose and create a Hosting account

Compare providers and pick the one that fits you. Not sure? Follow along with the one I use.
2

Pick a plan

Shared hosting is perfect to start. You can always upgrade later.
3

Upload your website

HTML file via File Manager or FTP. Running WordPress? We cover that too!
Data center server room

Real data center, thousands of servers always on

02 Domain
🏠 Your website's address
Search, compare, and register the right name

📌 Where to buy?

You can buy a domain separately (Namecheap, GoDaddy) or directly inside your Hosting provider. If you don't have one yet, I will walk you through mine.

1

Search if your name is available

Try Namecheap, your hosting provider, or just Google it
2

Compare extensions

.com most trusted  ·  .io popular for tech  ·  .co modern feel
3

Register it, around $10–15/year

Turn on auto-renew right away. If you forget, you lose the domain.

Example search results

mywebsite.com ✓ free
2/year
mywebsite.net ✗ taken
unavailable
mywebsite.io ✓ free
2/year
mywebsite.co ✓ free
5/year

💡 Pro tip

If .com is taken, try a variation first. getmywebsite.com beats mywebsite.xyz for trust every time.

03 DNS
🗺️ Connect domain to hosting
The GPS that points your address to the right server

How does it work?

You type mysite.com, the browser asks DNS, DNS returns the IP, browser connects to the right server. Same as Google Maps turning an address into directions.

1

Go to your domain panel

Namecheap, GoDaddy, or your hosting DNS settings
2

Add an A Record

Points mysite.com to server IP. Your hosting provider gives you this.
3

Wait for propagation, up to 48h

Check progress at whatsmydns.net

📌 Key DNS records

A Record
Domain to server IP. Most common.
CNAME
Alias to another domain. Netlify, Vercel.
MX Record
Email routing to your inbox.
TXT Record
Verification. Google, SPF, Mailgun.
04 SSL
🔒 Turn on the lock
Free, one click. From "Not Secure" to trusted

📬 HTTP vs HTTPS

Without SSL, your data is like a text message anyone can intercept. With SSL, it's locked in a private box. That's why the browser shows 🔒 and https:// instead of a "Not Secure" warning.

1

Go to your Hosting panel, find SSL

Look for "SSL" or "Security" in your hosting panel
2

Click "Install" on Let's Encrypt

It's free. Takes about 30 seconds.
3

Force redirect HTTP to HTTPS

1 toggle in your hosting panel. Browsers warn users on HTTP sites.
05 How it connects
The full journey 🚀
What happens every time someone visits your site
👤
User
types URL or
clicks Google result
→
🗺️
DNS lookup
"Where is
mysite.com?"
→
📋
A Record
DNS finds the IP
on the A Record
→
🔒
SSL
Connection is
encrypted
→
🏗️
Server
Sends files
back
→
🎉
Browser
Renders your
website
👤 User entry points Types URL directly or finds you on Google and clicks. Both trigger DNS.
📋 A Record is the key This is what tells DNS exactly which server holds your website files.
🔒 SSL happens before delivery The connection is secured before a single file reaches the user's browser.
07 ✦ Hands-on
✅ Let's do it live
We will complete it together!
✓
1. 🏗️ Create a Hosting account and pick a plan
✓
2. 🏠 Search and register a domain name
✓
3. ✦ Build landing page using AI, download the HTML  ✦ View Prompt
✓
4. 📁 Upload your website (HTML or WordPress)  ⚡ Netlify Drop
✓
5. 🔗 Point domain to your Hosting (if necessary)
✓
6. 🗺️ Set up A Record in DNS
✓
7. 🔒 Activate SSL, Let's Encrypt (free!)
✓
8. 🎉 Test https://, site is LIVE! Share the link!
Thank you!
Wagner Garcia
Web Development Specialist
QR Code wgarciaux.com
Let's get connected
🌐 wgarciaux.com
💼 Web Development Specialist
+61 0481 218 761
✦ Claude Prompt
Build your landing page
Copy this prompt, open claude.ai, and paste it
Create a simple landing page for my business. 1- Business Name: {your business name that matches your domain} 2- Business Purpose: {Why should people choose you? What makes you different?} Include: — A strong headline — A short description (2-3 sentences) — 3 key features or services — A simple contact form with Name, Email, Message and a SUBMIT button Make it clean, professional and mobile-friendly. Give me a single HTML file I can download and deploy.