We are OPEN and delivering training as usual. View our COVID-19 statement.

Web Design Course

Web Design Course Course

Web Design Training Overview:

Certification:

  • Adobe

Delivery:

  • Web Design classroom training. Instructor led hands-on classes.

Web Design Project:

  • Web Design Project
  • HTML5 Logo Dreamweaver Course in London
    CSS3 Logo J Query

Web Design Course Length:

  • 4 Weeks or Fast Track 4 Days

Web Design Training Includes:

  • Hands-on Training, Lab Exercises, Project work, Unlimited Lab Access, Free Re-training

Web Design Training Locations:

  • Liverpool Street, London
  • London Bridge, London
  • Moorgate, London

Flexible Starting Dates:

  • Web Design Training on Weekdays, Weekends and Evenings

Brochure Request



Live Instructor-Led Classes

Virtual Training is the same as Face-to-Face Training

Virtual Classroom is the best option for anyone wishing to get an instructor-led training - while staying in the comfort of their home or office.

Call Us: 0207 256 2268

 

COVID-19 Statement

We are open and delivering training as normal

Monday 30th June 2020

To all our valued students,

We are all experiencing incredibly confusing and unpredictable times. In consideration of the ongoing uncertainty regarding COVID-19, we wish to reassure you that we are taking necessary precautions to protect the health, safety and well-being of our customers, our employees and our partners.

We will continue to operate our business in accordance with government guidelines. We are accepting new registration and delivering on going training as normal.

We understand the importance of our customers feeling safe and comfortable in their homes. For your peace of mind, we are offering a safe and contact free LIVE online tutor led training too.

We are closely monitoring the advice and information provided by the government and commit to updating you if anything changes. Rest assured, our priority remains providing you with the quality training in the safest possible way.

We would also like to take some time to thank our incredible emergency services and NHS staff for their unbelievable and unprecedented support. We give thanks to those working tirelessly to keep us all safe and healthy. For more information, please click here.

As always our customer services team are available to help with any queries on 0207-256-2268 and through our contact us pages.

We wish good health to you, your friends and your family at this time.

Stay safe.

Training Square Team.

Yes we are open for training with a small number of students per class, considering government guidelines, and with social distancing in place.

- Our opening and closing hours are:
Mon to Fri - 10:00 till 17:00
Saturday - 10:00 till 1700

Yes, we have followed the government guidelines with social distancing. We are providing access to hand sanitizer to all our students, providing disposable masks and keeping the place clean and tidy.

Yes, the majority of our courses can be done LIVE online tutor led. You can join the scheduled classes with the tutor online. The online live classes are the same as the scheduled classes and the only difference is, you will be attending from wherever you wish to, as long as you have reliable internet access.

Finance Available

0% Interest

Spread The Cost of Your Training Across 12 Months

Course Fee: £790

3 months - £158 Upfront and monthly payments of £211

6 months - £158 Upfront and monthly payments of £105

12 months - £158 Upfront and monthly payments of £53

Enquire Now



Time Table

This is an On-Demand course. Please call us on 0207 256 2268 to arrange the training as per your requirement.

Web Design Course Course Description

Learning Web Design and Graphic Design can be a fun and very exciting experience if the environment is welcoming. At Training Square you will tick all the boxes you are looking for; helpful and welcoming atmosphere, very helpful dedicated staff and of course certified expert trainers who will guide you throughout the course to ensure you comprehend the integral syllabus and are well equipped to achieve the set goals.

You will be learning web design course in London delivered by an expert trainer who have many years of industry experience in web design, e-commerce and mobile commerce projects. All these skills will be passed on to you through our tutor led classroom based hands-on training.

Whether you are designing your personal website or developing a commercial website, our web design course will equip you with the required skills to enable you design the site efficiently. Our web design course covers all the latest designing softwares and technologies like Adobe Dreamweaver, Adobe Photoshop, HTML5, XHTML, jQuery, Javascript, CSS2, CCS3 and many more.

Designing a website can be a very tedious task and could get messy if the designer does not have the necessary troubleshooting skills. At Training Square our trainers are expert on troubleshooting and fixing the problems you will encounter in real life.

Come and join us whether you are developing shopping website like Amazon or social website like Facebook we will deliver the right skills you need.

The course basically serves as a practical application to website developing used in online marketing and communication. You would develop your own site during this course, giving you the perfect opportunity to present your skills to prospective employers.

Web Design Course Highlight

  • Hyper Text Markup Language - (HTML), HTML5, XHTML
  • Dreamweaver - Adobe Dreamweaver
  • JavaScript Menu & jQuery Ajax
  • CSS2 - Cascading Style Sheets
  • CSS3 - Cascading Style Sheets
  • Web Design - Project
  •  
  •  
  • HTML5 Logo Dreamweaver Course in London
  • CSS3 Logo J Query
 

Web Design - XHTML, HTML5, CSS3, Dreamweaver and jQuery

Web Design

  • Overview of Web Design
  • Effective Tools and software available
  • HTML5, XHTML, HTML and CSS in Brief
  • Supporting HTML5 cross-browser
  • Web Page Building Blocks
  • A Basic HTML Page
  • Semantic HTML: Markup with Meaning
  • Markup: Elements, Attributes, and Values
  • A Web Page’s Text Content
  • Links, Images, and Other Non-Text Content
  • HTML Page Structure
  • Creating First Web Page
  • Creating a Title
  • Creating Headings
  • Understanding HTML5’s Document Outline
  • HTML Validation

Working with Web Page Files

  • Planning Your Site
  • Creating a New Web Page
  • Saving Your Web Page
  • Specifying a Default Page or Homepage
  • Editing Web Pages
  • Organizing Files
  • Viewing Your Page in a Browser

Basic HTML Structure

  • Headings
  • Common Page
  • Header
  • Navigation
  • Defining a Section
  • Specifying an Aside
  • Creating a Footer
  • Creating Containers
  • Adding the Title Attribute to Elements

Structural building blocks

  • <div>, <section>, and <article>
  • Headings: <header>, <hgroup>, and <h1>–<h6>, plus <footer>
  • HTML5-style heading element levels
  • Structural elements: <nav>, <aside>, <figure> (and <figcaption>)
  • Putting it all together
  • Accessibility and HTML5

Images

  • About Images for the Web
  • Getting Images
  • Inserting Images on a Page
  • Offering Alternate Text
  • Specifying Image Size
  • Scaling Images with the Browser
  • Adding Icons for Your Web Site

Web Links, Anchor Links, Internal and External Links

  • The Anatomy of a Link
  • Creating a Link to Another Web Page
  • Creating Anchors
  • Linking to a Specific Anchor
  • Creating Other Kinds of Links

CSS2 and CSS3 (Cascading Style Sheet)

  • CSS Building Blocks and Working with Style Sheets
  • Style Rule
  • Adding Comments to Style Rules
  • Creating an External Style Sheet
  • Linking to External Style Sheets
  • Creating an Embedded Style Sheet
  • Applying Inline Styles
  • The Importance of Location
  • Using Media-Specific Style Sheets
  • Offering Alternate Style Sheets
  • The Inspiration of Others: CSS

Formatting Text with Styles

  • Choosing a Font Family
  • Specifying Alternate Fonts
  • Creating Italics
  • Applying Bold Formatting
  • Setting the Font Size
  • Setting the Line Height
  • Setting All Font Values at Once
  • Setting the Color
  • Changing the Text’s Background
  • Controlling Spacing
  • Adding Indents
  • Setting White Space Properties
  • Aligning Text
  • Changing the Text Case
  • Using Small Caps
  • Decorating Text

Layout with Styles

  • Considerations When Beginning a Layout
  • Structuring Your Pages
  • Styling HTML5 Elements in Older Browsers
  • Resetting or Normalizing Default Styles
  • The Box Model
  • Changing the Background
  • Setting the Height or Width for an Element
  • Setting the Margins around an Element
  • Adding Padding around an Element
  • Making Elements Float
  • Controlling Where Elements Float
  • Setting the Border
  • Offsetting Elements in the Natural Flow
  • Positioning Elements Absolutely
  • Positioning Elements in 3D
  • Determining How to Treat Overflow
  • Aligning Elements Vertically
  • Changing the Cursor
  • Displaying and Hiding Elements

Style Sheets for Mobile to Desktop

  • Mobile Strategies and Considerations
  • Understanding and Implementing Media Queries
  • Building a Page that Adapts with Media Queries

Working with Web Fonts

  • What Is a Web Font?
  • Where to Find Web Fonts
  • Downloading Your First Web Font
  • Working with @font-face
  • Styling Web Fonts and Managing File Size

Enhancements with CSS3

  • Understanding Vendor Prefixes
  • A Quick Look at Browser Compatibility
  • Using Polyfills for Progressive Enhancement
  • Rounding the Corners of Elements
  • Adding Drop Shadows to Text
  • Adding Drop Shadows to Other Elements
  • Applying Multiple Backgrounds
  • Using Gradient Backgrounds
  • Setting the Opacity of Elements

CSS3 Properties

  • Color and transparency
  • Backgrounds
  • Borders
  • Drop shadows
  • text-shadow
  • Gradients

Lists

  • Creating Ordered and Unordered Lists
  • Choosing Your Markers
  • Choosing Where to Start List Numbering
  • Using Custom Markers
  • Controlling Where Markers Hang
  • Setting All List-Style Properties at Once
  • Styling Nested Lists
  • Creating Description Lists

HTML Forms and HTML5 forms

  • Creating Forms
  • Processing Forms
  • Sending Form Data via Email
  • Organizing the Form Elements
  • Creating Text Boxes
  • Creating Password Boxes
  • Creating Email, Telephone, and URL Boxes
  • Labeling Form Parts
  • Creating Radio Buttons
  • Creating Select Boxes
  • Creating Checkboxes
  • Creating Text Areas
  • Allowing Visitors to Upload Files
  • Creating Hidden Fields
  • Creating a Submit Button
  • Using an Image to Submit a Form
  • Disabling Form Elements
  • New HTML5 Features and Browser Support

Video, Audio, and Other Multimedia

  • Third-Party Plugins and Going Native
  • Video File Formats
  • Adding a Single Video to Your Web Page
  • Exploring Video Attributes
  • Adding Controls and Autoplay to Your Video
  • Looping a Video and Specifying a Poster Image
  • Preventing a Video from Preloading
  • Using Video with Multiple Sources
  • Multiple Media Sources and the Source Element
  • Adding Video with Hyperlink Fallbacks
  • Adding Video with Flash Fallbacks
  • Providing Accessibility
  • Adding Audio File Formats
  • Adding a Single Audio File to Your Web Page
  • Adding a Single Audio File with Controls to Your Web Page
  • Exploring Audio Attributes
  • Adding Controls and Autoplay to Audio in a Loop
  • Preloading an Audio File
  • Providing Multiple Audio Sources
  • Adding Audio with Hyperlink Fallbacks
  • Adding Audio with Flash Fallbacks
  • Adding Audio with Flash and a Hyperlink Fallback
  • Multimedia Files
  • Considering Digital Rights Management (DRM)
  • Embedding Flash Animation
  • Embedding YouTube Video
  • Using Video with Canvas

HTML Tables and CSS

  • Structuring Tables
  • Spanning Columns and Rows

jQuery, JavaScript internal and external

  • Integrating jQuery Menu
  • Integrating jQuery Tabs
  • Working with Scripts
  • Loading an External Script
  • Adding an Embedded Script
  • JavaScript form validation

Testing & Debugging Web Pages

  • Trying Some Debugging Techniques
  • Checking the Easy Stuff: General
  • Checking the Easy Stuff: HTML
  • Checking the Easy Stuff: CSS
  • Validating Your Code
  • Testing Your Page
  • Troubleshooting when Images Don’t Appear

CSS Properties and Values

  • CSS Properties and Values
  • CSS Selectors
  • CSS Color Values
  • Gradients
  • Media Queries
  • CSS Font Embedding

Making your website live

  • Use FTP to load your website
  • Choosing your domain name
  • Configuring your domain with domain registrar

Adobe Dreamweaver

  • Navigating the Workspace in Dreamweaver
  • Working with the Document window
  • Managing files in the Files panel
  • Updating properties in the Property inspector
  • Configure workspace layout

Defining a Site

  • Creating local root folder
  • Setting server information with hosting account details
  • Connecting via FTP

Creating Web Pages

  • Using the New Document dialog box
  • Creating and managing files with the FIles panel
  • Previewing pages in a browser

Laying out Web Pages

  • Using the Layout section of the Insert panel
  • Creating fluid grid layouts

Formatting Text

  • Inserting special characters
  • Using Find and Replace
  • Using Spellcheck
  • Understanding paragraph and header tags
  • Inserting line breaks
  • Creating lists

HTML Forms and HTML5 forms

  • Creating Forms
  • Processing Forms
  • Sending Form Data via Email
  • Organizing the Form Elements
  • Creating Text Boxes
  • Creating Password Boxes
  • Creating Email, Telephone, and URL Boxes
  • Labeling Form Parts
  • Creating Radio Buttons
  • Creating Select Boxes
  • Creating Checkboxes
  • Creating Text Areas
  • Allowing Visitors to Upload Files
  • Creating Hidden Fields
  • Creating a Submit Button
  • Using an Image to Submit a Form
  • Disabling Form Elements
  • New HTML5 Features and Browser Support

Cascading Style Sheets (CSS)

  • Understanding basic CSS syntax
  • Creating and managing CSS styles in the CSS Styles panel
  • Applying styles using the Property inspector

Managing Links

  • Understanding basic link types
  • Creating links using the Property inspector
  • Creating content navigation

Images and Rich Media

  • Inserting images
  • Using the Property inspector to update and edit images
  • Inserting Flash content

Writing HTML Code

  • Using the Code view of the Document window
  • Making changes to code using Design view of the Document window
  • Selecting specific code
  • Understanding related files

Price Info: £790

  • Hands-on Tutor Led Training
  • Classroom Based Practical Training
  • Unlimited Practice Lab Access
  • Small Size Class and Interactive Sessions
  • Lab Exercises
  • Project Work
  • WiFi Internet
  • Refreshments
  • Completion Certificate
  • Free Re-training
  • Cost is calculated at 70 percent Tuition Vatable and 30 percent Training Book(s) with 0 rated Vat

 

 

 

 

 

Package Offer: Great Savings!!!

Professional Package

£2600Saving £430

Request Info 0207 256 2268
Package Includes
Web & Graphic Design £1090
+
PHP E-commerce Development £850
+
Android Apps programming £1090

Total Price £3030

Offer Price £2600

Saving £430
Flexible Time & Start Dates
MOST
POPULR

Career Package

£3200Saving £470

Request Info 0207 256 2268
Package Includes
Web & Graphic Design £1090
+
Java OCP Certification £1490
+
Android Apps programming £1090

Total Price £3670

Offer Price £3200

Saving £470
Flexible Time & Start Dates

Specialised Package

£1700Saving £240

Request Info 0207 256 2268
Package Includes
Web & Graphic Design £1090
+
PHP E-commerce Development £850

Total Price £1940

Offer Price £1700

Saving £240
Flexible Time & Start Dates
Trustpilot Training Square Review

The following reviews were taken at the end of the course and are 100% verifiable


Aniefuna

Very good. Clouds for assignments!

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Donna

Very clear, easy to follow & very helpful. Has a lot of knowledge which is really good.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Kim

Tutor explained everything very well. Very knowledgeable tutor. Many thanks.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Rupert

The tutor was very clear and patient with explaining and also took great deal of time to consider each of our individual needs. The computer needs to be upgraded.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Ewa

Tutor is very nice, knowledgeable person; he is always very helpful and eager to help. I think we all are impressed with his ability to remain calm and and smiling all the time.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Mathew

A great tutor for me and abilities to learn more and challenge.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Alex

Nice trainer Learned a lot.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Stastny

Excellent.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Adedotun

Very Good.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Marcello

Tutor is very nice, knowledgeable person; he is always very helpful and eager to help. I think we all are impressed with his ability to remain calm and and smiling all the time.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Fabricia

The tutor is very good! Very Good!

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Abiola

He is very nice and teaches with patience.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Audrey

Good tutor answered all questions, very patient tutor.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Emmanuel

Tutor was great. All questions answered

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Maja

Course - Fast Paced but it gives a taste of possibilities. Trainer - Works hard, patient ∧explains everything clearly Staff - Professional & Friendly Generally - Helpful and valuable experience.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

Darren

The course detailed is as expected. The tutor has explained and outlined to the best of his ability with the time allocated. HTML and XHTML which includes CSS and JavaScript with a few extra's thrown in. The course was very well presented and Mike explained current advantages and methodology for both HTML and XHTML. One criticism I would have is the time allocated in which the course has been given to achieve all set out goals. Would more suit someone with some sort of prior knowledge. Other than that Mike is an excellent tutor.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes

R Vingscutt

Good course well taught Given the different needs/backgrounds of the pupils the pace was about right and we covered a lot of ground.

Trainer:

Facilities:

Recommend friends and families? Yes

Consider future courses with us? Yes



Recently Trained Customers

"Your success is our goal"

A project done by our student

Training Square

Our Services

Customer Service