Track
Software Development
Duration
120 hours
Skill Level
Foundation
Language
English
About this Course
The KLiC HTML with CSS Course is designed to provide a comprehensive understanding of web development fundamentals. It covers key topics such as HTML …
Learning Mode: Learn at ALC or at Home
Detailed Course Curriculum
Hands-on module breakdown aligned with MKCL production standards and industry requirements.
- 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
Eligibility Criteria
• Basic knowledge of computers and keen desire to build skills in this field.
• Open to students, job seekers, and working professionals.
• Open to students, job seekers, and working professionals.
Official Certification
• Official MKCL KLiC Certificate upon successful completion of the course and evaluations.
Work-Centric Learning Approach
• 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!
• 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!
Ready to start HTML with CSS?
Join our upcoming batch at ZICA Kalyani center with certified instructors.
Other MKCL Courses
-
Python
120 hours -
Mobile App Development
120 hours -
Advanced C# Programming Techniques
30 hours -
Advanced Concepts of C#
60 hours