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 an email address, using your Scratch username. For example: raslearner+chips@gmail.com.
The + is important here. Your email address will not work without it
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:
Tiger7!
Panda42!
Shark3!
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>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 all across the world can now access your new webpage! Just go to [your username].neocities.org from any browser.
🏷 What Are Tags?
HTML is made up of things called tags.
Most tags come in pairs. They look like this:
<tag> content goes here </tag>
The first tag opens something.
The second tag closes it.
For example:
<h1>Hello!</h1>
<p>This is a paragraph.</p>
<h1> makes a big heading.
<p> makes a paragraph.
Think of tags like boxes, or containers. Whatever is inside the tags is affected by them.
You don't have to put just text inside the box. Some boxes can contain other boxes too. Remember the <body> tags you saw on your home page? That can contain lots and lots of different types of tags, which we will see in week 2 and 3.
⚠ If you forget to close a tag, your page might look strange, or not work at all!