Web Development
The Web Design & Development unit of the course focusses on the process of designing and bulding websites.
What Will I Learn?
The course provides an introduction to the world of web design and development. Here's what you'll get out of it...
- 🎨 Become confident in designing websites
- 🖥️ Learn to build websites using HTML, CSS and JavaScript
- 🎯 Master the art of testing websites
- 🗒️ Develop the ability to evaluate a finished website
Chapters
Analysis
1 Requirements
Learn to identify the end user and functional requirements of a website
Design
1 Website Structure
How to create a navigational diagram for a website
2 Wireframes
How to design a wireframe for a website
3 Copyright
Learn about the Copyright Designs and Patents Act 1988
4 File Formats
Learn about the common file formats used on the web
Implementation
1 Introduction to Web Development
An introduction to web development and the languages used to create websites
2 HTML - An Introduction
A look into HTML and its use in web development
3 HTML - Basic Structure
Learn to set up the basic structure of a webpage
4 HTML - Title
Learn to add a title to a webpage
5 HTML - Headings
Learn to add headings to a webpage
6 HTML - Paragraphs
Learn to add paragraphs to a webpage
7 HTML - Images
Learn to add images to your website
8 HTML - Videos
Learn to add videos to a webpage
9 HTML - Audio
Learn to add audio to a webpage
10 HTML - Lists
Learn to add bullet pointed and numbered lists to a webpage
11 HTML - Hyperlinks
Learn to link webpages together using the anchor tag
12 HTML - Divs
Learn how to split a webpage up into different sections
13 CSS - An Introduction
A look at CSS and it use in web development
14 CSS - Inline CSS
14 CSS - Inline CSS
15 CSS - Internal CSS
Learn the benefits of using internal CSS
16 CSS - Text Colour
Learn to change the colour of text using CSS
17 CSS - Background Colour
Learn to change a background colour using CSS
18 CSS - Text Alignment
Learn to change the alignment of text on the page
19 CSS - Font Family
Learn to change the font family of an element using CSS
20 CSS - Font Size
Learn to change the size of text on a webpage
21 CSS - External CSS
Learn the benefits of using external CSS
22 JavaScript - An Introduction
A brief look at JavaScript and it use in web development
23 JavaScript - Functions
A look at the onmouseover and onmouseout functions and their uses in JS
Testing
1 Testing
Learn how to test a website to ensure that it works correctly
Evaluation
1 Evaluation
How to evaluate your website