IBAT College Diploma in Web Design

Starting Out, Setting Up

Web Hosting on GitHub

Creating a free GitHub account, choosing a website name and setting up a repository for hosting your web pages.

Installing Visual Studio Code

Installing and customising the free Microsoft Visual Studio Code app for creating web pages and stylesheets.

Working with Folders

Creating a logical folder structure for the various files typically used in website projects.

Fundamentals of CSS

Working with CSS

Linking a stylesheet to a web page, and updating the style rules to change the visual appearance of a web page.

Negative Spacing

Using negative space between content elements to make your web pages easier and more inviting to read.

Media Queries

Adding media queries to a CSS file so that web page elements resize according to the viewport width.

Images and Web Design

Introduction to Images

Understanding popular image formats used on web pages, and discovering sources of free-to-use images.

Working with Images

Inserting images in a web page, and styling images with drop shadow and rounded corner effects.

Text and Typography

Working with Text

Understanding and applying the most commonly used CSS text properties in web design.

Working with Google Fonts

Linking your web pages to Google Fonts and formatting text elements by adding Google Font names to your stylesheets.

Fluid Typography

Applying the fluid typographic equation to scale font sizes responsively according to the viewport width.

Working with Hyperlinks

Introduction to Hyperlinks

Understanding the difference between absolute and relative hyperlinks, and adding hyperlinks to sample web pages.

Internal Hyperlinks

Creating a Wikipedia-style web page navigation system with a smooth-scrolling visual effect.

Styling Hyperlinks with CSS

Applying CSS style rules such as text colours, borders and transitions to hyperlink states.