• Multimedia & Graphics Design
  • HTML (Hypertext Markup Language)

Professional Website Designing Training

Advanced Responsive Website Designing Classes

  • 10 - 20 weeks
  • 102 Lectures
  • 2143 Student Enrolled
  • Last updated:- Sep 25, 2021
Actual Price

₹12500.00 53% Off

Course Features
  • 35 Practical Videos For Covering Course
  • 35-40 Hrs Online Interactive Learning Sessions
  • Complete eBook with Assignments
  • Live Job Training
  • 100% Job Assistance
  • 24*7 Lifetime Access
  • Govt. Recognized Diploma

What you'll learn

  • Photoshop
  • HTML
  • HTML 5
  • CSS
  • CSS 3


  • Need basic computer knowledge.
  • Innovative ideas.

What placement assistance will you receive?

Free Placement Preparation Training

Access to curated Internships & Current Job Openings.

Top performers will be highlighted on Attitude Job portal


Website designing courses with ATTITUDE ACADEMY are the best in overall web designing courses available in Delhi and website designing training in Delhi for creation of dynamic, interactive and static websites. In web designing field, changes and modernization are coming very fast and quick. These website designing training courses include the syllabus from basic HTML and CSS to advance level to provide throughout knowledge of website designing with latest features and latest technology.

Course Circullum

MODULE- I Getting Start with Introduction

  • Introduction of Photoshop 

  • Preview Of the course 

  • Before you start this Adobe Photoshop CC Tutorial things you must Know

MODULE- II Understanding of Layers use 

  • How to use layers in Adobe Photoshop CC

  • Basic Navigation 

  • How to combine images in Photoshop

MODULE- III Use of Color & Adjustment Layers

  • How to fix an image using levels in Photoshop CC

  • How to enhance colors in Photoshop using vibrance

  • How to change the color of something in Photoshop using Hue

  • How to change just one color in Adobe Photoshop CC

  • How to make an image black & white in Photoshop CC

  • How to add a gradient to an image & text in Photoshop


  • Creating a specific sized document Adobe Photoshop CC

  • How to draw star square circle shape in Photoshop CC

  • Stealing Colors & Adobe Color Themes


  • How to create text in Adobe Photoshop CC

  • How to warp text in Adobe Photoshop CC

  • How to get text to follow a line or circle in Photoshop

MODULE- VI Understanding of Layer Styles 

  • How to add a line around the outside of type in Photoshop

  • How to a bevel or emboss to text in Photoshop CC

  • How to add a drop shadow to text in Photoshop CC

  • Presenting your Photoshop work for your portfolio

  • Project 1 - Creating your own postcard

MODULE- VII How Cropping work in PS

  • How to crop an image in Adobe Photoshop CC

  • How to crop an image for a frame in Adobe Photoshop CC

  • How to straighten the horizon line using Photoshop CC

MODULE- VIII Selections & Masking 

  • How to copy from one image to another in Photoshop CC

  • How to crop images inside of text

  • How to remove the background in Adobe Photoshop CC

  • Class Project - Quick Select Tool

  • Quick Select Tool 

  • How to put text behind a person in Adobe Photoshop CC

  • How to create a layer mask in Adobe Photoshop CC

  • Class project - Cut a person out & put them into another image in Photoshop

  • How to blend fade one image into another in Photoshop CC

  • How to weave text in and out of a Photoshop image

  • How to select hair in Adobe Photoshop CC

  • Class Project - Selecting hair

  • How to select things with straight edges in Adobe Photoshop CC

  • How to get text to interact with ink & plants in Photoshop CC

  • Class Project - Text & Image Interaction

MODULE- IX Apply Filters

  • How to add filters & effects in Adobe Photoshop

  • How to turn an image into a painting in Adobe Photoshop

  • Class Project – Oil Painting

  • How to create the Dotted Halftone Poster Effect in Photoshop

  • Class Project – Halftone

  • How to fake realistic motion blur in Adobe Photoshop CC

  • The Lens Flare right of passage in Adobe Photoshop

MODULE- X  Smart Objects

  • What is a smart object in Adobe Photoshop CC

MODULE- XI Transform & Distort 

  • How to bend a logo onto an image realistically in Photoshop

  • How to make a sky peeling like fabric revealing background in Photoshop

  • Class Project - Peeling Sky

  • How to shrink body parts in Adobe Photoshop CC using liquefy

  • How to create dripping paint text effect in Photoshop CC

  • Class Project - Drippy Paint Test

MODULE- XII Retouching - Images, Banner, Post and more..

  • How to remove people & text from a picture in Photoshop

  • Use Google Images to find your image before retouching

  • How to remove red eye from photographs in Photoshop

  • How to retouch skin in Adobe Photoshop CC

  • Class Project - Retouching

  • Enhancing eyes in Adobe Photoshop CC

  • How to fix teeth in Adobe Photoshop CC

 MODULE- XIII Blending Modes

  • How to instantly remove the white background of a logo in Photoshop

  • Using blending modes as color accents in Photoshop

  • How to put images inside a bottle using Photoshop

  • Class Project - Boat in a bottle

 MODULE- XIV Visual Styles

  • How to create the spotify Duotone effect in adobe Photoshop

  • Class Project - Duotones

  • How to create the 3D glasses Anaglyph effect in Adobe Photoshop

  • Class Project - Anaglyph Effect

  • How to create a vintage instagram Matte Photo in Photoshop

  • Class Project - Vintage Matte Photo

  • How to create the paper cut effect in Adobe Photoshop CC

  • Class Project - Paper Cut Effect

 MODULE- XV Artboards

  • How to use an Artboard in Adobe Photoshop CC.

MODULE- XVI Color modes & Resolution

  • What is the difference between RGB and CMYK in Adobe Photoshop CC

  • How do you change the resolution to 300dpi in Photoshop CC

MODULE- XVII Multiple Use of Brushes 

  • Basic introduction to using a wacom tablet with Photoshop

  • How to create splatter paint effects in Adobe Photoshop CC

  • Class Project - Ink Splats

  • How to create dripping paint ink effect in Photoshop

  • Class Project - Dripping Paint Brush

  • How to create smoke with an image inside it using Photoshop CC

  • Class Project - Smoke effect


  • How to make a Long vector hard shadow in Photoshop

  • How to cast a realistic shadow on the ground in Photoshop

  • Bending or curved shadow under an image in Photoshop


  • How to export images from Photoshop for print web & social media.

MODULE- XX Course Conclusions & now What Next

  • What's my skill level after 10 years?

  • Final Words 

MODULE- I Introduction of HTML

  • Definition of HTML & its Uses

  • Knowledge of World Wide Web(www)

  • Knowledge of HTTP & HTTPS

  • Text editors

  • Doctype coding


  • Table tag

  • TR, TH, TD tags

  • Table attributes

  • Merge cells

  • Split cells

  • Nested tables

  • Collspan & rowspan

  • Table border

  • Cell spacing & cell padding

MODULE- III Website Planning in HTML

  • Content of the website

  • Purpose of website

  • Audience

  • Browser support

  • W3C recommendations


  • Input Type

  • Button

  • Checkbox

  • Radio buttons

  • List menu

  • File field

  • Image field

  • Hidden field

MODULE- V lists in HTML

  • Ordered list

  • Unordered list

  • Definition list

MODULE- I Introduction of CSS

  • Definition of CSS

  • Uses of CSS

  • CSS writing method


  • (#) ID

  • (.) Class

MODULE- III CSS Attributes

  • Background in CSS

  • Text in CSS

  • Size and direction in CSS

  • Positioning in CSS

  • Lists in CSS

  • Drop Down Menu

MODULE- I JavaScript Training

  • Creating functions

  • Calling functions

  • Returning values

  • Variables and Data types

  • Working with methods and properties

  • The JavaScript object hierarchy

MODULE- II JavaScript for navigation

  • Overview of the history and location objects

  • Building a jump menu (a pulldown menu that takes the user to a page based on their selection)

  • Navigating the user to a specific page based on their input in a form

MODULE- III JavaScript for pop-up help

  • Pros and Cons of having JavaScript open another window

  • Generating and sizing a new (child) window via JavaScript

  • Communication between the child window and the parent window

MODULE- IV Advanced form validation with regular expressions

  • Overview of regular expressions as a powerful language for validating form submissions

  • To extract pieces of a string (e.g., the month, day, and year from a date the user has entered)

MODULE- I Getting Started with jQuery

  • Downloading the Most Recent Version of jQuery

  • Using jQuery with Other Libraries

  • Starting Processing When the DOM Tree is Ready

  • jQuery Utility Functions

MODULE- II Forming Wrapped Sets with jQuery Selectors

  • CSS Selectors

  • Hierarchical Selectors

  • Basic Filters

MODULE- III Event-Driven Programming with jQuery

  • Event Helpers

  • Interaction Helpers: toggle() and hover()

  • jQuery Event Objects

MODULE- IV jQuery and Ajax

  • The load() Wrapped Set Method

  • Basic Ajax Requests with $.get() and $.post()

  • Exercising Complete Control with $.ajax()

  • $.getJSON() and $.get Script()

Take the final exam online to complete the Professional Website Designing Training after which you will be able to download your certificate from Attitude Trainings.


How will your training work?



Watch recorded & live videos to learn various concepts & get Live Sessions with Trainer for Doubts Clearing.



Test your knowledge through quizzes & module tests. Take online exam & get instant result.



Get hands on practice by doing assignments and live project



Take the final exam to get certified in Professional Website Designing Training

  • Videos
  • Lectures
  • Exp.

out of 5.0
5 Star 0%
4 Star 0%
3 Star 0%
1 Star 0%

Reviews - 0

Releated Courses

  • 4.7 Reviews
  • 4.7 Reviews
  • 4.7 Reviews
  • 4.7 Reviews
  • 4.7 Reviews
  • 4.7 Reviews
  • 4.7 Reviews

How will your doubts get solved?

You can post your doubts on the Q&A forum which will be answered by the teachers within 24 hours.

100% Placement Assistance

Meet Our Placed Students


Graphic Designer

I Ship Pvt. Ltd.


Graphic Designer

Sca group (targeting unexpected)


Graphic Designing

Growpuffery OPC Pvt Ltd


Graphic Design Intern

growpuffery pvt ltd


Graphics Designing

weon services pvt Ltd


Graphic Designer

Engenious designing pvt ltd


Web Designing

Go Business India


Graphic designer

Shabana Exports & Imports Pvt Ltd


Graphic designer

Shabana Exports & Imports Pvt Ltd


Graphic Designer

UR Media Pvt Ltd

What project will you build?

Project Name
Redesign Instagram App

Design the feed, explore, profile, and other pages of your own Instagram app.

Commonly Asked Questions

There are no prerequisites for this training as it is of beginner level. Everything that you need to know about Professional Website Designing Training would be taught to you from scratch.

You can watch the videos and take quizzes & tests on any device including mobile. However, for assignments and practice, use of desktop or laptop is required.

To do this training, you would need a computer with a minimum 1 GB ram and Windows 8 or later (64 bit).

You can choose your preferred batch date while signing up for the training program and start accordingly.

No, you will be only getting a soft copy of the certificate which you can download and print out if required.

  • You will receive free access to Placement Preparation Training on the platform which covers resume writing, cover letter writing, how to search and apply for internships and jobs on Attitude, and interview preparation. This training comes with a lifetime access meaning you can use it later also if you are not applying for internships or jobs right now.
  • Access to curated internships & jobs related to the training - after completing the training, you would receive a list of handpicked internships or jobs every week that you can apply to as per your preference.
  • If you are a top performer, a badge of achievement will be added to your Attitude resume and shown to the employers when you apply to internships or jobs on Attitude.

While many of our students have found their desired internships or jobs after completing their training, Attitude Trainings does not guarantee an internship or job. However, if you study sincerely (including doing exercises, assignments, and projects) and make good use of our placement assistance feature, it will become easier for you to get a placement using the skills learned in the training.

You could try making the payment from a different card or account (of a friend or family). Otherwise, you can follow the instructions on how to make an offline payment.

The amount deducted will come back to your account within 3-5 working days. This is the normal duration your bank will take to credit the amount back into your account.

₹12500.00 53% Off

Join Thousand of Happy Students!

Subscribe our newsletter & get latest news and updation!