course-premium

Course not currently available

Web & Graphic with User Experience Design (UX Design) Course

Training Square
4.0
1 review
  • The trainer was so good and explained all the things so nicely. If you have any question he made sure to answer in a very clear and easier way. Highly recommend.
    ← | →

Course

In City Of London ()

Save 10%
£ 1,071 VAT inc.

The best Graphic Design courses

See all

See all

Learn to build up your own website!

  • Type

    Course

  • Level

    Intermediate

  • Duration

    12 Weeks

Immerse yourself in the graphic design world with this Web & Graphic Design Course Description, offered by Training Square, that Emagister.co.uk has added to its educational catalogue.

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, this course will equip you with the required skills to enable you design the site efficiently because it covers all the latest designing softwares and technologies like Adobe Dreamweaver, Adobe Photoshop, HTML5, XHTML, jQuery, Javascript, CSS2, CCS3 and many more.

Come and join this educational experience; whether you are developing shopping website like Amazon or social website like Facebook you will receive the skills you need.

Important information

Documents

  • Web_and_Graphic_TS.pdf

About this course

Hands-on Training, Lab Exercises, Project work, Unlimited Lab Access, Free Re-training. 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.

Novice/Mediocre/Expert.

Computer Illiterate.

Diploma/Corporate Training/Hands-On Practical Training/Real-Time Project.

- Expert, Industry Experienced and Certified Trainers.
- State of the Art Facilities.
- Maximum 5-6 Delegates Per Class. Quality that matters.
- 100% Practical Hands-on Training, Classroom Based and -- - - -
- Instructor Led.
- Flexible Starting Dates: Weekdays, Weekends and Evenings.
- Location: Central London.

Our Course Advicer will contact him/her and explain further about the Course.

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Fill in your details to get a reply

We will only publish your name and question

Reviews

4.0
  • The trainer was so good and explained all the things so nicely. If you have any question he made sure to answer in a very clear and easier way. Highly recommend.
    ← | →
100%
4.5
excellent

Course rating

Recommended

Centre rating

Giancarlo

4.0
21/04/2019
About the course: The trainer was so good and explained all the things so nicely. If you have any question he made sure to answer in a very clear and easier way. Highly recommend.
Would you recommend this course?: Yes
*All reviews collected by Emagister & iAgora have been verified

This centre's achievements

2019

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 10 years

Subjects

  • Options
  • Javascript training
  • HTML
  • Javascript
  • Flash
  • Animation
  • Design
  • Layout
  • Adobe Photoshop
  • Adobe
  • Web
  • Dreamweaver
  • Property
  • Media

Teachers and trainers (1)

Teaching Staff

Teaching Staff

Teacher

Course programme

Overview of Web Technology and Web Design
  • Web Design Course Road Map
  • Introduction Web Technology
  • Understanding web page, domain name, servers and hosting
  • How web pages work
  • Understanding different browsers and SSL
  • Create, edit, and manage pages using Notepad
  • Add content such as text, images, and rich media to pages using Dreamweaver
  • Format text and images with CSS
  • Author HTML code Meta description, keywords, and author

Understanding the Workspace
  • Working with the Document window
  • Managing files in the Files panel
  • Configure workspace layout

Defining a Site
  • Creating the local root folder
  • Create a new html file with Dreamweaver
  • Opening web pages using Dreamweaver
  • Managing Sites, Site Menu bar and Files Panel
  • Using New Document dialog box
  • Manage files with the Files panel
  • Testing web pages in the browser
  • Local Files, Remote Servers and Testing Website Locally

XHTML
  • Links Images and Text
  • HTML File Name and URLs
  • HTML Structures, Title, Header, Body
  • Working with Web Pages
  • HTML Text Formatting
  • Formatting Text with Styles
  • HTML Tables
  • Working with Forms
  • XHTML and DIVs tags

HTML5 Webpages
  • HTML 5 file structure and implementation
  • Introduction article, aside, figure,
  • footer, header, hgroup, menu, nav, section
  • Styling HTML 5
  • Creating final project with HTML5
  • Adding Images and Rich Media
  • Using the Property inspector to update and edit images
  • Embedding flash animations, video and audio

HTML tables & working with forms
  • Creating Tables using table, tr, td, th
  • Applying CSS to table
  • Introduction to form
  • Form Elements

Launching a Site
  • Setting server information with hosting account details
  • Connecting and define sites for ftp connection
  • Transferring files by using Get and Put
  • Understanding and using Check In/Check Out
  • Uploading a site using the Files panel
Working with Code View
  • Code View
  • Manage Code
  • Highlighting invalid code, and Formatting
  • Replace code
  • Block code

Working in Design View
  • CSS and Tables
  • Visual aid
  • CSS Layout box model
  • AP Elements

Adding and Formatting Text
  • Inserting special characters
  • Using Find and Replace
  • Spellchecking web pages (Shift + F7)
  • Understanding paragraph and header tags
  • Line break and horizontal ruler
  • Creating unordered list item and ordered list items

Creating Dynamic Contents Files
  • ColdFussion, ASP, JSP and PHP
  • Live View, Live Code

Cascading Style Sheets (CSS2 and CSS3)
  • Implementing basic CSS syntax
  • Connecting styles sheet using internal style sheet with html source code
  • Connecting styles sheet using external style sheet with html source code

Advanced CSS Positioning
  • Understand position in CSS
  • Using Top, left, right, and bottom

Creating hyperlinks in Dreamweaver
  • Understanding basic link types
  • Creating links using the Property inspector
  • Understanding link, hover link, visited link and active link

Writing HTML Code in Dreamweaver
  • 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

Creating your project in Dreamweaver
  • Starting to implement your web project
  • Understanding layout and pixel of webpages
  • Creating Layouts and understanding DIV tags

Code Validating Code
  • Validating CSS and HTML
  • Publishing Web page on Web

Webservers to Host websites
  • Testing & Debugging Web Pages
  • Domain Registration
  • Web host servers
  • Uploading website using ftp
  • www webservers

Graphic Design Training
Photoshop
  • Photoshop Image Manipulation
  • Retouching and image size
  • Straightening and cropping an image, tonal range
  • Replacing colors in an image, Dodge tool, Sponge tool,
  • Unsharp Mask filter, four-color printing

Working with Selections
  • Selection tools
  • Magic Wand tool, oval and circular selections,
  • Magnetic Lasso tool, lasso tools, and erasing within a selection

Layer Basics
  • Rearranging layers, Editing text
  • Flattening and saving files
  • Creating a layer set and adding a layer
  • Using layer comps

Masks and Channels
  • Working with masks and channels,
  • Creating a quick mask,
  • Saving a selection as a mask, applying an adjustment,
  • Creating a gradient mask, Applying effects using a gradient mask
Image Retouching and Repairing
  • Clone Stamp tool, Pattern Stamp tool, Healing Brush and Patch tools, Retouching on a separate layer

Painting and Editing
  • Custom workspace,
  • Blending an image with the background, history tools,
  • Brush tool, create a picture frame, Color Section

Basic Pen Tool Techniques
  • Pen tool, Drawing straight paths,
  • Drawing curved, Editing anchor points
  • Vector Masks, Paths, and Shapes
  • About bitmap images and vector graphics

Advanced Layer Techniques
  • Creating layer sets, adjustment layer, gradient layer, layer from another file,
  • Liquifying a layer,
  • Creating a border layer,
  • Flattening a layered image,
  • Duplicating and clipping a layer

Creating Special Effects
  • Changing the color balance
  • Applying filters
  • Preparing Images for Two-Color Printing
  • Printing in color, Using channels and the Channels palette, change color to grayscale,
  • Creating two-color Web graphics
  • Arranging Layer Objects in ImageReady
  • Duplicating and aligning layers,
  • Changing multiple lines of type

Creating Links within an Image
  • Slicing an image in Photoshop,
  • Working with slices in ImageReady,
  • Working with image maps (ImageReady)

Optimizing Web Images
  • Optimizing images using Photoshop or ImageReady
  • Optimizing a JPEG, GIF,
  • Controlling dither and reducing colors, dithered transparency
  • Producing and Printing Consistent Color
  • Reproducing colors,
  • Specifying color management settings,
  • Proofing an image

Adobe Experience Design XD (UI/UX)
  • Introduction to Adobe Experience Design XD
  • Starting a Design
  • Inserting Text, Images, & Graphic Elements
  • Changing an Artboard’s Background Color
  • Adding Text
  • Styling Text
  • Importing Images
  • Cropping Images (Masking)
  • Importing Graphics (Photoshop, Illustrator, SVG)
  • Graphic Effects (Fill, Stroke, Shadow, etc.)
  • Fills
  • Strokes
  • Adding Shadows

Additional information

Pay all at once at get flat £90.00 off the course fee.


Discounted Price

£1100.00 (Actual Price £1190.00)


Or Choose from one of the following Finance Options @ 0% interest:
 
3 months - £119 Upfront and monthly payments of £357.00

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

12 months - £119 Upfront and monthly payments of  £89.00 


Duration 

12 Weeks or Fast Track 8 Days or Evenings 8 Weeks

See related categories

Web & Graphic with User Experience Design (UX Design) Course

£ 1,071 VAT inc.

The best Graphic Design courses

See all

See all