Module 1: HTML – Web Structure & Fundamentals

• Introduction to Internet, Websites, and Web Technologies
• Basics of HTML and Document Structure
• Tags, Elements, and Attributes
• Headings, Lists, Links, and Images
• Tables, Forms, and Input Elements
• Embedding Audio, Video, and Iframes
• HTML5 Semantic Tags (Header, Footer, Article, Section)
• Creating Multi-page Websites with Navigation

Outcome: Students will be able to create structured and well-organized web pages using HTML5.

Module 2: CSS – Styling & Layout Design

• Introduction to CSS and its Types (Inline, Internal, External)
• CSS Syntax, Selectors, and Properties
• Colors, Fonts, Backgrounds, and Borders
• Box Model (Margin, Padding, Border, Content)
• Page Layouts with Flexbox and CSS Grid
• Positioning, Alignment, and Display properties
• Hover Effects, Transitions, and Animations
• Responsive Design using Media Queries

Outcome: Students can design attractive, dynamic, and responsive web pages using CSS.

Module 3: Using AI in Web Designing

• Introduction to AI tools for website design and content creation
• Using ChatGPT, Gemini, and Microsoft Copilot for HTML/CSS code generation
• Designing logos, banners, and mockups using AI image tools (Canva, Leonardo AI, DALL·E)
• AI-based website builders: Wix ADI, 10Web, and Framer AI overview
• Automating content, color schemes, and layout generation
• Testing and optimizing websites using AI assistants
• Integrating AI for SEO content and chatbot setup

Outcome: Students learn to use Artificial Intelligence to create professional websites faster, with better design ideas and automation support.