Back to HTML and CSS projects

Magazine

In this project, you’ll learn how to use HTML and CSS to create a multi-page magazine website with a two page layout. You’ll also revisit lots of HTML and CSS techiques from other projects.

Start project Download lesson plan PDF
Magazines

What you will learn

  • Create a two-column magazine style layout using float:
  • Recap on HTML & CSS from other projects

What you will need

  • A computer capable of accessing trinket.io
  • This project can be completed in a web browser using trinket.io

Curriculum alignment for this project

Use this guide to see how Code Club delivers on the NDTC.

Years 5-6

Years 5-6

By the end of Year 6, students explain the fundamentals of digital system components (hardware, software and networks) and how digital systems are connected to form networks. They explain how digital systems use whole numbers as a basis for representing a variety of data types. Students define problems in terms of data and functional requirements and design solutions by developing algorithms to address the problems. They incorporate decision-making, repetition and user interface design into their designs and implement their digital solutions, including a visual program. They explain how information systems and their solutions meet needs and consider sustainability. Students manage the creation and communication of ideas and information in collaborative digital projects using validated data and agreed protocols.

ACTDIK014 Does not meet

Examine the main components of common digital systems and how they may connect together to form networks to transmit data

ACTDIK015 Does not meet

Examine how whole numbers are used to represent all data in digital systems

ACTDIP016 Does not meet

Acquire, store and validate different types of data, and use a range of software to interpret and visualise data to create information

ACTDIP017 Partially meets

Define problems in terms of data and functional requirements drawing on previously solved problems

ACTDIP018 Partially meets

Design a user interface for a digital system

ACTDIP019 Does not meet

Design, modify and follow simple algorithms involving sequences of steps, branching, and iteration (repitition)

ACTDIP020 Does not meet

Implement digital solutions as simple visual programs involving branching, iteration (repitition)

ACTDIP021 Does not meet

Explain how student solutions and existing information systems are sustainable and meet current and future local community needs

ACTDIP022 Does not meet

Plan, create and communicate ideas and information, including collaboratively online, applying agreed ethical, social and technical protocols