Live tutorials every Wednesday evening 6:30-9:30pm on Google Meet.
Web Page Builder: Lunevedy.
View a complete list of the 13 Exercises, and six Projects and Personal Portfolio Website.
Web Design Diploma: Marking Scheme and Grades.
Slideshows: Web page elements and Web page types
Graphics: Free online services and resources
Next steps: Some further courses and certifications
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 container elements.
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, Videos, and Google Fonts
Understanding popular image formats and discovering sources of free-to-use images.
Inserting images and YouTube videos in a web page, and styling with drop shadow and rounded corner effects.
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 ➜