• No products in the basket.

Introduction to Web Design

4.8( 4 REVIEWS )


If you want to create and design your own website for personal or professional use, or for your client’s use, you need to learn the fundamentals of web design. The aesthetic visual of a page is what web design is all about. You don’t have to be a creative person to be a good web designer. If you learn the techniques of web design, you will learn how to create a site that engages with people, not frustrates then.

Introduction to Web Design will cover the basic fundamentals of web design, web fonts, cascading style sheets, grid structures, forms and icons and designing a real website.   The course will equip you with up to date skills that will make you formidable designers in the industry.

As much as aesthetics play a significant role in web design, you need to understand that websites do not only need to look beautiful but functional as well. The Introduction to Web Design course will teach you all the components of how a website is put together. The website must be accessible, easy to navigate, user-friendly and highly engaging. If you want a career in web design, this course is a great way to start. It is suitable for all levels of users, whether beginners or learners who want to get a refresher.

Why consider 1Training?

As improvements and advancements are made in technology, online courses are no longer just conventional means of studying at affordable costs. In many aspects online training offers superiority to traditional learning. There is an effectiveness and convenience that traditional learning cannot provide. The overall convenience and flexibility makes it a superior learning method.

1Training offers the most convenient path to gain an internationally recognised qualification that will give you the opportunity to put into practice your skill and expertise in an enterprise or corporate environment. You can study at your own pace at 1Training and you will be provided with all the necessary material, tutorials, qualified course instructor and multiple free resources which include Free CV writing pack, Nus Discounted Card, Free career support and course demo to make your learning experience enriching and more rewarding.

What will I learn?

  • Have a clear understanding of HTML web elements and learn how to use them
  • Learn how to write HTML code
  • Understand how to apply web design principles effectively
  • Learn how to incorporate forms into web page layout
  • Learn how to apply CSS to web page elements
  • Learn how to design, plan and publish multi-page website
  • Learn how to apply formatting, colour and graphics to enhance web page design

Access Duration

The course will be directly delivered to you, and you have 12 months access to the online learning platform from the date you joined the course.  The course is self-paced and you can complete it in stages, revisiting the lectures at any time.

Who is this Course aimed at?

  • Up to date web browser
  • The course is suitable for beginner web designers
  • Anyone with an interest in web design, or career change
  • Beginner developers

Entry Requirement

  • There are no formal pre-requisites for this course
  • Anyone with a desire to learn web design fundamentals

Method of Assessment

In order to complete the Introduction to Web Design course successfully and gain your professional qualification, all students are required to complete an online multiple choice question assessment test. This online test is marked automatically and learners will receive an instant grade on whether they have passed the course.

If it is an official exam, you can purchase it separately on the relevant website.

Certification and Awarding Body

At the successful completion of the course you will be awarded the Introduction to Web Design by CPD and iAP. It will make you valuable to employers, and your motivation at gaining new skills will be recognised.

Progression and Career Path

Once you successfully complete the Introduction to Web Design, you will gain an accredited qualification that will give your career the jump start you have always wanted. With this qualification you can further expand your education or go onto work in numerous positions that will also put you in line to demand a higher salary or job promotion. The average UK salary per annum according to is given below.

  • Web Designer – £22,852
  • Web Developer – £24,894
  • Web Designer and Developer – £24,213
  • Software Developer – £30,749
  • Senior Web Developer – £37,373

Other Benefits

  • Written and designed by the industry’s finest expert instructors with over 15 years of experience
  • Repeat and rewind all your lectures and enjoy a personalised learning experience
  • Gain access to quality video tutorials
  • Unlimited 12 months access from anywhere, anytime
  • Save time and money on travel
  • Learn at your convenience and leisure
  • Eligible for a TOTUM discount card

Key Features

Gain an accredited UK qualification

Access to excellent quality study materials

Learners will be eligible for TOTUM Discount Card

Personalized learning experience

One year’s access to the course

Support by phone, live chat, and email

Course Curriculum Total Units : 39
Module 1 - Basics of Web Design
1.1. Basics of Web Design
1.2. What is CSS and HTML?
1.3. Your First HTML File
1.4. Introduction to Document Layout
1.5. Linking In A Stylesheet
1.6. Styling Your First Element
Module 02 - Web Design Fundamentals
2.1. Web Design Fundamentals
2.2. The Box Model
2.3. Introduction to Developer Tools
2.4. Understanding Display Types
2.5. Project: Create a CSS Button
2.6. Using CSS Selectors
2.7. Using Floats
2.8. Styling Links
2.9. Using Clearfix
2.10. Working With Images
2.11. Validating HTML and CSS
Module 03 – Webfonts
3.1. Webfonts
3.2. Understanding Webfonts
3.3. Webfonts, Google Fonts and API
Module 04 - Cascading Style Sheets
4.1. Cascading Style Sheets
4.2. Understanding Cascading Style Sheets
4.3. Vendor Prefixes
4.4. Project: Create a Color Changing Profile Image
Module 05 - Introduction to Grid Structures
5.1. Introduction to Grid Structures
5.2. Basic Website Layout
5.3. Choosing a Grid Framework
5.4. Grids and Responsive Design
Module 06 - Forms and Icons
6.1. Forms and Icons
6.2. Working with Forms
6.3. Using Font Icons
6.4. Understanding Sprite Sheets
6.5. Project: Create a Comment List
Module 07 - Positioning and Resources
♦ Positioning and Resources
7.1. Positioning
7.2. CSS Resources
♦ Final Project: Design a Real Website
7.3. Project Introduction
7.4. Adding Our Graphics
7.5. Building Our Site
7.6. Validating Our Site
WhatsApp chat