Welcome to our class project! This guide will walk you through the process of adding your own webpage to our class website. Don't worry if you're new to this - we'll go through each step carefully.
- A computer with internet access
- Git installed on your computer (we'll show you how)
- A GitHub account (we'll help you set one up)
- A text editor (we recommend Visual Studio Code)
- Go to github.com
- Click "Sign up"
- Follow the prompts to create your account
- Go to git-scm.com
- Download the version for your operating system
- Install it, accepting all the default options
- Go to code.visualstudio.com
- Download and install it
- Open Command Prompt (Windows) or Terminal (Mac)
- Type these commands, replacing the email and name with your own:
git config --global user.email "you@example.com" git config --global user.name "Your Name"
- Open Command Prompt (Windows) or Terminal (Mac)
- Navigate to where you want to keep your project:
cd Documents - Clone the repository:
(Your instructor will provide the actual URL)
git clone https://github.com/michiganhackers/webteamf2024.git - Move into the project folder:
cd [REPOSITORY_NAME]
-
Open Visual Studio Code
-
Go to File > Open Folder and select the repository folder you just cloned
-
In VS Code, right-click on the
studentsfolder and select "New Folder" -
Name the folder with your uniquename
-
Right-click on your new folder and select "New File"
-
Name the file
index.html -
Copy and paste this starter code into your
index.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Your Name's Page</title> </head> <body> <h1>Welcome to [Your Name]'s Page</h1> <p>This is my page for the web development class project.</p> <!-- Add more content here --> </body> </html>
-
Add more content to your page as desired
- In VS Code, go to the Source Control tab (looks like a branch)
- You should see your new files listed
- Click the "+" next to each file to stage the changes
- Type a message describing your changes (e.g., "Add my personal page")
- Click the checkmark to commit your changes
- In VS Code, click the "..." in the Source Control tab
- Select "Push"
- If prompted, enter your GitHub username and password
- Wait a few minutes for the changes to be processed
- Go to
https://michiganhackers.github.io/webteamf2024/ - You should see a link to your page on the homepage
To make changes to your page:
- Open your project in VS Code
- Make your changes
- Save the file
- Go through Steps 4 and 5 again to commit and push your changes
If you run into any issues:
- Check that you've followed each step carefully
- Ask another member if they've encountered a similar issue
- If you're still stuck, don't hesitate to ask your lead for help
Remember, everyone starts as a beginner. Don't be afraid to ask questions and keep practicing!