Web and Graphic Design

Web and Graphic Design 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 Photoshop Logo
    CSS3 Logo  Flash Logo J Query

Web Design Course Length:

  • 8 Weeks or Fast Track 8 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



Time Table

Start Date End Date Session Time Location Booking
10-07-2017 20-07-2017 M,T,W,T 10:00 - 17:00 Central London
22-07-2017 14-10-2017 Saturday 09:30-13:30 Central London
01-08-2017 21-09-2017 Tue,Thu 18:30-21:30 Central London
21-08-2017 01-09-2017 M,T,W,T 10:00 - 17:00 Central London
29-08-2017 26-10-2017 Tue,Thu 18:30-21:30 Central London
03-10-2017 23-11-2017 Tue,Thu 18:30-21:30 Central London
14-10-2017 23-12-2017 Saturday 09:30-13:30 Central London
23-10-2017 02-11-2017 M,T,W,T 10:00 - 17:00 Central London
31-10-2017 21-12-2017 Tue,Thu 18:30-21:30 Central London
25-11-2017 30-12-2017 Saturday 09:30-13:30 Central London
28-11-2017 21-12-2017 Tue,Thu 18:30-21:30 Central London
11-12-2017 21-12-2017 M,T,W,T 10:00 - 17:00 Central London

Web & Graphic Design 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.

The Graphic Design course enables you to put the graphical design theories into practical and useful application. This complete hands-on training course will cover all aspects of graphic design tools. You will learn how to effectively communicate to end-users using visual arts and design. You will develop a portfolio during this course which you could present to prospective employers for job consideration.

Web & Graphic Design Course Highlight

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

Web Design - XHTML, HTML5, CSS3, Dreamweaver, Photoshop & Flash

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

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

Adobe Photoshop

  • Managing Assets Using Adobe Bridge
  • Navigating between Adobe Bridge and your computer
  • Working with metadata
  • Organizing collections
  • Outputting projects to PDF and for the web
  • Automating multiple images in Bridge

Using Camera Raw

  • Basic single image adjustment
  • Selective image corrections
  • Batch processing and editing
  • Understanding Process Version and workflow options
  • Automating multiple images

Understanding Photoshop Fundamentals

  • Navigating the Photoshop workspace
  • Importing and exporting presets
  • Resetting sliders and options
  • Using tool groups and options

Understanding Selections

  • Creating selections using appropriate tools
  • Adding and subtracting from selections
  • Quick Mask usage
  • Using Refined Edge

Understanding Layers

  • Creating and organizing layers
  • Understanding the differences between raster and vector layers
  • Understanding layer masks
  • Searching for layers
  • Understanding layer groups
  • Understanding layer blend modes

Understanding Adjustments

  • Differentiating between adjustment types
  • Using TAT, clipping, and visibility
  • Refining masks on adjustments

Editing Images

  • Working with the retouching tools
  • Working with Liquify
  • Using the transform controls
  • Using the Puppet Warp
  • Using the Clone Source tool
  • Creating panoramas
  • Using HDR Pro
  • Creating speciality images (black and white and duotone)
  • Selecting color

Working with Design and Print Production

  • Using character and paragraph styles
  • Using vector shapes
  • Working with layer comps
  • Creating frame based animations
  • Working with layer styles

Outputting for Web, Print, and Mobile

  • Differentiating between file types
  • Using Save For Web
  • Using the Print dialog

Adobe Flash: Computer Animations

  • Introduction to Adobe and Flash
  • Flash Animations
  • Flash Professional File Menu Commands
  • Flash Tools, Selection, Subselection, Free Transform
  • Gradient Transform, 3D Rotation, Lasso
  • Pen, Text, Line, Pencil, Rectangle, Oval
  • Deco, Brush, Spray Bruch
  • Bind, Paint Bucket, Ink Bottle
  • Eyedropper, Hand, Eraser, Zoom
  • Black and White, Stroke Color, Fill Color, Swap Color
  • Object Drawing Model, Lock Fill, Brush Mode, Brush Size, Brush Shape, Use Pressure, Use Tilt 
  • Tools available in Flash
  • Creating Graphics images and animation
  • Using Text Effectively
  • Creating Animation and Publishing
  • Building a Navigational System for Website
  • Using MovieClips for Interactive Rich Media
  • Adding Sound and Video
  • Publishing

Price Info: £1090

  • 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

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"