Web Design Course

Learn how to build your own amazing website!

Whether for yourself or for your business, our online Web Design course will teach you the basics and beyond of web design. We take a refreshingly practical approach to teaching you the most useful stuff from: HTML5, CSS3, WordPress, HTML emails, Ecommerce, SEO, social media integration and much more. We teach through beautifully illustrated and engaging text, videos, exercises, code downloads and an HTML emulator. All this means your learning experience is maximally efficient, interesting and effective.



  • 18 beautifully designed course units from some of the world's best writers on web design
  • 3 comprehensive bonus units on the subjects of HTML5, CSS3 and advanced WordPress templating
  • Interactive exercises including locally hosted HTML emulator
  • Downloadable editable files (eg wireframes) for you to use directly for your own web design project
  • Certificate of attainment
  • Multiple choice tests to benchmark your progress


Course Content

Course Content Alt

Exercise Content


User Dashboard

Course Certificate


Section 1: Introduction


Unit 1.1 - Anatomy of a Website

A short history of the web and its browsers right through to modern day browser standards. Choosing a domain, understanding servers and the role they play as part of the internet. Links, URLs, pages and sites - how they all work together. Web publishing languages and W3C standards.


Unit 1.2 - Hosting and Domains

Choosing a domain name, explanation of the components including domain extensions. Selecting a hosting company - business vs. personal use and the questions you should ask yourself before making a decision. Blog hosting services and how they could work for your website. Using hosting management tools through the browser such as cPanel.


Unit 1.3 - Web Design Tools

Popular web design software and the best ways to utilise the functionality they provide. Working with wireframes and visual site maps in order to develop ideas. Using graphics programs such as Adobe Photoshop to create mockup compositions of exactly how you want your site to look.


Unit 1.4 - Web Development Tools

An overview of some of the more popular software used to build websites. Using Adobe Dreamweaver and the benefits of doing so. Creating and editing a basic web page plus a breakdown of each individual component and the process behind it. Using browser plugins (element inspectors) to better understand the composition of a web page (and debug).


Unit 1.5 - Dreamweaver

Adobe Dreamweaver has remained an important tool in web design because it has made the process of developing web sites so accessible to the average person.

Section 2: Markup & Scripting


Unit 2.1 - Introduction to HTML

What to be aware of before beginning with HTML. Understanding the syntax and basic page setup - an introduction to tags, elements and attributes. Structuring content with HTML using natural divisions, paragraphs, headings, lists, tables and forms. Adding links and images. Our HTML emulator.


Unit 2.2 - Empowering Code with HTML 5

The latest buzzword in web design circles and with good reason. HTML5 brings together features that were previously difficult or time consuming to achieve and puts them right at your fingertips in a few simple and easy to use elements.


Unit 2.3 - Introduction to CSS

The purpose of Cascading Style Sheets and how they work. Understanding the syntax and an explanation of the different kinds of selectors that enable formatting elements on a web page with properties and respective values. Inline, internal and external CSS. Colours, fonts, margins and borders.


Unit 2.4 - The Power of CSS3

With the new properties that have been standardised in CSS3 it's now possible to create beautiful website without the use of images. We're covering borders, gradients, text effects and even animation in this unit.

Section 3: Web Design


Unit 3.1 - Designing for Screens

Understanding the differences between the web and more traditional media. The possibilities the web provides and potential problems too. An overview of modern platforms including mobile devices. Building websites with accessibility in mind in order to broaden your potential audience and user satisfaction.


Unit 3.2 - Information Architecture

What Information Architecture means and why it is such an important part of building a website. Designing meaningful and useful user flow diagrams. Sitemap development and a selection of tools used to create them. Lots of downloadable content.


Unit 3.3 - User Interface Design

How to design a website that conveys the information you need it to while remaining user-friendly. Interaction Design and Interface Design - what, how and why? Advanced wireframe design and defining page templates. Visual design's role in usability - making things look like their functions and providing visual feedback.

Section 4: Web Development


Unit 4.1 - Presentation Layer Design

What is the "Presentation Layer"? Advanced techniques for weaving HTML and CSS together. Visual and interactive effects. Considerations for touch screen support. Advanced interface features and functions utilising Javascript (including jquery and ajax) and DHTML.


Unit 4.2 - Image Formats & Optimization

Choosing the best file for the job. The pros and cons of popular web image formats such as JPEG, GIF and PNG. Isolating elements for export from mockup composition or other existing media assets. Efficient use of Adobe Photoshop's Save-For-Web Feature in order to produce optimized web content.


Unit 4.3 - Publishing (FTP & Testing)

Preparing to publish including adding meta tags to pages and general testing. Different types of FTP tools, using desktop software or browser based solutions. Connecting to your host and transferring files effectively. Setting permissions on certain files to assist with security on your site.


Unit 4.4 - WordPress I

Brief history of Wordpress and its transition from a simple tool for bloggers to a fully featured content management system with limitless possibilities. Installation via your web host's 1-Click install or manually, setting up database and file settings. How Wordpress organises information with posts, pages, categories and tags and how to do it.


Unit 4.5 - WordPress II

Customising Wordpress and steps you can take to convert it from blogging software to content management software. Installing new themes to customise the look and feel of the site and using plugins to achieve extra functionality. Organising information with categories and taxonomies.


Unit 4.6 - WordPress as a CMS

Why WordPress is ideal for use as a CMS. Planning how to manage your content. Selecting and customizing WordPress themes for sites that are more than just blogs. Using WordPress page templates. More on WordPress plugins. 


Unit 4.7 - WordPress Custom Page Templates

If you’re using WordPress for your website you will have already considered how to change the layout of your content. Custom page templates allow you to define a layout for a page that can be re-used dynamically with your existing and future content.

Section 5: E-Commerce, Social Media & Marketing


Unit 5.1 - HTML Email Design & Deployment

The benefits of email marketing. How to measure the response from your mailing list. Email design and layout best practices and understanding the technical limitations over a traditional web page. Permissions and opt-out guidelines. Our top 10 email clients and bulk email sending services.


Unit 5.2 - E-Commerce

Making money by actually selling products and services on your website. Do-It-Yourself solutions such as PayPal and third-party plugins and considering SSL certificates and overall site security. eCommerce design best practices, registered vs. guest checkout options. Capturing personally identifiable information and related considerations.


Unit 5.3 - Social Media Integration

Extending your website with popular APIs. Using Facebook's social plugins on your site such as Facebook Connect and the Like button. Incorporating Twitter into your website. Adding Disqus social commentary and embedding YouTube videos.


Unit 5.4 - Search Engine Optimization

What is Search Engine Optimisation? Natural vs. paid search and a look at how Google and other search engines work. Maximising natural search with page titles, meta tags and page content. The importance of inbound links in search rankings. Search engine marketing.


Pricing is for 12 months access.

*The AUD price shown above is an estimate. Actual charges are based on the current exchange rate from GBP



  • Required: none
  • Suggested: Adobe Illustrator, InDesign and Dreamweaver

Completion Time: 20 hours (average)

About the Authors

Both authors, Wendy and Lisa, have an outstanding reputation for explaining essential web design concepts clearly. They have jointly written this course with a practical focus explicitly in mind. The course is also constantly updated with responses to customer requests and updates in web technology - all this is included with your course.


Lisa Lopuck


Wendy Willard