Publishing and hosting in No-Code - Mini Project: Build & Apply

Publishing and Hosting a Simple Website

📖 Scenario: You want to share your personal website with friends and family. To do this, you need to publish your website files and make them available on the internet through hosting.

🎯 Goal: Build a simple plan to publish and host a website by setting up the website files, choosing a hosting service, uploading the files, and making the website live.

📋 What You'll Learn

Create a folder named my_website containing an index.html file

Define a variable hosting_service with the name of the hosting platform

List the steps to upload files to the hosting service

Add the final step to make the website live and accessible online

💡 Why This Matters

🌍 Real World

Publishing and hosting websites is essential for sharing information, portfolios, or businesses on the internet.

💼 Career

Understanding website publishing and hosting is important for roles in web development, digital marketing, and IT support.

1

DATA SETUP: Create the website folder and main file

Create a folder named my_website and inside it create a file named index.html with the content <h1>Welcome to My Website</h1>.

No-Code

# Create folder 'my_website' and file 'index.html' with the heading
# Your code here

Need a hint?

Think of the website folder as a container holding your main page file named index.html.

2

CONFIGURATION: Choose a hosting service

Create a variable called hosting_service and set it to the string "Netlify" as the platform where you will host your website.

No-Code

my_website/
  index.html (contains: Welcome to My Website)

# Set the hosting service name
# Your code here

Need a hint?

Assign the hosting platform name exactly as "Netlify" to the variable hosting_service.

3

CORE LOGIC: List the upload steps

Create a list called upload_steps with these exact strings in order: "Login to Netlify", "Create a new site", "Upload my_website folder", "Configure domain".

No-Code

my_website/
  index.html (contains: Welcome to My Website)
hosting_service = "Netlify"

# List the upload steps in order
# Your code here

Need a hint?

Make sure the list upload_steps contains all four steps as strings in the correct order.

4

COMPLETION: Add the final step to make the website live

Add a variable called final_step and set it to the string "Publish the site and share the URL" to complete the publishing process.

No-Code

my_website/
  index.html (contains: Welcome to My Website)
hosting_service = "Netlify"
upload_steps = [
    "Login to Netlify",
    "Create a new site",
    "Upload my_website folder",
    "Configure domain"
]

# Add the final publishing step
# Your code here

Need a hint?

Set the variable final_step exactly to the string "Publish the site and share the URL".