HTML with CSS | MKCL's KLiC

The KLiC HTML with CSS Course is designed to provide a comprehensive understanding of web development fundamentals. It covers key topics such as HTML structure, CSS styling, and JavaScript programming, enabling students to create visually appealing, interactive, and responsive websites. The course also emphasizes practical application through case studies and real-world projects, ensuring learners gain hands-on experience in building and deploying web applications.

Course Features:

Language: English
Track: Software Development
Duration: 120 hours
Level: Foundation
Learning Mode: Learn at ALC or Learn at Home
Jurisdiction: Maharashtra
Certificate of Completion

Eligibility

Learner should preferably a std. 10th Pass student (Not Compulsory)
It is desirable that Learner should have done MS-CIT Course (Not Compulsory)

List of ALCs

What you'll learn ?

The objective of this course is to provide a comprehensive understanding of web development fundamentals. It covers the basics of HTML, CSS, and JavaScript, equipping learners with the skills to create, style, and enhance interactive web pages. The course emphasizes hands-on practice, teaching advanced techniques like responsive design, animations, scripting, and web hosting, preparing participants to develop modern, functional websites.

HTML Proficiency: Understand and apply core HTML concepts, including tags, elements, attributes, forms, tables, multimedia, and advanced HTML5 features.
CSS Styling: Master CSS for styling and formatting web pages, including layout design, animations, transformations, and advanced features like flexbox and grid.
JavaScript Fundamentals: Gain basic programming skills with JavaScript, covering functions, loops, object-oriented programming, and form validation.
Web Development Integration: Learn how to integrate HTML, CSS, and JavaScript to build interactive and visually appealing web applications.
Advanced Web Techniques: Explore advanced concepts like DOM manipulation, cookies, responsive design, and working with GitHub for web hosting.
Practical Application: Apply knowledge through case studies and real-world projects, enhancing problem-solving and development skills.
Development Tools: Use DevTools effectively for debugging and optimizing web pages.

Syllabus

Introduction to Internet
Communication over Internet

Introduction to Website
Web Hosting Process

Fundamentals of HTML
HTML Structure
Basic HTML Page Structure
HTML Tags Basics

Basic HTML Tags
Types of HTML Tags

HTML Phrases
Types of Phrase Tags

HTML Elements
HTML Attributes

Introduction to Formatting
HTML Formatting

Fundamental of Meta Tag
Working with Meta Tag

Image Tag
Clickable Images
Images in HTML

Introduction to Links
Working with HTML Links

Multimedia
Audio and Video in HTML
More about Multimedia

Introduction to List
Types of Lists

Table Fundamentals
Properties and Attributes of Table

Introduction to Block Element
DIV Tag and Span Tag

Introduction to Form
Working with Form

Frames and Use of Frames in Webpage
Framesets and Nested Framesets
Links between Frames
Working with Iframes

Page Layout Elements I
Page Layout Elements II
Assisted Demo on Layout Elements

SVG Basics
Working with SVG

Coding Links
Hyperlinks
More Information on Links in HTML

HTML Styling
HTML with CSS
HTML with JavaScript
CSS with JavaScript
Comparison between HTML and HTML with CSS

HTML5
Advanced HTML

Introduction to CSS Part 1
CSS Cheat Sheet

Loading CSS Part-1
Loading CSS Part-2

Element, Class, and ID Selector
CSS Combinators
Pseudo-Class Selectors
Pseudo-Element Selectors
Assisted Demo on CSS Selectors

CSS Color
Other Options

CSS Background

CSS Border
CSS Margin

CSS Display Positioning

Introduction to Padding
Padding of a Webpage

CSS Height
CSS Width

CSS FlexBox

CSS Box Model

Text Formatting in CSS
Text Alignment and Text Indent in CSS
CSS Text Decoration
CSS Color Property for Text
CSS Text-Shadow Property
CSS Letter-Spacing Property
Assisted Demo of Formatting Text using CSS
Assisted Demo on Decoration and Transformation

CSS List Properties

CSS in Animation and CSS Grid

DevTools Introduction
Working with DevTools

Advanced CSS
Case Study

HTML and CSS Integration
Showcase
About
Features
Services
Pricing
Footer

Introduction to Scripting Language
Understanding JavaScript

JavaScript Part 1
JavaScript Part 2

Data Types, Literals, and Variables
Array

JavaScript- Operator and Expression

Fundamentals of Loops
Loop Structure

JavaScript- Loops
Flowchart

Introduction to Functions
Types of Functions
Function Parameters

Advanced Functions in JavaScript

Introduction to Dialog Box
Types of Dialog Box

Class
Object
Class Attributes

Form Object Introduction
Form Element and Method
Built-in and User Defined Object

CSS Form Elements
JavaScript Reflex and Methods of JavaScript Reflex Object

Introduction to Cookies
JavaScript Cookie

Manipulation

JavaScript OOPs Concept

Inheritance
Polymorphism

Abstraction Introduction
Encapsulation
Abstraction and Encapsulation

Form Validation

Introduction to Libraries

Advanced JavaScript

Introduction to GitHub
Working in GitHub

Certificate 120 hrs

KLiC courses are recognised by Yashwantrao Chavan Maharashtra Open University (YCMOU).
MKCL provides certificate to the KLiC learner after his/her successful course completion.
Yashwantrao Chavan Maharashtra Open University (YCMOU) provides mark sheet to successfully passed KLiC learners (Jurisdiction: Maharashtra).

Academic Approach

The Academic Approach of the course focuses on the “work centric” education i.e. begin with work (and not from a book !), derive knowledge from work and apply that knowledge to make the work more wholesome, useful and delightful. The ultimate objective is to empower the Learner to engage in socially useful and productive work. It aims at leading the learner to his/her rewarding career as well as development of the society.

Learning methodology

Learners are given an overview of the course and its connection to life and work.
Learners are then exposed to the specific tool(s) used in the course through the various real-life applications of the tool(s).
Learners are then acquainted with the careers and the hierarchy of roles they can perform at workplaces after attaining increasing levels of mastery over the tool(s).
Learners are then acquainted with the architecture of the tool or Tool Map so as to appreciate various parts of the tool, their functions and their inter-relations.
Learners are then exposed to simple application development methodology by using the tool at the beginner’s level
Learners then perform the differential skills related to the use of the tool to improve the given ready-made outputs.
Learners are then engaged in appreciation of real-life case studies developed by the experts.
Learners are then encouraged to proceed from appreciation to imitation of the experts.
After imitation experience, they are required to improve the expert’s outputs so that they proceed from mere imitation to emulation.
Finally, they develop the integral skills involving optimal methods and best practices to produce useful outputs right from scratch, publish them in their ePortfolio and thereby proceed from emulation to self-expression.

Evaluation Pattern

Evaluation Pattern of KLiC Courses consists of 4 Sections as per below table:

Section No.	Section Name	Total Marks	Minimum Passing Marks
1	Learning Progression	25	10
2	Internal Assessment	25	10
3	Final Online Examination	50	20
	Total	100	40
4	SUPWs (Socially Useful and Productive Work in form of Assignments)	5 Assignments	2 Assignments to be Completed & Uploaded

MKCL’s KLiC Certificate will be provided to the learner who will satisfy the below criteria:

Learners who have successfully completed above mentioned 3 Sections i.e. Section 1, Section 2 and Section 3
Additionally, learner should have completed Section 4 (i.e. Section 4 will comprise of SUPWs i.e. Socially Useful and Productive Work in form of Assignments)
- Learner has to complete and upload minimum 2 out of 5 Assignments

KLiC Courses Fee Structure from 01 July, 2025 Onwards

KLiC 120 hour course fee applicable from 01 July, 2025 all over Maharashtra

KLiC Course Duration	MFO: MKCL Share (Including 18% GST)	ALC Share (Service Charges to be collected by ALC)	MKCL Certificate	YCMOU Marksheet
120 hours (Without YCMOU Marksheet)	Rs. 1,000/-	Rs. 5,000/-	Available	Not Available
120 hours (With YCMOU Marksheet)	Rs. 1,118/-	Rs. 5,000/-	Available	Available

Important Points:
* Above mentioned fee is applicable for all Modes of KLiC Courses offered at Authorised Learning Center (ALC) and at Satellite Center
* Total fee is including of Course fees, Examination fees and Certification fees
* MKCL reserves the right to modify the Fee anytime without any prior notice

KLiC Courses Fee Structure upto 30 June, 2025

From 01 January 2025 onwards, the fees for all KLiC courses in ALCs of Mumbai Metropolitan Regional Development Authority (MMRDA), Pune Metropolitan Regional Development Authority (PMRDA) and Rest of Maharashtra will be applicable as shown in the table below:

KLiC Courses of 120 Hours:

Mode	Total Fee (Rupees)	Single Installment (Rupees)	Two Installments (Rupees)
Single Installment	6000/-	6000/-	N/A
Two Installments	6200/-	3100/-	3100/-