The Knowledge Academy Logo
The Knowledge Academy Logo
01344 203999 - Available 24/7
Empty

Send us your message.

X

Website Design Course

Key points about this course


Duration: 2 Days*

Dates & Prices Enquire
  • Web Design Training in luxury nationwide venues
  • Includes manuals and certificates
  • Small class sizes for optimum delegate-trainer interaction

Available delivery methods for this course

Classroom Icon

Classroom

Onsite Icon

Onsite

Virtual Icon

Live Virtual

Course Information

This course explains how to create web pages from scratch, by using different techniques such as HTML, CSS, Javascript and use of software like Dreamweaver. After completing our web design courses you would be able to create HTML websites.

 

The complete course is hands-on based. A practical web design project at the end of the course will ensure that you go through website creation process by planning, creating structure, coding, using different web design software, buying you website a domain name, hosting and uploading a website to a live server.

The following subjects are taught during this course:

 

Introduction to creating websites

  • Introduction to HTML, CSS, JS and Dreamweaver

  • Web browsers (Internet Explorer, Firefox, Safari, Opera and Google Chrome)

  • Role of HTML in web development

 

HTML (Hyper Text Markup Language)

  • HTML page structure

  • HTML tags

  • HTML attributes and values

  • View HTML web pages code

 

HTML Meta

  • What are HTML Meta tags

  • Role of HTML in search engine optimisation

  • HTML keywords and importance in SEO

 

HTML Text

  • Change the font of text

  • Define text colour and size

  • Use of Headings H1, H2, H3 etc

  • Creating superscripts and subscripts

 

HTML List

  • HTML ordered list

  • Unordered list

  • Use list items

  • Create a navigation with a list

 

HTML Links

  • How to create a link to another page

  • Connecting web pages using links

  • Define target for links

  • Create HTML anchors

  • Link to an anchor

  • Change link colour on mouse hover

  • Creating a link from an image

 

HTML Tables & Div

  • Creating an HTML table

  • Adding rows and columns to table

  • Defining padding and spacing

  • Adding table borders

  • Create table cell colour

  • Use images in tables

  • Create Div

  • Apply Div Colours

  • Defining width and height for Div

  • Float vs Clear

  • Use background colour for Div

 

Working with image in HTML

  • Create image links

  • The GIF, JPEG and PNG formats

  • Alternative text, titles and descriptions for images

 

HTML Multimedia

  • Creating a marquee

  • Adding video to web pages

  • Adding YouTube video to a web page

  • Adding a Google map to a web page

 

HTML Forms

  • Creating a form

  • Creating fieldsets and legends

  • Creating HTML Form text boxes

  • Creating password boxes

  • Using form Labels

  • Creating checkboxes

  • Creating List menus

  • How to create a file upload

  • Creating form submit button

  • Form reset button

 

CSS (cascading style sheet)

  • What is CSS?

  • Separating content from presentation

  • Role of CSS in web design courses

  • Inline vs embedded or external CSS

  • CSS structure

 

CSS in HTML

  • Applying style on one web page

  • Applying style on complete website

  • Defining styles for Classes

  • Style for HTML tags

  • Defining styles for links

 

Styling text using CSS

  • Styling text elements

  • Specifying font size and colour

  • Specifying font alignment

  • Choosing a font family

  • Specify font size

  • Setting the Line Height

  • Make text Italics

  • Use Bold Formatting

  • Underlining Text

  • Use text's background

  • Word-spacing and Letter-spacing

 

Styling links using CSS

  • Creating hover effects

  • Keeping track of links

  • Create website navigation and page layout using CSS

  • How to use Div

  • Fluid, Fixes and Elastic layouts

  • Specify the height and width of an element

  • Specify the border, margin and padding around an element

  • Wrapping text around images

  • Use float and clear

  • Use background images for elements

  • CSS positions: static, relative, absolute, fixed

 

Publishing/Upload website

  • Selecting a Domain Name for your website

  • CPanel intro

  • Web Servers Introduction

  • Uploading and Downloading to and from your website

  • Protocols FTP, HTTP

 

HTML web page troubleshooting

  • Testing your website

  • Check HTML code

  • View code from browser

  • Use Firebug to inspect HTML web page elements

  • Markup and CSS Validation tools

Prerequisites

This course is for complete beginners in web design but a basic computer literacy is required. You should know how to use a Windows PC or Apple Mac.

 

Who can attend this course?

This course is for those who are interested in creating and maintaining a website for yourself or for your business. This course also helps business owners get more control and insight into their website.

 

This course has been designed for complete beginners of web design. No previous coding background is required.

The course begins at 9am and finishes around 5pm.
Please arrive at your training venue for 08:45am
All of our instructors are fully experienced in Web Design
You will receive your Knowledge Academy courseware folder, certificate, experienced instructor and refreshments
Yes, we provide an official Knowledge Academy certificate upon completion of the course

Dates & Prices

Select your preferred delivery method

Choose a Region

Choose a Location

Choose a Month

Office Icon Attend your course from the office or home
Trainers Icon Interactive support from experienced trainers
Simple Icon Simple to setup and easy to use on any device

Complete the steps below to receive a quote or more information

How will you be funding your training?

Self funding

Company funding

Not sure

Key points about this course


Duration: 2 Days*


Why choose TKA logo


Gold Tag

Best price in the industry

You won't find better value in the marketplace. If you do find a lower price, we will beat it.

Delivery Icon

Various delivery methods

Flexible delivery methods are available depending on your learning style.

Resource Icon

Resources

Resources are included for a comprehensive learning experience.

Thames Water Logo

"Really good course and well organised. Trainer was great with a sense of humour - his experience allowed a free flowing course, structured to help you gain as much information & relevant experience whilst helping prepare you for the exam"

Joshua Davies, Thames Water

Google Logo
Samsung Logo
Shell Logo

"...the trainer for this course was excellent. I would definitely recommend (and already have) this course to others."

Diane Gray, Shell