Skip to main content
Supported by Raspberry Pi

Make a website

Create a website to showcase your group with both HTML and CSS code.
Plan a session with this activity

You will need

  • Access to a computer
  • Scrap paper
  • Pens or pencils
Notes and handout (Make a website)
PDF – 3.9MB
Buddy the dog looks inquisitively at a smartphone balanced against an open laptop.

Before you begin

  • Don’t panic if you’ve never used (or have never even heard of) HTML or CSS code before. There’s plenty of info below, and this activity’s a great way for everyone to learn. It’s a good idea to spend some time reading the information and practising before you lead the activity, though.
  • If you don’t have enough computers for everyone to work in pairs, you could run this activity as one base, so groups visit one at a time. You could also look in to visiting a local library or school to use their computers.
  • If you have access to the internet, use the online code editor Trinket in a web browser. You can find the started project here and the finished code for the example website is here.
  • If you don’t have internet access, don’t worry. You can download the code you need here, then open them in an editor programme such as Sublime Text 3 or a pre-installed text editor such as Notepad, TextEdit, or Leafpad. Check out the ‘Offline resources’ in the ‘Notes and handout’ pack for more information about doing this activity offline.
  • This activity’s all about making profiles. Especially if people are working online, remind them not to share personal details like full names, specific locations, or pictures of themselves. As always, there’s more safety advice in the ‘Safety’ section.

Plan a website

  1. Everyone should think about websites. What are they? What websites do people visit regularly? What information’s found websites?
  2. If people will be working in groups, they should get into groups now.
  1. Each group should think about their favourite Scout activities, events, or badges. They should jot their ideas down so they remember them for later.

Code the website

  1. The person leading the activity should give each group a copy of the ‘Notes and handout’ pack.
  2. Each group should turn on their computer. Depending on whether their meeting place has internet access, they should open the project here or open the pre-downloaded files in an editor program.
  3. Each group should work through the ‘Notes and handout’ pack to create a website with HTML code and make it look nice with CSS code.

Reflection

This activity was all about developing skills. People used their newfound digital making skills to show everyone some of their favourite activities and teach other a skill. How did it feel to use a new skill? Can anyone think of another way someone could use digital technology to share skills with others?

This activity also gave people a chance to learn about HTML code. HTML is a really important language – it’s what al websites are built in. Did people find it easy to code their own page, or was it trickier than they expected? What else would people like to learn how to code onto a webpage?

Safety

Online safety

Supervise young people when they’re online and give them advice about staying safe.

For more support around online safety or bullying, check out the NSPCC website. If you want to know more about specific social networks and games, Childnet has information and safety tips for apps.

As always, if you’ve got concerns about a young person’s welfare (including their online experiences), follow the Yellow Card reporting processes.

All activities must be safely managed. Do a risk assessment and take appropriate steps to reduce risk. Always get approval for the activity and have suitable supervision and an InTouch process.

Make it accessible

All Scout activities should be inclusive and accessible.