All-Course

Web Design training

Web Design Overview

Web designing is the process of developing creative, user interactive, elegant and responsive web layouts for users. In this course we teach you about HTML5, CSS3, jQuery, Javascript and Bootstrap. As a web designer you need to develop a responsive and creative website layout that can attract users of website.

what we offer

  • Classroom Training

  • Online Training

  • Corporate Training

  • Weekend Training

  • One to One Training

  • Final Year Project Training

our training inclueds

  • Theory & Practical Session

  • Real-time Practice

  • Exclusive Materials

  • Course Completion Certificate

  • Support

  • Job Assistance

Web Design Training Course Content

    Introduction
  • History of HTML

  • What is Tag?

  • What is Element?

  • HTML Tag vs. Element

  • What is Attribute?

  • What’s Different in HTML5?

    Basic document structure
  • HTML Tag

  • Head Tag

  • Title Tag

  • Body Tag

    Text Formatting Tag
  • B Tag

  • U Tag

  • I Tag

  • SMALL Tag

  • MARK Tag

  • DEL Tag

  • SUP Tag

  • SUB Tag

    HTML Link
  • What is Link?

  • Anchor tag

  • Text Link

  • Image Link

  • Opening a Page in a New Tab

    HTML List
  • Order list

  • Unordered list

  • Type Attribute

  • Nested List

    Introduction
  • What is CSS?

  • Importance of CSS in Web Development

  • How To Implement CSS

    Types of Style sheets
  • External Style sheet

  • Internal Style sheet

  • Inline Style sheet

    CSS selectors
  • The Element Selector

  • The Id Selector

  • The Class Selector

    CSS Background
  • Background Color

  • Background Image

  • Background Repeat

  • Background Attachment

  • Background Position

    CSS Border
  • Border Style

  • Border Width

  • Border Color

    CSS Outline
  • Outline Style

  • Outline Color

  • Outline Width

  • Outline Offset

    CSS Text
  • Text Color

  • Text Alignment

  • Text Decoration

  • Text Transformation

  • Text Indent

  • Letter spacing

  • Word spacing

  • White space

  • Line-height

  • Font-family

  • Font Size

  • Font Style

  • Font Variant

  • Font Weight

  • Shadowing

    CSS Box Model
  • What is a box model?

  • Margin

  • Padding

  • Border

  • Content

    CSS List
  • List Style Type

  • List Style Images

  • List Style Position

  • List Style

    CSS Table
  • Borders

  • Collapsed Borders

  • Table Width and Cell Height

  • Table Color

  • Table Padding

  • Text Align

  • Vertical Align

    CSS positioning
  • Relative Positioning

  • Absolute Positioning

  • Fixed Positioning

  • Static Positioning

  • Sticky Positioning

    Introduction
  • What is JavaScript?

  • JavaScript in Action!

  • How JavaScript Is Executed

    Javascript Programming Basics
  • Javascript Variables

  • Math Operators

  • Operator Precedence

  • IF Statements

  • IF ... Else

  • Comparison Operators

  • Logical Operators

  • Switch Statements

  • Javascript For Loops

  • Javascript While Loops

    Arrays and Functions
  • Javascript Arrays

  • Javascript Functions

  • Function Arguments

  • Variable Scope

  • More on Functions

    Javascript String Manipulation
  • Changing Case

  • Javascript indexOf

  • charAt

  • substr

  • split and join in Javascript

    Dates and Times
  • Javascript Dates and Times

  • Customised Dates

    Js DataTypes
  • string

  • number

  • boolean

  • null

  • undefined

    Javascript and HTML Forms
  • Javascript and Forms

  • getElementById

  • Email Function

  • Radio Buttons

  • Dropdown Lists

  • Checkboxes

  • Validating Forms

    JavaScript Operators
  • Arithmetic Operators

  • Assignment Operators

  • String Operators

  • Comparison Operators

  • Logical Operators

  • Type Operators

  • Bitwise Operators

    Introduction
  • What is jQuery?

  • Why jQuery?

  • Adding jQuery to Your Web Pages

  • jQuery Syntax

  • Hot To Download jQuery

    jQuery Selectors
  • element Selector

  • id Selector

  • class Selector

    jQuery Event
  • What are Events?

  • jQuery click Event

  • jQuery dblclick Event

  • jQuery mouseenter Event

  • jQuery mouseleave Event

    jQuery Effects
  • Hide and Show

  • Fading

  • Sliding

  • Animation

  • Stop Animations

  • Callback Functions

  • Chaining

    jQuery With HTML
  • jQuery Get

  • jQuery Set

  • jQuery Add

  • jQuery Remove

  • jQuery Get and Set CSS Classes

  • jQuery css Method

  • jQuery Dimensions

    jQuery Traversing
  • jQuery Ancestors

  • jQuery Descendants

  • jQuery Siblings

  • jQuery Filtering

    Introduction
  • What is Bootstrap?

  • Bootstrap 3 vs. Bootstrap 4

  • Why Use Bootstrap?

  • Where to Get Bootstrap 4?

  • First Web Page With Bootstrap 4

    Types Of Containers
  • container

  • container-fluid

    Bootstrap 4 Grids
  • Grid Classes

  • Structure of Bootstrap Grid

  • Three Equal Columns

  • Responsive Columns

  • Two Unequal Responsive Columns

    Bootstrap Typography Class
  • font-weight-bold

  • font-italic

  • font-weight-light

  • text-left

  • text-center

  • text-right

  • text-justify

  • text-monospace

  • text-lowercase

  • text-reset

  • text-uppercase

  • text-capitalize

    Bootstrap 4 Colors
  • text-muted

  • text-primary

  • text-success

  • text-info

  • text-warning

  • text-danger

  • text-secondary

  • text-white

  • text-dark

    Bootstrap 4 Tables
  • Bootstrap 4 Basic Table

  • Striped Rows

  • Bordered Table

  • Hover Rows

  • Black/Dark Table

  • Dark Striped Table

  • Borderless Table

    Bootstrap 4 Images
  • Bootstrap 4 Image Shapes

  • Rounded Corners

  • Circle

  • Thumbnail

    Bootstrap 4 Buttons
  • btn-primary

  • btn-secondary

  • btn-success

  • btn-info

  • btn-warning

  • btn-danger

  • btn-dark

  • btn-light

  • btn-link

    Bootstrap 4 Cards
  • Cards

  • Basic Card

  • Header and Footer

  • Contextual Cards

  • Card Images

  • Stretched Link

  • Card Image Overlays

    Bootstrap 4 Dropdowns
  • Basic Dropdown

  • Dropdown Divider

  • Dropdown Header

  • Disable and Active items

  • Dropdown Position

  • Dropdown Menu Right

  • Dropup

  • Dropdown Text

    Join Us To Learn More
  • Convert template layout into Bootstrap to make it responsive.

  • BootStrep

  • PSD To HTML

  • Implement flash Presentation as per the Project requirement

  • Flash Embedded in HTML

  • Flash Motion

  • Flash Button

  • Flash with Sound and Animation

  • Introduction Graphics

  • Color Scheme

  • Visual communication,

  • laws of design,

  • Illustrations

  • Tools

  • Vector design,

  • vector v/s Rastor

  • creating Vectors,

  • visiting card

  • Photoshop

  • Tools

  • Styles

  • Adjustments

  • Layers, Animation

  • Template designing with Project

Training-Certificate

Frequently Asked Questions

  • Sure,you can attend free demo lectures.
  • Yes, You Can Pay Fees Via EMI.
  • Yes. On every Saturday and alternate Sunday morning I have batches for developers who want to learn on weekend.
  • Yes,We will give a Certificate.
  • Sure we can adjust training session as per your requirement.
Depple Whatsapp Contact No