Week 1: 🌍 Join the Internet
By the end of this session you will:
- Create a Neocities account
- Learn good password habits
- Log in successfully
- Create and publish your first basic webpage
- Leave feeling successful
Step 1: Create a Neocities account
Go to neocities.org and sign up for a new free account
- Create a username. Do not use your real name. Use your Scratch username, or come up with your own!
- Add some tags, separated by a comma. For example; "learning, teaching, coding, school, minecraft, StarWars"
- Create a strong password you can remember. See the section below for help creating a password
- Enter your email address. An email address has been created for you using your Scratch username.
- Your email address will look like your Scratch username @ gmail.com. For example, raslearnerchips@gmail.com
- Do not use this email address for anything other than coding club activities
- Click the Captcha box to tell Neocities that you are not a robot
Step 2: 🔐 Creating a strong password
🧠 Password rules for Coding Club
Your password must have:
- At least 8 characters
- A capital letter
- A number
- A symbol (! ? #)
Use this formula:
Favourite animal + favourite number + !
Examples:
Now create your own!
If you think you could lose your password, or you want to keep a copy of it, you can write it down and give it to me.
Step 3: Create a webpage
🌍 What Is a Website?
A website is just a text file written in a special language called HTML.
Your browser (for example, Google Chrome) reads it and turns it into what you see on screen.
When you have logged in to Neocities, you will have a template webpage with some text, which looks a bit like this:
<!DOCTYPE html>
<html>
<head>
<title>The web site of haggishunter</title>
</head>
<body>
<h1>Welcome to my Website!</h1>
<p>This is a paragraph! Here's how you make a link: <a href="https://neocities.org">Neocities</a>.</p>
<p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
<p>Here's how you can add an image:</p>
<img src="/neocities.png" alt="Site hosted by Neocities">
<p>Here's how to make a list:</p>
<ul>
<li>First thing</li>
<li>Second thing</li>
<li>Third thing</li>
</ul>
<p>To learn more HTML/CSS, check out these <a href="https://neocities.org/tutorials">tutorials</a>!</p>
<p>Test</p>
</body>
</html>
Challenge
Change:
- The title
- The heading
- The paragraph
Then share your webpage with your friends. Anyone can access your new webpage! Just go to [username].neocities.org from any browser.