HTML Starter Pack | Code a Website
About this resource
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.
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:
This resource is designed to be printed as a booklet, although you are able to print it as individual tasks. It is designed so that students discover what the code is, view it in its written form, practice writing it on their own, and then code it on a computer. By the end of the resource, students will have an understanding of how to create, code, and view a website. They will not have made a specific website about a topic, instead they will be challenged at the end to use their new found knowledge to create a website. This cold be about an animal, or publishing a piece of writing.
Once this resource is completed, it can be used a rulebook that they can always come back to when coding.
This pack Includes:
Teacher Introduction
- The Digital Curriculum
- Assessing Against the Digital Curriculum
- Why HTML?
- How this Works
- Printing
- Notes
Student Workbook
Chapter One: Basic Beginnings
- What’s A HTML?
- What’s A Tag?
- What’s An Element?
- Creating Your File
- Testing My Code
- Setting Up Your Website
- Headings
- Paragraphs
- Text Format
- Breakout Questions
Chapter Two: Coding Creativity
- What’s An Attribute?
- Styling Text
- Span Styles
- Styling Background
- Links
- Images From Websites
- Images From My Computer
- Stylising Images
- Adding Youtube Videos
- Breakout Questions
Chapter Three: The Final Codes
- Building Tables
- Table Design
- Ordered Lists
- Unordered Lists
- Comments
- Breakout Questions
Chapter Four: Playtime
- Play With Code
- Layout Ideas
- Reference 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
There are no current courses
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.
You May Also Like
Original price was: $7.50.$5.00Current price is: $5.00.
33% Off
