What is the eligibility to join the course?

The candidates with the Senior Secondary Certification can opt for this course.

Do you provide certifications?

After the completion of your course from our institute, you will get the certification of achievement/appreciation post.

How do I learn Web Designing?

We will help you learn about basic programming languages such as CSS, JavaScript, PHP, and HTML. Once you are done with them, we will help you create dynamic websites using MySQL and PHP. Practice on Adobe Illustrator.

Are the trainers teaching at Croma Campus are professionals in this field?

Our trainers have nearly a decade of experience in the field of Web Designing and have been providing high-quality education to students for years.

What is the registration deadline for the course?

There’s no specific registration deadline for the course. So enroll fast, enroll now!!

Home /Frontend Development/ Web Designing Training Program

Master key concepts of web designing. Enroll today to learn from a skilled web designer.

4.9 out of 5 based on 21568 votes

4.2/5

4.8/5

4.6/5

4.3/5

4.5/5

Course Duration

32 Hrs.

Live Project

3 Project

Certification Pass

Guaranteed

Training Format

Live Online /Self-Paced/Classroom

Watch Live Classes

GUIDE ME

Speciality

500+

Professionals Trained

Batches every month

20+

Countries & Counting

100+

Corporate Served

CURRICULUM REAL STORIES PROJECTS COURSE FEE SELF-ASSESSMENT ACTIVITIES PLACEMENTS practice tests ENROLL NOW

CURRICULUM & PROJECTS

Web Designing Training Program

HTML

What is HTML

What is a Web Browser

What are Versions of HTML

What can you Do with HTML

HTML Development Environments

Writing Code with a Text Editor

Review of HTML Elements

Rules of Syntax

Making your Code Readable

Making your Code XHTML Compliant

Building a Document

Using Colors

Adding Color to your Page

Using Headings

Using Paragraphs

Aligning Block-Level Elements

Inserting Spaces and Line Breaks

Displaying Preformatted Text

Formatting with Inline Elements

Controlling Fonts

Introducing List Elements

Creating Unordered Lists

Creating Ordered Lists

What is an HTML Table

Building a Table

Cell Padding and Cell Spacing

Controlling Table and Cell Width

Aligning a Table on the Page

Aligning Tables and Text

Aligning Table Data

Spanning Columns and Rows

Creating a Hyperlink

Understanding and Using URLs

Linking to a Web Document

Linking to a Local Document

Linking to Anchors

Opening a New Browser Window

Image Formats

Inserting Inline Images, Image Map, Sprite Image

Aligning and Formatting Images

Using Images to Anchor Links

Creating a Look-and-Feel

Sizing Images

Using Transparent Images

Using GIF Animation

Forms and Controls

Forms and Form Elements

Form Actions, Form Methods, Form Design

Get full course syllabus in your inbox

Introduction

Laying out a page with HTML5

Page Structure

New HTML5 Structural Tags

Page Simplification

Html 5 - How we got here

New Features of HTML5

The HTML5 Spec(s)

Current State of Browser Support

Sections and Articles

The section Tag

The article Tag

Outlining

Accessibility

Html5 Audio and Video

Supported Media Types

The audio Element

The video Element

Html5 Forms

New Input Types

Html5 New Form Attributes

autocomplete

novalidate

Html5 New Form Field Attributes

required

placeholder

autofocus

autocomplete

form

pattern

HTML 5 - How we got here

New Features of HTML5

The HTML5 Semantic Element

Current State of Browser Support

SECTIONS AND ARTICLES

The section Tag

The article Tag

The header Tag

The Footer Tag

Get full course syllabus in your inbox

Introduction of CSS

CSS Syntax

CSS Comments

CSS Types

Inline

Internal

External

CSS Selector

Class

Attribute

Grouping

Universal

CSS Color

RGB Value

Hex Value

Color Name

Background

background-color

background-repeat

background-attachement

background position

background-size

background-image

CSS Margin

Margin-top

Margin-bottom

Margin-left

Margin-Right

CSS Padding

Padding -top

Padding -bottom

Padding -left

Padding Right

Outline

Outline-style

Outline-color

Outline Width

Outline-Offset

Outline Shorthand Property

CSS Height and Width

CSS Display properties

CSS Position Properties

CSS Overflow

CSS Float and Clear

Pseudo Class and Element

Get full course syllabus in your inbox

Introduction to CSS 3

Border

border-radius

CSS Shadows

Text-shadow

Box-shadow

Transitions

transition

transition-delay

transition-duration

transition-property

2D Transforms

transform

matrix ()

translate (x, y)

scale (x, y)

rotate(angle)

skew (x-angle, y-angle)

Animations

@keyframes

animation

animation-direction

animation-duration

animation-name

Selectors

CSS combinations

Pseudo Elements

Gradients

Linear Gradients

Radial Gradients

User Interface

resize

box-sizing

outline-offset

CSS Filters

Blur

Opacity

Media Query

What is Responsive Web Design

Intro to the Viewport

The Viewport Tag

Media Queries

Tablet Styles

Mobile Styles

Making a Mobile Drop-down Menu

Web Fonts

@font-face

font-family

font-stretch

font-style

font-weight

Flexbox

flex-grow

flex-shrink

flex-basis

flex

flex-wrap

flex-direction

flex-flow

justify-content

align-items

order

Get full course syllabus in your inbox

Introduction to JavaScript

Syntax

Statements

Comments

Enabling in various browsers Popup Boxes

Alert

Confirm

Prompt

Variables

Operators

Arithmetic

Assignment

Comparison

Logical

Relational

Ternary

Conditional Statements

If else

if...else if...else

nested if

Switch

Loops

While

do...while

for...in Statement

Break

Continue

Functions

User-defined Functions

Function Syntax

Function with Arguments

Returning Values from Functions

Built-in Functions

Events

Introduction

Mouse

Events

Keyboard Events

Form Events

Document/Window Events

Built-in Objects

Number

Strings

Math

Array

Date

Boolean

Reg exp use in form validation

Get full course syllabus in your inbox

Getting Started with jQuery

Selecting Elements

Manipulating the Page

Traversing the DOM and Chaining

Handling Events

Enhancing with Animation Effects

JQuery Hide/show

jQuery toggle()

jQuery Slide method

jQuery Fade method

jQuery stop()

jQuery Callback and Chaining

jQuery text(),html() and val()

jQuery css()

jQuery addClass(),removeClass(),toggleClass()

jQuery Best Practices

Get full course syllabus in your inbox

Introduction

Introduction of Bootstrap

What needs for Bootstrap

Our First Web Page

What's Inside

Scripts and Styles

Bootstrap CDN Link

Summary

Layout with Bootstrap

Introduction

Grid Layouts

Simple Layout

Fixed Grids

Responsive Design

Responsive Utilities

Summary

Everyday Bootstrap

Introduction

Typography

Tables

Forms

Buttons

Images and Icons

Summary

Bootstrap Component

Introductions

Drop down Menu

Buttons with Menus

Tabs and Pill

The Navbars

Badges

Summary

Bootstrap and JavaScript

Introduction

More Buttons

Modals

Tooltips and Popovers

Carousel

Summary

Get full course syllabus in your inbox

+ More Lessons

Course Design By

Nasscom & Wipro

Course Offered By

Croma Campus

Real

Stories

success

inspiration

Abhishek

career upgrad

Upasana Singh

career upgrad

Shashank

career upgrad

Abhishek Rawat

career upgrad

Course Duration

32 Hrs.

Know More...

Weekday1 Hr/Day

Weekend2 Hr/Day

Training ModeClassroom/Online

Flexible Batches For You

05-Jul-2025*
Weekend
SAT - SUN
Mor | Aft | Eve - Slot

07-Jul-2025*
Weekday
MON - FRI
Mor | Aft | Eve - Slot

09-Jul-2025*
Weekday
MON - FRI
Mor | Aft | Eve - Slot

05-Jul-2025*
Weekend

SAT - SUN

Mor | Aft | Eve - Slot

07-Jul-2025*
Weekday

MON - FRI

Mor | Aft | Eve - Slot

09-Jul-2025*
Weekday

MON - FRI

Mor | Aft | Eve - Slot

Course Price :

For Indian

10,000 9,000 10 % OFF, Save 1000

Expires in: 00D:00H:00M:00S

Program fees are indicative only* Know more

SELF ASSESSMENT

Learn, Grow & Test your skill with Online Assessment Exam to
achieve your Certification Goals

Get exclusive
access to career resources
upon completion

Mock Session

You will get certificate after
completion of program

LMS Learning

You will get certificate after
completion of program

Career Support

You will get certificate after
completion of program

Showcase your Course Completion Certificate to Recruiters

Training Certificate is Govern By 12 Global Associations.
Training Certificate is Powered by “Wipro DICE ID”
Training Certificate is Powered by "Verifiable Skill Credentials"

in Collaboration with

Not Just Studying

Name: Web Designing Training Program
Item: Web Designing Training Program
Rating: 4.90

We’re Doing Much More!

Empowering Learning Through Real Experiences and Innovation

Career Transition

Career Gap

Placement Activities

Placement Drives

Latest Hiring

Whats App Reviews

Mock Interviews

Prepare & Practice for real-life job interviews by joining the Mock Interviews drive at Croma Campus and learn to perform with confidence with our expert team.Not sure of Interview environments? Don’t worry, our team will familiarize you and help you in giving your best shot even under heavy pressures.Our Mock Interviews are conducted by trailblazing industry-experts having years of experience and they will surely help you to improve your chances of getting hired in real.

How Croma Campus Mock Interview Works?