course-premium

Web & Graphic Design with Adobe XD Training

4.5
1 review
  • Good and patient instructor, explained everthing very well.
    |

Training

In City of London

£ 1,000 + VAT

Learn to create a professional and well-structured website!

  • Type

    Training

  • Level

    Intermediate

  • Location

    City of london

  • Duration

    Flexible

  • Start date

    Different dates available

Take advantage of our one-year interest-free repay

"Virtual LIVE" training is available

Creating a professional and well-structured website is every web designer's dream.

Emagister has added a new course into his listing of courses. With this course imparted by London Training you will get the skills in developing, designing and maintaining a website.

This way, you will gain complete knowledge in HTML, XHTML, HTML5, Cascading Style Sheet(CSS), JavaScript Form validation, jQuery integration, Adobe Dreamweaver, Adobe Flash(Animations) and Adobe Photoshop which are definitely needed to create professional looking websites.

All London Training web development courses are delivered by industry expert who have more than 10 years of experience with the goal of turning you into a web Designer, Graphic Designer, Digital Graphic Designer, UI Consultant or Print Designer.

Plus, London Training offers facilities to attendances such as fully equipped with high specs latest servers, workstations and software. Also, WIFI, Refreshment, Water, Tea and Coffee Facilities.

If you want to know more about this course, please contact Emagister.co.uk.

Facilities

Location

Start date

City of London (London)
See map
4th Floor Bowman House,29 Wilson Street, EC2M 2SJ

Start date

Different dates availableEnrolment now open
City of London (London)
See map
4th Floor Bowman House,29 Wilson Street, EC2M 2SJ

Start date

On request

About this course

You will gain complete knowledge in HTML, XHTML, HTML5, Cascading Style Sheet(CSS), JavaScript Form validation, jQuery integration, Adobe Dreamweaver, Adobe Flash(Animations) and Adobe Photoshop which are most definitely needed to create professional looking websites.

Industry standards and emerging points are also covered about web designing and development. You will also learn about server platform, hosting domains and uploading your website on the Internet. The course basically serves as a practical application to website development used in online marketing and communication. In Graphic Design aspect, you will learn in-depth knowledge in Adobe Photoshop and Adobe Flash. Our Graphic Design course enables you to put the graphical design theories into practical and useful application.

Basic computer knowledge.

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

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
The course fee excludes VAT

Our experts will contact you to speak about the Web & Graphic Design training in London.

Questions & Answers

Add your question

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

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

4.5
  • Good and patient instructor, explained everthing very well.
    |
100%
4.7
excellent

Course rating

Recommended

Centre rating

Lulu

4.5
15/05/2017
What I would highlight: Good and patient instructor, explained everthing very well.
What could be improved: .
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 11 years

Subjects

  • Testing
  • Graphics
  • Dreamweaver
  • Project
  • Layout
  • HTML
  • Flash
  • Printing
  • Property
  • Retouching
  • Drawing
  • Animation
  • Design
  • Image
  • Web
  • Photoshop

Teachers and trainers (1)

Teaching Staff

Teaching Staff

Teachers

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

*Installment option available

0% interest available. Pay Monthly.
Interest-Free Installments Up to 1 Year.

Duration

Fast Track (2 Weeks) – Mon to Thurs (10:00-17:00) 

Regular Track (12 Weeks) – Every Friday (9:30–13:30)

Weekend Track (12 Weeks) – Every Saturday (9:30–13:30)

Evening Track (8 Weeks) – Every Mon & Wed (18:30–21:30)

Web & Graphic Design with Adobe XD Training

£ 1,000 + VAT