1: Fundamentals & Structure

a)     Introduction to Web Design:

Understand web design principles, the

process, and the importance of web design. 

b)     HTML Fundamentals:

Learn the basics of HyperText Markup

Language to structure web pages. 

c)      CSS Fundamentals:

Learn Cascading Style Sheets to style and

control the appearance of web elements. 

d)     Graphic Design Tools:

Get hands-on with tools like Adobe Photoshop

or Figma to create visual elements. 

2: Interactivity & Responsiveness

e)     JavaScript Basics:

Add interactive features and dynamic content

to your websites. 

f)      Responsive Web Design:

Learn to make websites adaptable and visually

appealing on various devices (mobile, tablet,

desktop) using techniques like mobile-first

design. 

g)     Web Design Frameworks:

Begin using frameworks like Bootstrap to

accelerate development and create responsive

layouts.

h)     UI/UX Principles:

Learn user interface and user experience

principles to design user-friendly and

accessible interfaces.

3: Advanced Skills & Application

i)       Advanced HTML & CSS:

Explore advanced concepts such as semantic

HTML5 elements, advanced CSS selectors, and

CSS preprocessors. 

j)       Portfolio Development:

Work on live projects to apply all your learned

skills, building a professional portfolio for job

placements.

k)     SEO Basics:

Understand how to optimize your websites for

search engines to improve visibility. 

l)       Version Control:

Get an introduction to version control systems

like Git for managing and tracking code

changes.  

Practical Projects & Assessment

·        Real-World Project

·        Quiz + Practical Assignment

·        Final Assessment & Certification

Practical Projects & Assessment

·        Real-World Project

·        Quiz + Practical Assignment

·        Final Assessment & Certification