Build a webpage
In this introduction to web development with HTML and CSS for beginners, you will learn how to structure and style webpages with images, lists, fonts, quotes, links, and animation.
Additional details
| Year band(s) | 9-10 |
|---|---|
| Content type | Course or tutorial, Lesson ideas |
| Format | Web page |
| Core and overarching concepts | Data representation |
| Australian Curriculum Digital Technologies code(s) |
AC9TDI10K02
Represent documents online as content (text), structure (markup) and presentation (styling) and explain why such representations are important |
| Technologies & Programming Languages | JavaScript JS |
| Keywords | web development |
| Integrated, cross-curriculum, special needs | Digital Literacy |
| Organisation | Raspberry Pi Foundation |
| Copyright | © Raspberry Pi Foundation. Creative Commons BY-SA 4.0. |
Related resources
-
Classroom ideas F-10: Aboriginal and Torres Strait Islander connections to Digital Technologies
This resource provides examples of ways Aboriginal and Torres Strait Islander Histories and Cultures can be integrated into Digital Technologies. Examples include 'classification and sorting data' and 'designing solutions'.
-
Bird watch website 3.0
These Sushi Cards will show you how to make a website look polished and professional using cool effects and layouts.
-
Bird watch website 2.0
Build upon your existing HTML/CSS skills to make a website and gain more control over how it looks. Apply this to the first website you built in Bird watch website 1.0.
-
Bird watch website 1.0
Build a website like the example provided viewed using trinket. Trinket is a free downlaodble app that lets you run and write code in any browser, on any device.
-
Web design
Build websites and apps by learning HTML, CSS, and JavaScript. Projects for beginners and intermedaite learners.
-
A spreadsheet's secret weapon
In this lesson sequence, students learn to use pivot tables which have been described as the most powerful tool within spreadsheets.
-
Data compression
Students will learn how the information in a pixel can be manipulated to change the image, and apply a bitmask filter to an image to remove some information and reduce the memory size of the file.