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
Duration: 120 hours (2 months)
Learning Mode: Center
Jurisdiction: Nationwide
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)
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.
Certification
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 courses 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 an employee or entrepreneur as well as development of the community to which s/he belongs.
Learning methodology:
Step -1: Learners are given an overview of the course and its connection to life and work.
Step -2: Learners are exposed to the specific tool(s) used in the course through the various real-life applications of the tool(s).
Step -3: Learners are acquainted with the careers and the hierarchy of roles they can perform at workplaces after attaining increasing levels of mastery over the tool(s).
Step -4: Learners are acquainted with the architecture of the tool or tool map so as to appreciate various parts of the tool, their functions, utility and inter-relations.
Step -5: Learners are exposed to simple application development methodology by using the tool at the beginner’s level.
Step -6: Learners perform the differential skills related to the use of the tool to improve the given ready-made industry-standard outputs.
Step -7: Learners are engaged in appreciation of real-life case studies developed by the experts.
Step -8: Learners are encouraged to proceed from appreciation to imitation of the experts.
Step -9: After the imitation experience, they are required to improve the expert’s outputs so that they proceed from mere imitation to emulation.
Step-10: Emulation is taken a level further from working with differential skills towards the visualization and creation of a complete output according to the requirements provided. (Long Assignments)
Step-11: Understanding the requirements, communicating one’s own thoughts and presenting are important skills required in facing an interview for securing a work order/job. For instilling these skills, learners are presented with various subject-specific technical as well as HR-oriented questions and encouraged to answer them.
Step-12: 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, from self-expression to self-confidence and from self-confidence to self-reliance and self-esteem!
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
DOM
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
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
YCMOU Mark Sheet
Printed Mark Sheet will be issued by YCMOU on successful completion of Section 1, Section 2 and Section 3 and will be delivered to the learner by MKCL.
YCMOU Mark Sheet will be available only for Maharashtra jurisdiction learners
MKCL's KLiC Certificate
The 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 for the year 2024
For Mumbai, Mumbai Suburb, Thane, Palghar and Raigad District Area under Mumbai Metropolitan Region Development Authority (MMRDA) Region and Revised Fee applicable from February 2024 Batch onwards as mentioned below:
KLiC Courses of 120 Hours:
Mode
Total Fee (Rupees)
Single Instalment (Rupees)
Two Instalments (Rupees)
Single Installment
6000/-
6000/-
N/A
Two Installments
6200/-
3100/-
3100/-
Total fee is including of Course fees, Examination fees and Certification fees
For Thane, Palghar and Raigad District Area comes under (Non-MMRDA): Region: Fee applicable from January 2024 Batch onwards as mentioned below:
KLiC Courses of 120 Hours:
Mode
Total Fee (Rupees)
Single Instalment (Rupees)
Two Instalments (Rupees)
Single Installment
5000/-
5000/-
N/A
Two Installments
5200/-
2600/-
2600/-
Total fee is including of Course fees, Examination fees and Certification fees
For all Districts of Maharashtra (except Mumbai, Mumbai Suburb, Thane, Palghar and Raigad Districts): Fee applicable from January 2024 Batch onwards as mentioned below:
KLiC Courses of 120 Hours:
Mode
Total Fee (Rupees)
Single Instalment (Rupees)
Two Instalments (Rupees)
Single Installment
5000/-
5000/-
N/A
Two Installments
5200/-
2600/-
2600/-
Total fee is including of Course fees, Examination fees and Certification fees
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 Fees of Courses during the year without any prior notice and MKCL shall not be liable to anyone for any such modification/s
