Day 1: Introduction to Web Development • What is Web Development • How the Internet Works (Client–Server, Browser, Server) • Types of Websites (Static vs Dynamic) • Frontend vs Backend vs Full Stack • Overview of Web Technologies • Tools Required (Browser, Code Editor – VS Code) • First HTML Page (Hello World) Day 2: HTML – Basics • Introduction to HTML • Structure of an HTML Document • Basic Tags: • Headings, Paragraphs • Links, Images • Lists (Ordered, Unordered) • HTML Attributes • Creating a Simple Web Page Layout Day 3: HTML – Forms & Tables • Tables (Rows, Columns, Borders) • Forms and Form Elements • Input types (text, email, password, number) • Buttons, Checkboxes, Radio buttons • Labels and Form Validation Basics • Creating a Registration Form Page Day 4: CSS – Introduction & Styling • Introduction to CSS • Types of CSS (Inline, Internal, External) • Selectors and Properties • Colors, Fonts, Text Styling • Backgrounds and Borders • Styling HTML Pages Day 5: CSS – Layout & Responsive Design • Box Model (Margin, Padding, Border) • Display Properties • Positioning (Static, Relative, Absolute) • Flexbox Basics • Responsive Design Concept • Media Queries (Basic) Day 6: JavaScript – Basics • Introduction to JavaScript • Variables and Data Types • Operators • Conditional Statements • Loops • Basic Functions • JavaScript in Web Pages Day 7: JavaScript – DOM & Events • What is DOM • Selecting HTML Elements • DOM Manipulation • Events (Click, Submit, Hover) • Form Validation using JavaScript • Simple Interactive Web Page Day 8: Introduction to Backend Concepts • What is Backend Development • Overview of Server-side Technologies • Introduction to Node.js / PHP (Concept Level) • Basic Idea of Databases • Frontend–Backend Connection Flow • Hosting & Deployment Basics Day 9: Mini Project – Development Mini Project Title: Student Portfolio / Simple Business Website • Project Planning • Designing Pages: • Home • About • Services / Skills • Contact Form • Implementing HTML Structure • Styling with CSS • Adding Interactivity using JavaScript Day 10: Mini Project – Completion & Deployment with Report Submission • Finalizing Project • Code Optimization • Testing Website • Making Website Responsive • Introduction to GitHub • Hosting Website using GitHub Pages • Project Review & Presentation