Web Designing Training

What is Web Design?

Web Design is the process of developing and maintaining a website or webpage. Websites are the lifeline of Internet as the main purpose of internet is to share information which was provided in websites. Web designing comprises of many different parts such as conceptual design (thematic), Graphics design, writing code (HTML/CSSS/PHP/JS/MySQL), user experience design and search engine optimization. In general, web design is related to the development of front-end (client-side) design of a website. Websites can be developed conventionally with just a notepad (Hand-coded) if you have the proper knowledge and programming skills. Many tools were also developed to design websites with drag-and-drop feature for popular concepts like frames, boxes etc. Recently, online web design tools are also available to create websites anywhere anytime. However, offline website building tools are go-to options of professional web developers who design websites for many clients.

Why to enrol in Web Design course at Trishana technologies?

Because we, Trishana technologies, have a wide range of web design courses from which you can choose the one you wanted to do. However, all our courses include the basics of web designing like conceptual design, requirements of a good front-end and back-end, working of networking and internet protocols etc. For each of our courses, Experts in particular technology are chosen as trainers and every trainer has vast experience and skills. Syllabus for all the courses is meticulously designed to fulfil all the current expectations of the industry. Our study materials and infrastructure are best-in-class and can never be matched by any other institutes. All these exceptional features accompanied with best-ever placement support and 100% job guarantee made our Trishana technologies, the leading No. 1 (Number one) training institute in web designing domain.

Our Web Designing courses Syllabus

Introduction to Web Technologies

  • Introduction to Web Technologies
  • Careers in Web Technologies and Job Roles
  • How the Website Works?
  • Client and Server Scripting Languages
  • Difference between a Web Designer and Web Developer
  • Types of Websites (Static and Dynamic Websites)
  • Web Standards and W3C recommendations

Adobe Photoshop

  • Introduction of Stock Photography
  • Types of Image Graphics
  • Vector Graphics and Tools
  • Scalar Graphics and Tools
  • Introduction to Adobe Photoshop
  • Interface Tour of Photoshop and Palletes
  • Color Modes and Resolution Options
  • File Types in Photoshop
  • Using Photoshop Tools with Realtime Examples
  • Move Tool
  • Marque Tools
  • Lasso Tools
  • Quick Selection / Magic Wand
  • Crop / Slicing Tool
  • Image Manipulation Tools
  • Brushes
  • Patterns
  • Gradients
  • Pen Tool / Shape Tool
  • Text Tool
  • Working with Layers, Grouping and Smart Objects
  • Image Adjustments
  • Layer Masking, Layer Clipping
  • Using Blending Options to create unique effects
  • Analysis Menu
  • View Menu / Window Menu
  • Filter Effects
  • Photoshop Actions
  • Automation Tools
  • Animation using Photoshop
  • Brochure Designing
  • Generating PDF Output
  • Designing a Logo
  • Creating a Business Card
  • Design Banners for Website
  • Realtime Website Layout Design

Hyper Text Markup Language

  • What is Markup Language
  • Basic Structure of HTML
  • Head Section and Elements of Head Section
  • Meta Tags
  • External Link Tags
  • HTML Structure Tags
  • Table Tag
  • Div Tag
  • Frames
  • Content / Media Tags
  • Header Tags
  • Paragraph, Span, Pre Tags
  • Anchor Links and Named Anchors
  • Image Tags / Image Hot Spots
  • Object Tag
  • Iframe Tags
  • Working with Forms
  • Form Tag
  • POST and GET Method
  • Text Input, Text Area, Checkbox, Image Input and Radio
  • Select Option, Option Group
  • Submit Button, Reset Button
  • Relation between HTML Form and PHP
  • Creating a Live Website Form

Cascading Style Sheets

  • Introduction to Cascading Style Sheets
  • Types of Style Sheets (Inline, Internal and External)
  • CSS for Website Layout and Print Layout
  • Types of CSS Selectors
  • Universal Selector
  • Type Selector
  • Class Selector
  • ID Selector
  • Child Selector
  • Descendant Selector
  • Adjacent Sibling Selector
  • Attribute Selector
  • Query Selector
  • Nesting of Selectors
  • CSS properties
  • Type Properties
  • Background Properties
  • Block Properties
  • Box Model Properties
  • List Properties
  • Border Properties
  • Positioning Propeties
  • Properties useful in Realtime Designing
  • Using CSS for Realtime Practical Works
  • Defining the Text Styles
  • Defining the Background Styles
  • Designing a Menu System (Horizontal, Vertical and Drop Down)
  • Custom Form Designing
  • DIV + CSS Layout Design
  • PSD to CSS Conversion
  • CSS Optimization Tips

Adobe Dreamweaver

  • Introduction to Adobe Dreamweaver
  • Dreamweaver Interface Basics
  • Type of Views
  • Defining a Dreamweaver site
  • Benefits of Using Site
  • Creating a Site for Static Project
  • Creating a Site for PHP Project
  • Standard Tool Bar
  • Setting the Dreamweaver for Multiple Browser Output
  • Device Central and Mobile Sites
  • Common Tool Bar
  • Anchor Links / Email Links / Named Anchors
  • Insert Table
  • Insert Divs
  • Inserting Images / Image Hot Spots
  • Inserting Flash / Video
  • Meta Tags
  • Script Tags
  • Layout Tool Bar
  • Inserting Divs
  • Inserting Tables
  • Working with Frames
  • Working with IFrames
  • Text Tags
  • Headings Tag
  • Content Tags
  • Formating Tags
  • Spry Elements
  • Spry Menu Bar
  • Tabbed Panels
  • Accordions
  • Collapsible Divs
  • Forms in Dreamweaver
  • Form Tag
  • Fieldset and Label Tag
  • Input Tags (Hidden, Text, Checkbox, Radio, Image)
  • Select Tag / List Tag / Opt Group
  • Buttons (Submit and Reset)
  • File Type / Encoding Type
  • Sending Mail using PHP
  • Dreamweaver Advanced Concepts
  • Spry Form Validations
  • Snippets Creation
  • FTP Client in DW
  • Dreamweaver Extensions
  • Template Design in Dreamweaver
  • Importing a website design
  • Setting the Editable and Non-Editable Regions
  • Defining the DWT for project.
  • Detaching the Template / Modifying the Template
  • Validating the XHTML & CSS
  • Common Compatibility Issues

Responsive Website Design

  • Mobile Website: Web design is the approach that suggests that design and development should respond to the user behavior and environment based on screen size, platform and orientation.
  • Bootstrap


  • Introduction to CMS
  • Introduction to WordPress
  • Installation of wordpress application
  • Installing a theme
  • Using Dashboard and its components
  • Creating Pages
  • Setting Menu
  • Installing plugins
  • Editing content
  • Customizing Techniques

Web Hosting

  • Web Hosting Basics
  • Types of Hosting Packages
  • Registering domains
  • Defining Name Servers
  • Using Control Panel
  • Creating Emails in Cpanel
  • Using FTP Client
  • Maintaining a Website

SEO Concepts

  • Basics of SEO
  • Importance of SEO
  • Onpage Optimization Basics
  • Offpage Optimization Basics

Live Website Design Project (Realtime Project)

  • Designing a Professional Photoshop Template
  • Conversion of PSD to CSS
  • Design E-Commerce Portal
  • Adding the Contact Form
  • Manual Website Testing

Career Opportunities in Web Designing Domain:

  • Web Developer
  • Graphic and Web Designer
  • Front-end Developer
  • Freelancing or Remote Web Designer
  • UI (user interface) Developer
Available for weekends
and weekdays
Register for Demo