Web Design

Learn Web designing using HTML5, CSS3, HTML & CSS from web designers in London and also create projects for your portfolio. HTML, CSS, JavaScript, and Adobe Dreamweaver all in one course

Upcoming Class
04 Dec 2017
4
Day(s) course
10:00 am - 17:00 pm
750per person
637.50 (when you book any 3 courses *)
This course will take place in 3-4 Kirby Street, London, EC1N 8TS. Find on map
15 %
Discount

when you buy 3 or more courses

The discount will be automatically
applied at the checkout
Looking for a
2-12 months
training?
Choose Web designer
Career Programme

Looking for a 2-12 months training?

Choose

Web designer career programme

Upcoming dates

Date Day(s) Course Session Time Price
04 Dec 2017 4 Mon to Thu 10:00 - 17:00 £750 Reserve
08 Jan 2018 4 Mon to Thu 10:00 - 17:00 £750 Reserve
20 Jan 2018 4 Sat 10:00 - 17:00 £750 Reserve
05 Feb 2018 4 Mon to Thu 10:00 - 17:00 £750 Reserve
05 Mar 2018 4 Mon to Thu 10:00 - 17:00 £750 Reserve
02 Apr 2018 4 Mon to Thu 10:00 - 17:00 £750 Reserve
04 Dec 2017
Mon to Thu
10am - 17pm
4 day(s)
£750.00
08 Jan 2018
Mon to Thu
10am - 17pm
4 day(s)
£750.00
20 Jan 2018
Sat
10am - 17pm
4 day(s)
£750.00
05 Feb 2018
Mon to Thu
10am - 17pm
4 day(s)
£750.00
05 Mar 2018
Mon to Thu
10am - 17pm
4 day(s)
£750.00
02 Apr 2018
Mon to Thu
10am - 17pm
4 day(s)
£750.00

Subjects for this course

HTML
Web Design image
CSS
Web Design image
Adobe Dreamweaver
Web Design image
Videos
Web Design image
Maps
Web Design image
Forms
Web Design image
Complete Project
Web Design image
Publish Website
Web Design image
HTML5
Web Design image
CSS3
Web Design image
Front end Development
Web Design image
Design Process
Web Design image

Course Outline

Web Design course overview

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

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 website to a live server.

This short HTML and CSS course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends.


Who is Web Design training for?

This course is for you if you are interested in creating or maintaining website for yourself or for others. This course also helps business owners to get more control and insight into their website. This course is designed for complete beginners of web design. No previous coding background is required.

If you are looking for HTML course and CSS training course then this web design course is for you.


Prerequisites for Web Design course

To attend this course you must be familiar with basic use of computers and internet. You must be able to create/copy/rename/delete folders and files on your computer. Typing skills are beneficial. If you are not fully familiar with such topics, please make sure you have some practice before course starts.

Keep in mind weekday courses are very intensive; if you have little or no experience at all, please consider enrolling on evening or weekend courses.


What will I get?

  • Training from professional HTML and CSS web designers:

    Training Dragon consultants have been implementing professional HTML & CSS solutions across a range of web sites for many years. Those consultants write and teach our web design training courses, so their experience directly informs course content.

  • Real-time Practice and Projects:

    Our web design course is designed to get you started in web design. We work on industry related projects in this web design course. These projects help you create your web design portfolio. If you have a project or an idea that you wanted to turn into website then present that idea during the course and our trainers will help you to work on your own website.

  • Course Material:

    HTML and CSS electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training you will receive a web design course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding HTML and CSS, do not hesitate to contact us. Training Dragon’s trainers and career consultants are expert in their fields and if you need any help with you career choice, please speak to one of our career consultants.


Web Design Course Contents

HTML

Introduction

  • What is internet?
  • Introduction to HTML, CSS, JS and Dreamweaver
  • Web browsers (Internet Explorer, Firefox, Safari, Opera and Google Chrome)
  • Role of HTML in a web design course

HTML (Hyper Text Markup Language)

  • HTML page structure
  • HTML tags
  • HTML attributes and values
  • View HTML web pages code
  • HTML vs xHTML

HTML Meta

  • What are HTML Meta tags
  • Role of HTML in search engine optimisation
  • HTML keywords and importance in SEO
  • HTML meta description
  • HTML page title

HTML Text

  • How to use text on HTML web pages
  • What is HTML paragraph?
  • Change the font of text
  • Define text colour and size
  • Use of Headings H1, H2, H3 etc
  • What are text comments?
  • Creating superscripts and subscripts
  • Striking out text
  • Make text bold, italic, underlined

HTML List

  • What is a list?
  • HTML ordered list
  • Unordered list
  • Use list items
  • Create a navigation with a list

HTML Links

  • What is HTML hyperlink/link?
  • How to create a link to another page
  • Connecting web pages using links
  • Define target for links
  • Create HTML anchors
  • Link to an anchor
  • Creating a link from an image

HTML Tables & Div

  • Creating a HTML table
  • Adding rows and columns to table
  • Defining padding and spacing
  • Adding table borders
  • Merge rows or columns with colspan and rowspan
  • Create Div
  • Apply Div Colours
  • Defining width and height for Div
  • Float vs Clear
  • Use background colour for Div
  • How to use background image for Div
  • How to use HTML Span
  • Table vs Div

Working with image in HTML

  • Adding image
  • 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 Form

  • What is HTML form?
  • Create a form
  • Form get and post method
  • Form action
  • Creating fieldsets and legends
  • Creating HTML Form text boxes
  • Creating password boxes
  • Using form Labels
  • Creating text areas
  • Creating radio buttons
  • Creating checkboxes
  • Creating List menus
  • How to create a file upload
  • Use of hidden fields
  • Creating form submit button
  • Form reset button

CSS

CSS (cascading style sheet)

  • What is CSS?
  • Separating content from presentation
  • Role of CSS in web design course
  • 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
  • Text decoration
  • Specifying font alignment
  • Choosing a font family
  • Specify font size
  • Setting the Line Height
  • Make text Italics
  • Use Bold Formatting
  • Underlining Text
  • Specify text colour
  • Apply text case
  • Use text's background
  • Word-spacing and Letter-spacing
  • Text indentation

Styling links using CSS

  • Creating hover effects
  • Keeping track of links
  • Create website navigation using CSS

Creating web page layout using CSS

  • How to use Div
  • Fluid layout
  • Fixed layout
  • Elastic layout
  • Specify the height of an element
  • Specify the width of an element
  • Specify the border
  • Specify padding around an element
  • Specify the margins around an element
  • Wrapping text around images
  • Use float and clear
  • Use background images for elements
  • CSS positions: static, relative, absolute, fixed
  • Use z-index to simulate the third dimension

Publishing/Upload website

  • 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

  • Test your website
  • Check HTML code
  • View code from browser
  • Use Firebug to inspect HTML web page elements
  • Markup and CSS Validation tools

JavaScript

Introduction to JavaScript

  • What is JavaScript
  • Firebug console and JavaScript
  • Variables and Functions
  • Events and Handlers

Projects in Web Design Course

Project1: Create a personal or business website

Using the skills obtained from our web design course, we will build a simple layout website using HTML and CSS. We will create a one-column layout brochure/magazine website with multiple pages, a working navigation and a simple gallery. You will learn how to use DIVs and CSS avoiding tables for layouts; you will learn the importance of a clean and well formatted code. This project involves many stages from planning, team work, and designing, testing and launching your website. 

Project2: CSS driven gallery

Stretching the boundaries of CSS, we will create an image gallery with CSS only:  disjointed rollover, css positioning, background techniques.

Project3: Advanced website

We will create a more complex website using advanced CSS tricks: pseudo classes, shadows, multiple columns, interactive JavaScript gallery.

View Complete Course outline

Daily schedule

The scheme below shows what a typical day at Training Dragon looks like.

10:00 11:30 11:45 13:00 14:00 15:30 15:45
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Lunch
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Video Placeholder

Looking for a
2-12 months
training?

Choose

Web designer career programme

Our Trainers

Emiliano
Emiliano
Leads our teaching team with many years of experience in teaching web development.
Ross
Ross
Brings many years of Python and Java software development experience to classrooms.
Olu
Olu
Microsoft and Oracle certified developer with years teaching experience in Android, .NET and databases.

Our Alumni Projects

Frequently Asked Questions

How many maximum people are on my course? 

?
To make sure that personal attention is provided to everyone in the class, we keep our classroom size very small. There are maximum 8 delegates in all our classrooms.

How’s is the course being taught?

?
All our courses are led by instructors and delivered in classrooms. Your instructor is available to help you through out your course. In our classrooms we do hands-on exercises, learn step by step and build practical projects on most of our courses.
More questions?
We are here to answer them