HTML & CSS
Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) are text-based programming technologies essential for building web pages. Together they providing the structure, layout and styles that form the basis of websites and applications for digital devices.
-
Digital Christmas Card
Build a digital greeting card that can virtually open and close with the click of a button, with customised style elements like colours, fonts, images and more.
-
Your First Website - Lesson 1: Basic Tags
The first lesson of a unit series on beginner programming with HTML & CSS on Trinket, including an introduction to the basics of tags.
-
Your First Website - Lesson 2: Colour & Font
The second lesson of a unit series on beginner programming with HTML & CSS on Trinket, including basic styling with colour and font.
-
Your First Website - Lesson 3: Adding Images
The third lesson of a unit series on beginner programming with HTML & CSS on Trinket, including how to download and add images.
-
Your First Website - Lesson 4: Adding a video and map
The fourth lesson of a unit series on beginner programming with HTML & CSS on Trinket, including how to embed video clips and maps.
-
Your First Website - Lesson 5: Making a list
The fifth lesson of a unit series on beginner programming with HTML & CSS on Trinket, including formatting ordered and unordered lists.
-
Your First Website - Lesson 6: Creating links
The sixth lesson of a unit series on beginner programming with HTML & CSS on Trinket, including the anchor <a> tag and hypertext reference <href> attribute.
-
Your First Website - Lesson 7: Adding pages
The seventh lesson of a unit series on beginner programming with HTML & CSS on Trinket, including how to add new pages to a website.
-
Your First Website - Lesson 8: Navigating your website
The eighth lesson of a unit series on beginner programming with HTML & CSS on Trinket, including organising a navigation panel of internal links.
-
Your First Website - Lesson 9: Styling your navbar
The ninth lesson of a unit series on beginner programming with HTML & CSS on Trinket, including how to use basic CSS rules to style a navbar.
-
E haere ake nei...
Watch this space for more fun, creative, and interactive projects using HTML and CSS!
Links and Resources
-
Pathway: Web design (RPF)
A hub of lessons, resources, and projects for learning web design with HTML, CSS, and JavaScript. From the Raspberry Pi Foundation.
-
HTML/CSS Projects (Code Club Australia)
An exciting collection of projects designed for young learners to have fun tackling HTML and CSS.
-
Intro to HTML & CSS (Webflow)
A tutorial series from web development platform Webflow covering basics of HTML/CSS in easy outlines and breakdown videos.