₹6,000 ₹20,000

Course Includes

Duration2 Months
Enrolled0
Lectures2
Videos0
Notes0
CertificateYes

What you'll learn

Module 1: Introduction to Web Development

Introduction to Internet and World Wide Web
Website, webpage and web browser
Front-end and back-end concepts
Introduction to HTML and CSS
Setting up a web development environment
Introduction to Visual Studio Code
Creating and running a basic webpage

Module 2: HTML Basics

HTML document structure
HTML tags and elements
Attributes
Headings and paragraphs
Text formatting
Comments
Line breaks and horizontal lines
HTML entities

Module 3: Links, Images & Multimedia

Hyperlinks and navigation
Internal and external links
Adding images
Image attributes
Audio and video
Embedding content
iframe
Creating navigation menus

Module 4: HTML Lists & Tables

Ordered lists
Unordered lists
Description lists
Creating tables
Table rows and columns
Table headings
Colspan and rowspan
Table formatting
Practical table-based webpage

Module 5: HTML Forms

Introduction to forms
Text input
Password and email fields
Radio buttons
Checkboxes
Dropdown lists
Textarea
Submit and reset buttons
Form validation attributes
Creating registration and contact forms

Module 6: HTML5 & Semantic Elements

Introduction to HTML5
Header and footer
Navigation
Section and article
Main and aside
Figure and figcaption
Semantic vs. non-semantic elements
Creating structured webpages

CSS – Cascading Style Sheets

Module 7: CSS Fundamentals

Introduction to CSS
Advantages of CSS
CSS syntax
Inline CSS
Internal CSS
External CSS
Selectors
Class and ID selectors
Comments
Basic styling

Module 8: Text, Fonts & Colors

Font properties
Text formatting
Text alignment
Line height and spacing
Colors
Background colors
Background images
Borders
Border radius
Shadows

Module 9: CSS Box Model & Layout

CSS Box Model
Content, padding, border and margin
Width and height
Display property
Position property
Float and clear
Overflow
Creating webpage layouts

Module 10: Flexbox, Grid & Responsive Design

Introduction to Flexbox
Flex containers and items
Alignment and spacing
Introduction to CSS Grid
Rows and columns
Responsive webpage design
Media queries
Mobile-friendly layouts
Navigation bars
Buttons and cards

Practical Projects

Personal Profile Website
Student Registration Form
Institute/Training Centre Website
Restaurant Website
Portfolio Website
Business Landing Page
Responsive Website using HTML & CSS

Show More

Course Syllabus

Module 1: Introduction to Web Development

Introduction to Internet and World Wide Web
Website, webpage and web browser
Front-end and back-end basics
Introduction to HTML and CSS
Web development tools and code editors
Creating and viewing a webpage
Basic website structure

Module 2: HTML Fundamentals

HTML syntax and document structure
<!DOCTYPE>, <html>, <head> and <body>
HTML tags and attributes
Headings and paragraphs
Line breaks and horizontal lines
Text formatting tags
Comments
Special characters and entities

Module 3: Links, Images & Lists

Creating hyperlinks
Internal and external links
Email and telephone links
Adding images
Image attributes
Ordered lists
Unordered lists
Description lists
Creating navigation links

Module 4: HTML Tables

Creating tables
Rows and columns
Table headings and data cells
rowspan and colspan
Table borders and alignment
Basic table styling
Creating practical data tables

Module 5: HTML Forms

Introduction to forms
Text fields
Password fields
Radio buttons
Checkboxes
Dropdown lists
Textarea
Submit and reset buttons
Form labels
Basic form validation
Creating registration and enquiry forms

Module 6: HTML5

Introduction to HTML5
Semantic elements
Header, navigation, section and footer
Article and aside
Audio and video
iframe
HTML5 form input types
Basic webpage structure using HTML5

CSS

Module 7: Introduction to CSS

Introduction to Cascading Style Sheets
Advantages of CSS
Inline CSS
Internal CSS
External CSS
CSS syntax
CSS comments
CSS selectors
Class and ID selectors

Module 8: CSS Text, Colors & Backgrounds

Text properties
Font properties
Font family and font size
Text alignment
Text decoration
Line height and spacing
Colors
Background colors
Background images
Borders and border radius
Shadows

Module 9: CSS Box Model & Layout

CSS Box Model
Width and height
Margin and padding
Border
Display property
Block and inline elements
Positioning
Float and clear
Overflow
Basic webpage layouts

Module 10: Flexbox, Grid & Responsive Design

Introduction to Flexbox
Flex direction and alignment
Flex containers and items
Introduction to CSS Grid
Rows and columns
Grid layouts
Responsive web design
Media queries
Mobile-friendly websites
Navigation menus
Buttons and cards

Practical Projects

Personal Profile Webpage
Student Registration Form
Resume/CV Webpage
College/Institute Website
Business Website
Product Landing Page
Responsive Portfolio Website
Final Project: Complete responsive website using HTML5 and CSS3

Eligibility

Who can apply for this course

UPTO 5TH

Course Fees

Course Fees

:

₹20000/-

Discounted Fees

:

₹ 6000/-

Course Duration

:

2 Months

Review

0.0

Course Rating (0 reviews)

0%

0%

0%

0%

0%

Featured review

No reviews yet. Be the first to review this course!

Copyright © 2026 DITRP INDIA. All Rights Reserved

Review