Track
Software Development
Duration
30 hours
Skill Level
Beginner
Language
English
About this Course
Style web content using CSS for layouts, colors, fonts, and responsive design basics.
Learning Mode: Learn at ALC or at Home
Detailed Course Curriculum
Hands-on module breakdown aligned with MKCL production standards and industry requirements.
- Defining block element, inline element
- Block level elements- Part 1
- Block level elements- Part 2
- Inline elements- Part 1
- Inline elements- Part 2
- Assisted demo on: block element
- Assisted demo on: inline element
- DIV and span tag in HTML, Use and attributes of div tag and span tag
- Working with span tag, working with div tag
- What are forms, when forms are used
- Defining form syntax
- Form controls on HTML5: input type=number, range, date/time controls
- Assisted demo of basic form structure
- Input elements of form, Attributes of form
- Form controls on HTML5: input type=color, search, datelist
- Assisted demo on: form controls in HTML5
- new attributes in HTML5: required, disable, autofocus, max-min and steps
- Assisted demo to show new attribute use
- Frame, use of frames in web page
- Disadvantages of frames
- Understanding svg and its advantages
- HTML canvas
- Difference between svg and canvas
- Comparison between SVG and canvas, why svg prefered over other formats
- How to embed svg in HTML page
- svg: rectangle, circle, ellipse, polygon, polyline, path
- svg: stroking, blur effect, shadow effect
- svg: text, linear, radial
- Assisted demo SVG
- Why linking of web pages is required
- What are benefits of linking web pages/websites
- What are hyperlinks
- How to link website to other websites
- How to link different pages of same website within a website
- Use of anchor and href
- How to open a link in a new browser window/tab
- What is absolute and relative link
- Assisted demo in absolute and relative URL
- Understanding HTML style sheet
- Limitations of HTML
- Why to use CSS, HTML webpage with CSS in it demo
- How to use HTML with CSS
- HTML vs CSS
- HTML vs Javascript
- CSS and javascript
- Comparison between HTML and HTML with CSS
- Introduction to HTML5, tags of HTML5
- Advantages of HTML5
- HTML vs HTML5
- Defining attributes and data types
- Attributes of HTML5
- Data Types of HTML5
- Placeholder and attributes of placeholder
- Text: time, mark and presentational
- conditional comments
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 Introduction to CSS & Web Styling Techniques?
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