For training call +44(0)1273 6222 72

Your basket is empty View Cart shopping cart

Web Design Training

Before the course I felt quite bemused & uninterested by web design but I feel very inspired by today. Tomorrow I start building my own website... Thank you.

Liz Hill - SkiBound Ltd

MAKE AN ENQUIRY Download Course Outline

Whether you know how to click the buttons but need help with the principles of good web design, or you are a newcomer to web design and want to learn the rules before you start to design, this is the web design training course for you.

Get the Basics Right

We've been running web design courses since 1999 - and the web has changes immeasurably since then.

Just now - mobile is the biggest thing to happen to web design in the last decade, and our new Responsive Web Design course is designed to bring experienced designers up to speed with the latest standards and design principles.

However - we also continue to update this ever-popular 2-day Introduction to Web Design course. The basic principles of web design need to be covered before the bells and whistles - and this comprehensive 1-day course encourages web design beginners to think about their users, their site structure, colours, fonts and navigation elements before they start building and getting carried away with the latest technologies.

There's always something to be said for sitting down and planning things on paper before you start to design - our trainers are all highly experienced web designers working in the industry right now - so you can be sure everything you learn is at the leading edge of current web standards.

We also provide in-company Web Design courses. Call +44 (0)1273 622272 to discuss.


Course Objectives

This course will give delegates the skills to:

  • Create basic web pages and sites
  • Understand elements of design with regard to the web
  • Get to grips with necessary functionality elements

Course Feedback

I'm really pleased that I did the courses, especially the web design course which in some part helped me secure a new job. It's made HTML and CSS a lot more understandable... just got to put it into practice now!

Simon Smith

I really enjoyed the Web Design and Dreamweaver training I did last month and the HTML course last week. I felt the tutors I had were extremely friendly, knowledgeable and patient (important with technical things as it is very easy to feel confused and then a bit intimidated) and the atmosphere was very friendly overall. The tutors were really careful not to use technical jargon or acronyms and to never go too fast until all the class have caught up. They managed the different levels in the class very well, supporting those that were a little behind and needed extra help while simultaneously setting other tasks for those that were faster. The resources they recommended as we went where very helpful and the course notes were excellent.

Melanie Dearing

Web Design Training Course Content

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 (HyperText 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 Super Scripts 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 and 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 Field Sets 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

Booking

* Required

For in-company or private training please request a quote

 
 

Course Details

  1. Course Title

    Web Design Training

  2. Duration

    2 Days

  3. Price Starting From

    £1,314.00 + VAT

Upcoming Dates

Onsite Training

This course can be run in-company anywhere in the world & we can tailor the content to focus on your requirements.

We regularly provide training in London, Manchester, Bristol and all over the United Kingdom.

Who is this course for?

This course is ideal for those without a technical background who want to gain a basic understanding of web design and its components. 

Perfect as a first step onto the ladder before learning the more complex aspects of coding and web languages.

Our HTML5 & CSS3 Course is the ideal follow-up courses to give you a more well-rounded, in-depth knowledge of web design.


Looking for Online Training?

AgilePM, PRINCE2® & MSP® eLearning

A flexible, cost-effective way to gain your AgilePM, PRINCE2 & MSP qualifications online with our APMG accredited AgilePM eLearningPRINCE2 eLearning & MSP eLearning packages.


ITIL®, PRINCE2®, PRINCE2 Agile®, MSP®, M_o_R®, P3O®, MoP®, MoV® courses on this website are offered by The Knowledge Academy, ATO of AXELOS Limited. ITIL®, PRINCE2®, PRINCE2 Agile®, MSP®, M_o_R®, P3O®, MoP®, MoV® are registered trade marks of AXELOS Limited. All rights reserved.