Webdesign course

An introduction to the basics of web design and the history of the internet.

An introduction to the basics of web design and the history of the internet.

Recall the workings and purpose of the internet
Review important jargon and tools related to the internet and websites
Explain the foundations of web design, the role of the web designer, and the importance of user experience
Apply a process for registering a web domain with a web hosting service
Articulate the form and function of a responsive website
Compare different website genres

Gain insight into the planning phase of the web design process.

Gain insight into the planning phase of the web design process.

List the skills required to build a basic website
Explain the importance of identifying and analysing the target market in designing a website
Illustrate the basic information architecture of a website
Investigate the pitfalls of excessive information and the various means by which to avoid information overload
Decide on the most effective method of organising information for a specific web design project
Propose a topic for a four-page website
Review an existing HTML document

Explore how to write HTML code and use a File Transfer Protocol (FTP) to build a basic web page.

Describe how HTML contributes to the functioning of websites
Practise basic HTML coding
Analyse HTML code to discern its adherence to correct HTML syntax
Test HTML code by uploading it to a server using a File Transfer Protocol (FTP)
Create and upload a basic HTML web page

Discover how to edit and optimise graphics for web use.

Define copyright and the key terms used in the creation, saving, and incorporation of images into a website
Review different image file formats as well as their implementation and purposes
Practise using basic image-editing tools in GIMP, Photoshop, or another type of image-editing software
Distinguish between the different naming and storage practices for files, and select the correct method for saving an image
Recommend tactics to troubleshoot problems with graphic optimisation
Produce optimised web graphics

Learn how to use design elements to establish the mood of a website.

Recognise the difference between the appearance and the structure of a website
Review existing websites’ effective or ineffective use of visual design elements to establish mood
Practise working with colour, images, fonts, and layout to compile a style guide
Compare various grid layouts for a web page design
Critique peers’ home page grid layouts in a group “crit” session
Design a mock-up of a homepage using a style guide

Learn how to style a web page using CSS.

Define the role of CSS in website design
Outline the principles and practices that structure CSS code (syntax)
Practise using the CSS box model and CSS properties and values
Determine how to style an HTML web page using CSS
Select the correct method to create and save a CSS file

Develop a basic understanding for interactive and responsive websites.

Define the purpose of responsive web design (RWD) and interactive design
Identify the functions and applications of JavaScript and jQuery
Practise using CSS3 media queries and fluid grids to make a web page responsive and interactive
Compare HTML5 web pages with and without responsiveness
Test the responsiveness of a website home page

Create, test, and publish a responsive website.

Recognise the importance of SEO testing in website maintenance
Identify how to use Google Analytics to optimise user experience and monitor user interaction
Execute user testing best practices
Compare a website’s functionality across various browsers
Assess and validate a website’s code using the W3C Markup Validation Service
Recommend best practices for regular website maintenance
Publish a well-designed, informative, responsive, consistent, and convenient four-page website