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



Finance Available

0% Interest

Spread The Cost of Your Training Across 12 Months

Course Fee: £790

3 months - £79 Upfront and monthly payments of £237

6 months - £79 Upfront and monthly payments of £119

12 months - £79 Upfront and monthly payments of £59

Enquire Now



Time Table

Start Date End Date Session Time Location Booking
20-08-2018 Web Design Course23-08-2018 M,T,W,T 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
31-08-2018 Web Design Course21-09-2018 Friday 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
08-09-2018 Web Design Course29-09-2018 Saturday 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
24-09-2018 Web Design Course27-09-2018 M,T,W,T 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
01-10-2018 Web Design Course24-10-2018 Mon,Wed 18:30-21:30 Central London Wilson Street , Liverpool Street , EC2M 2SJ
26-10-2018 Web Design Course16-11-2018 Friday 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
29-10-2018 Web Design Course01-11-2018 M,T,W,T 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
03-11-2018 Web Design Course24-11-2018 Saturday 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
26-11-2018 Web Design Course19-12-2018 Mon,Wed 18:30-21:30 Central London Wilson Street , Liverpool Street , EC2M 2SJ
03-12-2018 Web Design Course06-12-2018 M,T,W,T 10:00 -17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ
05-01-2019 Web Design Course26-01-2019 Saturday 10:00-17:00 Central London Wilson Street , Liverpool Street , EC2M 2SJ

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

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

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

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"