DIPLOMA IN WEB DESIGNING (1 YEAR)

Diploma in Web Designing (1 Year)

🧾 Subject-Wise Syllabus

🌐 1. Fundamentals of Web Design & Internet Technologies

• History and evolution of the web
• Understanding domain names, hosting, and DNS
• Static vs. dynamic websites
• Web browsers and rendering engines
• Introduction to web design principles (color, typography, layout)

🧱 2. HTML (HyperText Markup Language)

• History and versions (HTML4 to HTML5)
• Structure of an HTML document
• Text formatting, lists, tables, forms
• Semantic HTML tags
• Multimedia integration: images, audio, video

🎨 3. CSS (Cascading Style Sheets)

• Introduction to CSS and its evolution (CSS1 to CSS3)
• Selectors, properties, and values
• Box model, margins, padding, borders
• Flexbox and Grid layout systems
• Responsive design with media queries
• Animation and transitions

🖱 4. JavaScript – Basic Scripting

• Evolution of JavaScript in web development
• Variables, data types, operators
• Functions, events, and conditionals
• DOM manipulation basics
• Form validation and user interaction

🧩 5. Responsive Web Design (RWD)

• Mobile-first vs. desktop-first design
• Viewports, breakpoints, fluid grids
• Responsive images and media
• Bootstrap framework introduction (v5 preferred)
• Accessibility (A11Y) basics

🧰 6. Design Tools & UI/UX Concepts

• Introduction to Adobe XD / Figma / Sketch
• Wireframing and prototyping
• Layout design and visual hierarchy
• UX principles: usability, navigation, interactivity
• UI trends and user-centered design

🔧 7. Web Hosting, Domains & Deployment

• FTP and file managers
• cPanel basics
• Purchasing and managing domain names
• Uploading a website to a live server
• Introduction to GitHub Pages and Netlify (free hosting)

🔐 8. Basic SEO & Web Optimization

• What is SEO? History and evolution
• Meta tags, alt text, and semantic structure
• Image and code optimization
• Intro to Google Search Console and Analytics
• Page speed tools and best practices

🛠 9. Capstone Project & Portfolio Development

• Plan and design a fully responsive website
• Incorporate HTML, CSS, JavaScript, UI/UX best practices
• Hosting and launching the website
• Portfolio creation for job/freelance use
• Presentation + viva voce