Getting started with HTML
Viewing the full names of files in Microsoft Windows and creating a logical folder structure for your files.
Creating a free Github account, choosing a username, and setting up a web hosting repository.
Installing and customising the free Microsoft VS Code app for creating web pages and stylesheets.
Understanding the basic structure of an HTML file and adding HTML text formatting tags.
Finding and fixing HTML errors in a web page using the HTMLHint extension in VS Code and AI.
Organising your web page content into a logical structure with container (‘semantic’) tags.
Fundamentals of CSS
Linking a stylesheet to a web page, and updating the style rules to change the page's appearance.
Adding spacing with vertical margins around block elements and responsive padding inside containers.
Applying the most commonly used CSS text properties in web design and development.
Applying text and background colour styles to your exercise web pages and your home page.
Creating and using classes with colours and custom properties in HTML and CSS.
Images and Videos
Understanding popular image formats and discovering sources of free-to-use images.
Inserting images in a web page, and styling images with drop shadow and rounded corner effects.
Understanding the difference between absolute and relative hyperlinks, and adding hyperlinks to sample web pages.
Creating a favicon using an online service, and inserting a favicon into the head of a web page.
View Tutorial ➜Web Design Projects
User Tracking
Monitoring your website visitors by adding a unique tracking code to your web pages.
Monitoring and maintaining your website’s presence in Google search results.
Creating a ‘pop-up’ cookie consent message to include in your web pages.
View Tutorial ➜
Using forms with GitHub Pages by registering for a third-party online form processing service such as Formspree.
View Tutorial ➜