Graphic Designing, Web Designing & Development Course in Chennai

Graphic Design, Web Design & Development Course (GWD Pro)

Getting started - Why should you learn GWD Pro?

The most evergreen fields, from the career point, would be Graphic designing & Web designing / development, as these industries have never faced recession even once & have been growing at a rapid pace over the last few years. The demand for Graphic designers, Web designers & developers are huge, with a statistic affirming that about 2,00,000 design professionals will be required in India alone in the next 2 years to match the growing need. So, if you are looking for a bright career with excellent growth prospects, this course GWD Pro would be ideal for you, & it also gives you multiple career opportunities.

What is Graphic design?

Graphic design can be best defined as the art of combining text & pictures to create a visual design, which would be used in the print and publishing field. Graphic design is something, which drives advertising and attracts us to brands. Graphic designs are present everywhere to be found be it newspaper, magazines, Packaging, branding, websites, posters, books, signage etc. Graphic designing is mostly identified with the print & publishing media.

What is Website design?

In simpler terms, website design means planning, constructing and updating of websites. In technical terms, web designing is the process of creating a site, where the process involves information architecture, web graphic design, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts, images & icons, authoring using standardized codes, user experience design & Search engine optimization.

What is Web development?

Once the website is designed, you may want to make it more purposeful & interactive by adding few functions like Lead generation form, Chat option, Discussion board, Auto-calculations, Data storage etc. The task of coding or programming that enables website functionality is termed as Web development & it mainly deals with the non-design aspect of building websites. Web development ranges from creating plain text pages to complex Web-based applications, client-side/server-side scripting, social network applications, electronic business applications, network security configuration etc.

GWD Pro course @ Web D School

Our Graphic designing, Web designing & development training program has been designed in such a holistic manner that it makes those students taking the course a thorough professional by the end of it. This GWD Pro course is totally job-oriented with more prominence being given to practical sessions.

By the end of the course, the student would have worked on few real-time projects as part of his/her training program, & they would receive regular assessment of their works from the industry professionals.

Web D School would be the right place to learn such a career-oriented course like GWD Pro, as we have marched ahead to become the best institute in Chennai, by offering the best quality training coupled with numerous value additions.

Few things about us that you should know


Unlimited Lab Hours - No restrictions on lab hours as we allow you to practice for long hours on all 7 days in a week.

eBooks / Library Videos - Exclusive reference material for our students (only for select courses).

Student Assessment - We conduct regular assessment of Students works to understand their progress. Check our student works here to know our training standards.

Dedicated Placement Cell - It takes care of everything related to placement like Creating a good resume, Sharing interview tips, Conducting mock-up interviews, Scheduling interviews etc. Check our placement record here.

Saturday events - We conduct a seminar / contest / workshop every Saturday to increase the all-round knowledge of our students. Check our recent events here.

Portfolio Development - An excellent final project helps in securing a good job, & we provide our fullest support to the students in developing a fine portfolio.

Excellent Experience - We strive for excellence in everything we do & want all our students to have a delightful experience studying with us. Check their experience at Web D School here.

GWD Pro Training Modules

Module 1

Getting Started With Graphic Design

  • Introduction to graphic design
  • Color theory
  • Principle of designing
  • Industry overview
  • Software overview

Module 2

Image editing (Adobe Photoshop)

  • Introduction to Image Editing
  • Design and Visualization
  • Process of Image Editing
  • Color Theory and Color Modes
  • Advance Retouching and Restoration
  • Image Compositing and Manipulation
  • Automation / GIF Animation
  • Filters and Advance Plugins
  • Assessment – Image manipulation, Retouching and compositing.

Module 3

Vector Graphics (Adobe Illustrator)

  • Introduction to Vector Graphics
  • Principles of Graphic Design
  • Corporate Branding
    • Logo / Stationery / Marketing Collateral
    • Apparel Design
  • Infographic Elements and Icon
  • Advance Illustration Art
    • Creating UI Elements
  • Corporate Mock up
  • Assessment – Corporate Brand identity, Creative Illustration art work and UI Template.

Module 4

Design and Printing (CorelDraw)

  • Introduction to Printing Design
  • RGB and CMYK in Printing
  • Product / Branding Design
    • Marketing Collateral
    • Products & Packaging
  • Branding Mock up
  • Pre-press Design
  • Print file Setup
  • Assessment – Product Branding design, Packaging and Marketing collateral designs.

Module 5

Media Publishing (InDesign)

  • Introduction to Print and ePublishing
  • Working with Pagination
  • Layout Design
    • Magazine / News Paper / Catalog
  • Text and typographic
  • Print Publishing Design
  • ePublishing Design
  • Interactive Layout
  • Graphic Design Portfolio
  • Assessment – Catalog designs, News paper, magazine layout and Intractive eBook.

Module 6

Portfolio Creation

  • Works for portfolio
  • Online Portfolio in
    • Semantic Elements for Document Outlining
    • Adobe Behance
  • Designer Resume Creation

Module 1

Web Template Designing in Photoshop

  • Introdution to Photoshop
  • Photoshop Tools & Layout Design
  • Understanding Grid System
  • Understanding Various Design Layout
  • Creating Layouts using Grid System
  • Understanding Color Palette
  • Working with Styles
  • Automation
  • Animation using Photoshop
  • Slicing Layouts & Preparing for HTML Conversion

Module 2

Understanding Web Concepts & Terminologies

  • Introduction to Web Technology & Web Editors
  • HTML5 / CSS3 / JavaScript - Introduction to the Core Concepts
  • Bootstrap / jQuery - Introduction to Frameworks
  • Whats New in HTML5?
  • HTML5 Doctype / HTML5 Document Structure
  • UTF-8 Character Encoding
  • HTML Character Entities
  • Head Tag and Elements inside the Head Tag
  • Meta Tags & What are they used for?

Module 3

HTML Content / Media Tags

  • Creating a Website Project in Dreamweaver
  • Understanding Basic Tags / Elements and Attributes
  • Working with Basic Tags and Font Formatting Tags
  • Understanding Block Level Tags, Inline Tags & Empty Tags
  • Introduction to CSS3 / Types of CSS and Significance
  • Heading Tags
  • Paragraph Tags & Multiple Columns
  • Adding Basic Styles using HTML Attributes and CSS Styles
  • Importing External Fonts
  • Inserting Images & Image Attributes
  • Working with Image Sprites
  • Working with Links & Link Attributes / Link States using Pseudo Classes

Module 4

Lists & Tables

  • Working with Lists & List Attributes
  • Understanding CSS Selector
  • Creating Navigation Bars using Lists
  • Working with Tables & Table Attributes
  • HTML5 Table Elements
  • Styling Tables using CSS & CSS Selectors

Module 5

Section Tags

  • Understanding Blocks - Div Block
  • Styling Div Blocks
  • Understanding Box Model - Margins / Paddings / Borders / Border-Radius / Outlines
  • Adding Box Shadows / Text Shadows
  • Positioning Div Blocks & HTML Elements
  • Adding Background Colors / Gradients / Background Images
  • CSS Overflow Property

Module 6

HTML5 Semantic Tags

  • Understanding Document Outline in HTML5
  • HTML5 Semantic Tags
  • Semantic Elements for Document Outlining
  • Keypoints about Document Outlining

Module 7

Media Queries

  • Media Queries Common Device Breakpoints
  • Meta Viewport Tag
  • Better Understanding the Grid System to Design Responsive Websites
  • Apply Media Queries Based on Viewport Sizes
  • Adjusting Layout Based on Orientation

Module 8

CSS3 Flexbox

  • Flex Display Type
  • Order
  • Flex Direction
  • Flex Grow
  • Flex Wrap
  • Flex Shrink
  • Align Flex Content

Module 9

UX Metrics

  • Keyframes & Animation Property
  • Animation Timing Functions
  • Animation Delay
  • Multi Step Transitions
  • Animation Iteration Count
  • Animation Iteration Count
  • Animation Direction
  • Cross Browser Animation Support

Module 10

CSS3 Transforms

  • 2D Transforms
  • 3D Transforms
  • Perspective
  • 3D Transform Functions
  • Filp Cards
  • Backface Visibility

Module 11


  • HTML5 Form Elements
  • HTML5 Form Attributes
  • HTML5 Form Validation Attributes
  • Patterns for Form Validation in HTML5

Module 12

iFrames & Media Tags

  • Embedding Google / Vimeo Maps
  • Audio / Video Elements
  • Audio & Video Attributes

Module 13

Mobile First Framework

  • Introduction to Bootstrap
  • Working with CDN Links & Advantages
  • Bootstrap Grid Systems & Terminologies
  • Glyphicons & Font Awesome
  • Bootstrap Classes
  • Bootstrap Image Classes

Module 14

Bootstrap Interactive Elements

  • Bootstrap Forms & Modals
  • Bootstrap Scrollspy
  • Bootstrap Navigation
  • Bootstrap Carousel

Module 15

Understanding JavaScript

  • JavaScript Introduction & Role as Client Scripting Language
  • Variables, Loops & Control Statements
  • rrays / Array Sorting Methods
  • Creating Functions / Working with JavaScript Inbuilt Functions
  • Scope
  • Closures

Module 16

Document Object Model in JavaScript

  • Regular Expression
  • Form Validation
  • Events
  • DOM Methods
  • Manipulating HTML Elements using DOM
  • DOM Styling
  • Creating HTML Elements using DOM

Module 17


  • Google Maps
  • Geolocation
  • Drag & Dro

Module 18

Loading External Data using JavaScript

  • Accessing XML Data using JavaScript
  • Accessing JSON Data using JavaScript

Module 19

Understanding jQuery Framework

  • jQuery Introduction
  • jQuery Effects
  • jQuery Animate Function
  • jQuery Chaining
  • jQuery Callback Functions

Module 20

jQuery DOM Manipulation

  • Add Elements
  • Insert Elements
  • Remove Elements
  • Append Elements
  • Add Class
  • Toggle Class

Module 21


  • Events Types & Event Handlers
  • Window Events
  • Form Events
  • Mouse Events
  • Keyboard Events

Module 22

jQuery UI Components

  • Accordion
  • Datepicker
  • Tabs
  • Slider
  • Progressbar
  • Autocomplete

Module 23

jQuery Traversing

  • Filtering
  • Tree Traversal

Module 24

jQuery Ajax

  • jQuery Ajax Methods
  • GET
  • POST
  • LOAD

Module 1

Introduction to PHP and Database Driven Websites

  • What is PHP?
  • The History of PHP
  • Setting up your Local Host
  • Installing PHP, Apache, MySQL using WAMP Server

Module 2

Core Logics and Techniques

  • PHP Statements
  • Inserting Code Comments
  • Variables & Literals
  • Data Types
  • Declaring and using Constants
  • Understanding Variable Scope
  • Operators

Module 3


  • Indexed Array
  • Associative Array
  • Multidimensional Array
  • Array Functions

Module 4

Control Structure

  • If Statements
  • Else & Elseif Statements
  • For, While & Do-While
  • Switch Statement

Module 5

String Manipulation & Regular Expressions

Module 6

Reusing Code and Writing Functions

Module 7

User-Defined Functions

  • Defining Functions
  • Function Arguments
  • Returning Values from a Function
  • Multiple Return Values
  • Scope and Global Variables
  • Setting Default Argument Values

Module 8

Processing HTML Forms with PHP

  • Building Forms
  • Detecting Form Submissions
  • Single
  • Page Form Processing
  • Validating Form Values
  • Problems with Validation Logic
  • Displaying Validation Errors
  • Custom Validation Functions

Module 9

Working with Form Data

Module 10

Working with File and Directories

  • Understanding File & Directory
  • Opening & Closing a File
  • Coping, Renaming & Deleting a File
  • Working with Directories
  • File Uploading & Downloading

Module 11

File Inclusion

  • Require()
  • Include()

Module 12

Object Oriented PHP

  • Concepts & Basics of OOP
  • Classes
  • Class Methods
  • Instances of Classes
  • Class Properties
  • Instances of Classes
  • Class Properties
  • Inheritance
  • Access Modifiers
  • Static Modifiers
  • Constructors & Destructors

Module 13

Error Handling & Exception

  • Understanding
  • Exception & Error
  • Try, Catch & Throw

Module 14

Managing Cookies, Sessions & State with PHP

  • Working with Cookies
  • Setting Cookie Values
  • Reading Coolie Values
  • Unsetting Cookie Values
  • Working with Sessions

Module 15

PHP & File Uploads

  • Configuring PHP for Uploads
  • Sending File as Form Data
  • Inspecting Uploaded Files
  • Error Checking
  • Moving Uploads

Module 16


  • Concepts of Pagination
  • Limit, Offset & Count
  • Pagination Variables
  • Pagination Class
  • Paginating Photograph
  • Paginating Links

Module 17

Sending Email to PHP

  • Configuration of PHP for Email
  • Sending Email
  • Headers
  • Reviewing SMTP
  • PHP Mailer
  • Building Notifications

Module 18

Intro to MySQL (Relational Database Basics)

  • Basics Directory Structure
  • Creating Database
  • Creating Tables
  • Fields & Indexes
  • Writing SQL Queries
  • Creating Views
  • Subqueries, Joins & Unions
  • Backup & Disaster Recovery

Module 19

Understanding Data Types

Module 20

Designing a Database for your Website

Module 21

Creating / Dropping / Altering Database & Tables

Module 22

MySQL Functions & Fundamentals

Module 23

SQL Queries

  • Data Manipulation Language
  • Data Definition Language
  • Sub-Queries

Module 24

Working with Tables

  • Inserting Records
  • Updating Records
  • Deleting Records
  • Using Built-In Functions

Module 25

Connecting to MySQL

  • mysql_connect
  • mysql_error
  • mysql_select _db

Module 26

Accessing MySQL Database with PHP

Module 27

CPanel Controls & Options

Module 28

Web Hosting

Module 29

FTP Upload Options

Not many institutes have such an extensive assessment plan, as it’s time consuming & needs a lot of well-coordinated effort to conduct them. But Web D School is not like other institutes & we understand how important such assessment of learning outcomes are, for the students. We conduct periodical assessments & the results will be evaluated to identify ways to enhance the training environment and improve student skills.

Graphic Designing Course Assessment

Adobe Photoshop
Practical Assessment - 1 Image Compositing
Practical Assessment - 2 Retouching
Practical Assessment - 3 Image Manipulation
Online Test Q & A Type / 50 Marks / 2 Hrs

Adobe Illustrator
Practical Assessment - 1 Create Corporate Identity
Practical Assessment - 2 Digital Illustration
Online Test Q & A Type / 50 Marks / 2 Hrs

Practical Assessment - 1 Creating Brand Identity
Practical Assessment - 2 Product Branding
Online Test Q & A Type / 50 Marks / 2 Hrs

Adobe InDesign
Practical Assessment - 1 eBook Publishing
Practical Assessment - 2 Print Publishing
Online Test Q & A Type / 50 Marks / 2 Hrs

Web Designing Course Assessment

Practical Assessment - 1 PSD to HTML Conversion - Creating a Non Responsive site
Practical Assessment - 2 PSD to HTML Conversion - Creating a Responsive site using Media Query
Online Test Q & A Type / 50 Marks / 2 Hrs

Practical Assessment - 1 Creating a Responsive Site

JavaScript / jQuery
Practical Assessment - 1 Form Validation
Online Test Q & A Type / 50 Marks / 2 Hrs

Web Development Course Assessment

Practical Assessment - 1 Creating a basic login page
Practical Assessment - 2 Creating a form to add and validate data
Practical Assessment - 3 Creating a complete frontend to add / edit / update / delete data a database with validation
Online Test Q & A Type / 50 Marks / 2 Hrs

Practical Assessment - 1 Installing & implementing a wordpress theme
Online Test Q & A Type / 50 Marks / 2 Hrs

Final Assessment
Full Course Online Test - 50 Marks / 2 Hrs
Final Portfolio Development - Student Showreel Correction
Mockup Job Interview

Skill Enhancement Sessions - Graphic, Web Desing & Development Module

  • Creating GIF Animation
  • Creating a Motion Graphic Video
  • Manual Product Packaging ( Craft )
  • Introduction to Digital / Matte Painting
  • Live Photography and Retouching Workshop
  • Basic Audio & Video Editing Process
  • Pencil Sketching Workshop
  • HTML eMail Creation
  • SEO Basics
  • Working with Various Animation Frameworks in CSS
    ( Animate.CSS / Bounce.CSS / Hover.CSS / CSShake.CSS )
  • Ajax Principles
  • Introduction to AngularJS
  • Creating a Color-Scheme-Switcher Web Template
  • Payment Gateway Integration - WooCommerce
  • Magento - Basics
  • Overview of Joomla & Drupal
  • Various PHP Frameworks - Outline
  • MVC Architecture
Kindly Note these skill enhancement topics are not part of the curriculum & they are subject to change from time to time. Web D School covers these topics as Seminars / Workshop & the students can attend them to gain the additional knowledge, if they are interested.


Career Opportunities

Course Duration


This GWD Pro, at Web D School, will make you a professional designer & it shall open a lot of doors for you, in terms of career options, in the Graphic designing, Web designing & development field.

Please call us at 9791333350 to get more details about our Graphic design, Web design & development course in Chennai or kindly contact us through our enquiry form.

Top student queries - Subject

Passion for the subject & basic computer knowledge are the only prerequisites before you enroll with us for GWD Pro course. Good designing & Visual sense would be an added advantage, although not mandatory, as we give regular exercises to our students to increase their aesthetic feel. Our GWD Pro course curriculum has been framed in such a way, that the students are taught from the fundamentals & covers every step in detail. So, you can definitely do the course without knowing anything about it beforehand.

Web designing is the customer-facing segment of the website. A web designer is responsible for how a site looks and how the visitors interact with it, as they use the designing principles to build a great looking web site. They also ensure smooth navigation for customers around the site & they use limited coding to create small functionalities in the site.

Web development is the back-end of the website, where programs are written to increase the interactivity on the pages. A web developer focuses on the working of the site, client-server functions, and how the customers get things done on it.

Yes. Graphic designing industry is constantly evolving & the styles keep changing with time. So, we keep close track of the changing trends in the industry & regularly update our curriculum accordingly.

In Web designing, not many institutes in Chennai have included Javascript, JQuery & Bootstrap in their Web designing curriculum. We have even added ‘HTML mail designing’ as part of the course syllabus, which would be a nice value addition for the students while attending interviews.

In Web development, apart from training the students in PHP/MySQL, we have also included Wordpress in the curriculum, which is the most widely used CMS in the world. Good knowledge in wordpress is essential if students want to secure a job in web development.

An HTML page is usually a static one and JavaScript makes the website more interactive by adding more functionalities. JavaScript aids in easy navigation of the website and helps designers to guide the visitors with additional information. Also JavaScript is helpful in creating visual effects like image-rollover. Apart from supporting web pages, Javascript also supports external applications like PDF documents, running widgets, flash applications etc.

jQuery is the most popular Javascript library designed to simplify the Client-side scripting of HTML. jQuery's syntax is devised to make it simpler to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also offers abilities for developers to build plug-ins on top of the JavaScript library.

Yes. Responsive websites are a must today, if you want the site to rank high in Google search engine results. In Responsive website designing, the websites are created in such a way, where they are in proper alignment in whatever device they are opened with – be it mobile, tablet, desktop or others.

HTML email is an email that is formatted like a web page, using colors, graphics, table columns and links. Most marketing emails you receive today from companies would like colorful, with an attractive banner, nice layout, & few emails have buttons/links, that would direct you to the website. These are HTML mails & many companies have a separate department for creating such mails regularly. So, knowing how to create HTML emails will add tremendous value to you as a web designer.

PHP is mostly used for Web development & basic knowledge in HTML, CSS & JS is sufficient to work with the language. Although it is not necessary to master the web-designing tools before learning PHP, it will be advantageous if one knows the front-end designing too, from the career point of view, as the student would have more options then. The companies may also prefer a candidate with knowledge in both web designing & web development.

Career-wise, this course will offer you a lot of opportunities, as you will get the eligibility to work as a Graphic designer, Web designer, UI UX designer & Web developer. All the mentioned fields have huge demand for skilled professionals & the student completing our GWD Pro course can actually choose the best job from multiple offers. And with such wide knowledge, the student’s career growth will also be excellent.

Every company needs Graphic designers to create their corporate identity, Logos, Brochures, Advertisements, Product packaging & a lot of such designs. And any company, which operates in the digital space, needs web-designing & development professionals, thus making the demand for web designers & developers very high. To name a few verticals as career option for Graphic designers, Web-designers & Web developers – Graphic designing studios, Ecommerce, Elearning companies, Web-designing & development studios, Advertisement companies, Internet content providing companies, Epublishing, Newspaper & Magazine industry, Event management firms, Digital Marketing firms, IT companies & many more.

Click here to check out all our Students Works

Back to Top