HTML Code a Website: All About Me | No Prep | HTML Coding
About this resource
HTML Code a Website: All About You literally means making a website all about yourself! How cool is that! This back to school project is the perfect way to kickstart the year or get back into the school routine. Students will follow this booklet and make a website all about them!
A No Prep booklet that teaches your students basic website coding.
Coding can be a tricky thing to teach. Especially when you don’t know much about it. Because of this, a lot of teachers use block coding based programs to teach coding, as the drag and drop feature makes it easier to follow and understand. This is great, but it doesn’t incorporate or teach written code.
Our aim with this resource is to be the next step up from block coding. A no prep way of introducing written code with primary and intermediate aged students. It’s the perfect way to start real life coding at a younger age.
HTML is a coding language used to create websites. It is a relatively small and easy language to learn – which makes it a great place for kids to start learning written code. Although there are a lot of other programming languages out there, HTML plays a small role in most of them. Where the internet exists, so does HTML.
What this pack involves:
Important: this resource is designed as an EXTENSION activity for the Starter Pack. Please make sure you have purchased and completed the HTML Starter Pack with your class before using this pack. This pack does not include the basics of HTML coding. Instead, this pack looks at how students can use their basic HTML knowledge and bring it together to create a specific website around one topic.
It is highly encouraged that students have the HTML Starter Pack booklet next to them while coding this project so that they can refer back to it. You can purchase the resource here.
This resource is designed to be printed as a booklet, although you are able to print it as individual tasks.
Please note: Students will be creating an HTML website that opens using an internet browser – but it is not a live website.
Once this resource is completed, students could use the layouts and coding segments to create their own creative website.
This pack Includes:
Teacher Introduction
- The Digital Curriculum
- Assessing Against the Digital Curriculum
- Why HTML?
- How this Works
- Printing
- Notes
Student Workbook
- How This Works
- Make A Folder
- Create Your File
- Chapter One: Who Am I?
- Profile Picture
- Key Details
- Key Details Layout
- Key Details Practice
- Coding Our Key Details
- Chapter Two: Animal Antics
- Animal Information
- Animal Layout
- Animal Practice
- Coding Our Animal
- Breakout Questions
- Chapter Three: My Learning
- My Learning Information
- My Learning Layout
- My Learning Practice
- Coding My Learning
- Breakout Questions
- Chapter Four: Delicious Dinner
- Dinner Information
- Dinner Layout
- Dinner Practice
- Coding Our Dinner
- Breakout Questions
- Chapter Five: Reference Guide
- Layout Guide
- Colour Guide
- Notes
Progress Outcomes Covered
We’ve designed this project to cover a large portion of the Digital Curriculum. Specifically looking at Progress Outcome 2 of Computational Thinking.
In authentic contexts and taking account of end-users, students give, follow, and debug simple algorithms in computerised and non-computerised contexts. They use these algorithms to create simple programs involving outputs and sequencing (putting instructions one after the other) in age-appropriate programming environments.
– Progress Outcome 2
Students will be given opportunities to build on from their knowledge of HTML coding by combining unplugged activities with digital html coding. This project is the perfect way to introduce text based coding to children who have not been exposed to how it operates.
Assessing Your Students
Year 5
- Set 5.1: I can create a written algorithm using symbols and words.
- Set 5.3: I can put my algorithm in a programming environment.
- Set 5.4: I can test my algorithm in a programming environment.
- Set 5.6: I can add to the algorithm in my programming environment.
- Set 5.7: I understand that computers need clear and precise instructions.
- Set 5.10: I understand that applications are made for a purpose.
- Set 5.11: I understand that there are different types of files and they each have a purpose.
- Set 5.12: I can import files into an editing program.
Year 6
- Set 6.2: I can communicate my algorithm correctly when testing it.
- Set 6.3: I can debug a variety of bugs in a programming environment.
- Set 6.5: I understand that when I follow an algorithm I get an output.
- Set 6.9: I can use applications to create.
- Set 6.10: I can use applications to manipulate
- Set 6.12: I can use applications to share.
Linked Courses
Discover courses that cover this resource
Feature Coming Soon
Terms of Use
Everything included in this resource is licensed for a single classroom or family use. It may be photocopied by the original purchaser for his or her classroom only. It may not be put on the internet, sold, or redistributed in any form. If you would like to share this product with your colleagues or friends, please honour the time and energy put into it by purchasing multiple licenses through the avenue you purchased it.
Copying any part of this resource and placing it on the internet is strictly forbidden. This is a violation of the Digital Millennium Copyright Act. Thank you for respecting the copyright.
