Topic title: Introduction to HTML
Year group: 7
When taught: May to July
What are we learning?
At the end of this unit all pupils should be able to:
• Write HTML code to create a simple web page and display it in a browser
• Write CSS to define the styles used in a web page
• Create a simple navigation system using HTML
• Use a design to create a template for a web page using HTML
• Create their own multi-page website
• Insert text, images and links on their web pages
Most pupils will be able to:
• Use a range of HTML tags to create well laid out web pages
• Write CSS code to define the styles of different parts of a web page
• Use HTML and CSS to create their web page template
• Use the template to design a multi-page website with a consistent look and feel to each page
• Use responsive design techniques in creating their website so that the web pages will adapt to any size of screen
• Create a simple web form to collect user data
Some pupils will be able to:
• Add enhancements or additional features to the original basic design
• Construct a good-looking, well-formatted interactive website that is suitable for its intended audience
Why is this important to know?
Learning Skills:
• Synthesis: Pupils will bring ideas together and create solutions to coding problems
• Problem solving when deciding how to solve a problem and why
Life Skills:
• Collaboration: on complex moral and ethical issues in computing
• Resilience: when debugging code in a text-based language
ICT Skills:
• Software: Using integrated development environments (IDEs) to code programs
• Using tutorials
• Split screen working
Literacy Skills:
• Digital literacy: Coding using text-based languages
• Vocabulary: Learning new vocab and learning how it links to other subjects (variable and integer)
Where does this link into our past and future learning?
No previous learning is necessary with this unit. Basic IT skills such as finding images and sizing or cropping them to fit a given space, selecting and editing text will be useful. Pupils should be aware of image size and its relevance to speed of loading a web page containing images.
Future learning topic: HTML & Website Development
How will we be assessed on this topic?
• End of topic assessment – 40 questions all based on unit learning.
• This will also contribute to the end of year exam.
What makes a strong piece of work in this topic?
• Correct use of HTML tags (e.g. <html>, <head>, <body>, <h1>, <p>, <a>, <img>, <ul>, <li>)
• Clear and consistent structure, with proper indentation and nesting of elements
• A working and complete webpage that displays as expected in a browser
• Use of appropriate content (titles, paragraphs, links, and images that make sense)
• Clean and tidy code with good use of spacing and line breaks
• Includes comments in the code using <!– –> to explain sections
• Demonstrates creativity in layout, content, or theme
What are teachers hoping to see?
• Understanding of basic HTML structure (e.g. knowing where the <head> and <body> go)
• Correct syntax and spelling of tags (e.g. closing tags properly)
• Evidence of learning and experimentation with different tags
• Ability to follow instructions and independently build or edit a webpage
• Engagement with the topic—putting effort into design and making the webpage personal or interesting
• Willingness to debug and improve their work based on feedback
What key words are there in this topic?
What can I try if I want to stretch and challenge myself on this topic?
• Learn and include new tags not yet covered in class (e.g. <table>, <video>, <form>)
• Add internal links (e.g. linking to sections of the same page using anchor tags)
• Create a multi-page website with navigation links between pages
• Add simple inline CSS to style your HTML (e.g. changing colours, fonts, and layout)
• Research accessibility features (e.g. using alt text on images correctly)
• Use online tools like CodePen or Replit to build and test your web pages
• Start exploring the difference between HTML and CSS, and how they work together
What wider reading can be done on this topic?
• CGP KS3 Computing Complete Revision & Practice
• Hodder Compute-IT: Student’s Book 1 – Computing for KS3
• Smashing Magazine – A Complete Guide to HTML
What websites are linked to the topic?
• Website for learning HTML: https://www.codecademy.com/learn/learn-html
• Website used for coding: https://replit.com
• Website used for tutorials: https://www.w3schools.com/html/default.asp
• Website to help theory: https://www.bbc.co.uk/bitesize/guides/znkqn39/revision/8
Careers
• Junior Developer
• Website Editor
• Social Media Manager
• Digital Marketing Coordinator
• Content Editor
• Content Producer
• Digital Production Coordinator
• Website Project Manager
• Website Support Specialist
• HTML and CSS Production Specialist
• Technical Virtual Assistant
• HTML Email Developer Jobs
• Email Marketing Specialist
• Entry-Level Front End Developer Jobs
• Entry-Level Web Developer
• Webmaster Jobs
Extra Skills:
• Communication
• Teamwork
• Problem-solving
• Time management
• Organisation
• Software Skills
Progression:
• Online tutorials
• Cyber competitions
• Coding clubs
• GCSE Computer Science
• A-level Computer Science
• University/Apprenticeship
• Work experience
