WebSim Beginner's Guide: Creating an Online Website

Step 1: Download Your WebSim Creation

After creating your project in WebSim:

1. Look for a "Download" or "Export" button in the WebSim interface.
2. Click the button to download your HTML file.
3. Save the file to a location on your computer where you can easily find it.

Step 2: Sign Up for GitHub

We'll use GitHub to host your website for free. Here's how to sign up:

1. Go to GitHub.com
2. Click the "Sign Up" button
3. Follow the prompts to create your account:
   • Enter your email
   • Create a password
   • Choose a username
4. Verify your account (you might need to solve a puzzle)
5. Click "Create account"

Step 3: Create a New Repository

A repository is like a project folder for your website. To create one:

1. Once logged into GitHub, click the "+" icon in the top right corner
2. Select "New repository" from the dropdown menu
3. Name your repository exactly like this: yourusername.github.io (replace 'yourusername' with your actual GitHub username)
4. Make sure "Public" is selected
5. Click "Create repository"

Step 4: Upload Your HTML File

Now, let's add your WebSim creation to your new repository:

1. In your new repository, click "Add file" then "Upload files"
2. Drag and drop your HTML file into the box, or click "choose your files" to select it
3. Important: Rename your file to index.html if it's not already named that
4. Scroll down and click "Commit changes"

Step 5: Enable GitHub Pages

This step turns your repository into a live website:

1. Go to the "Settings" tab of your repository
2. Scroll down to the "GitHub Pages" section
3. Under "Source", click the dropdown that says "None" and select "main"
4. Click "Save"

Step 6: View Your Live Website

Congratulations! Your website is now online. Here's how to view it:

1. Go back to the "GitHub Pages" section in your repository settings
2. You should see a message saying "Your site is published at https://yourusername.github.io"
3. Click on this link to view your live website!

Step 7: Making Changes (Optional)

Want to update your website? Here's how:

1. Go to your repository on GitHub
2. Click on the index.html file
3. Click the pencil icon to edit
4. Make your changes in the editor
5. Scroll down and click "Commit changes"

Your website will update automatically after a short delay.