Web design Courses in London (HTML, CSS, JS, and Dreamweaver)

Select date & number of participants:

Choose your preferred start date from the list below, and then click on Reserve your place.

Course Session	Starting Date	Classes	Price
18:30 - 21:30 Mon, Thu	Mon, 20 Sep 2010	10	£550.00	Reserve your place
10:00 – 17:00 Sun (Fast track)	Sun, 3 Oct 2010	4	£550.00	Reserve your place

• Classroom based course
• eNotes included
• Hands on training
• Free online support after course

Who is web design course 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.

Goal oriented approach

Our web design courses are designed to get you started in web design. 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.

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 courses 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.

Course contents

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 courses

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?
Animate text
Creating superscripts and subscripts
Striking out text
Make text bold, italic, underline

HTML List
What is a list?
HTML ordered list
Unordered list
Use list items

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
Define link colours
Change link colour on mouse over
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
Border width and colour
Create table cell colour
Use images in tables
Create Div
Apply Div Colours
Defining width and height for Div
Position div by using float
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
Embedding sound in HTML web pages
Adding a link to a sound
Adding background sound for explorer
Creating a marquee
Adding video to web pages
Adding YouTube video to a web page

HTML Form
What is HTML form?
Create a form
Form get and post method
Form action
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 (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
Text decoration
Specifying font alignment
Choosing a font family
CSS3 embedding @font-face
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

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
Fluid 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
Use background images for elements
Controlling overflow

Publishing/Upload website
Finding a host for your site
Reserve a domain name (website name)
How to upload your site to a hosting server

HTML web page troubleshooting
Test your website
Check HTML code
View code from browser
Use Firebug to inspect HTML web page elements

JavaScript
What is Javascript
Javascript Output
Javascript Comments
Javascript Date Time
Javascript Popup
Javascript Prompt
Javascript Builtin Functions
Javascript Events
Javascript Conditional statements
Javascript Variables
Javascript Form Validation

Publishing Your site in Internet for web designer
Domain Name for your website
Web Servers Introduction
Uploading and Downloading to and from your website
Protocols FTP, HTTP

Dreamweaver
What is Dreamweaver?
Dreamweaver in web design courses
Dreamweaver Flash Media
Dreamweaver Templates
Panels
Dreamweaver Workspace
New Page
Named Anchor
Applying text using Dreamweaver
Inserting Images
Image HotSpot
Create Hyperlinks
Email link
Design web page layout using Dreamweaver
Tables
Forms
Dreamweaver Behaviours
Working with CSS using Dreamweaver


Project: Create a personal or business website
Using the skills obtained from our web design courses, we will build a complete personal or business brochure/magazine website. You will be free to choose the subject of your website.It could be your personal website or your business website. This project involves many stages from planning, team work, and designing, testing and launching your website.