Jazila IT Services.: Where Passion Meets Precision in Computer Training.

Call Anytime 24/7
+91 98111 50856
Mail Us For Support
info@jazilaitservices.com
Office Address
321, Batla House, Okhla,
New Delhi, Delhi 110025

Web Designing

  • Home
  • Web Designing
Core Java Programming

Web Designing

  • Mode: Online / Offline
  • Duration: 3 Months
  • Tools Used: VS Code, Chrome Dev Tools
  • Technologies Covered: HTML5, CSS3, JavaScript, Bootstrap 5

Course Overview

This Web Designing course trains learners to create visually appealing, responsive, and user-friendly websites. It covers core technologies such as HTML, CSS, basic JavaScript, and modern design principles. The program focuses on practical projects to build real websites from scratch. It is ideal for beginners, students, and aspiring designers who want to start a career in web design.

Course Modules

Month 1: HTML – CSS Fundamentals

Week 1 – Introduction to Web Development

  • What is web design & how websites work
  • Client-side vs Server-side
  • Overview of HTML, CSS, JS
  • Setting up VS Code & Live Server

Week 2 – HTML5 - Structure & Tags

  • Basic structure of HTML document
  • Headings, paragraphs, lists
  • Images, links, tables
  • Forms and input types

Week 3 – CSS3 Basics

  • CSS Syntax & Selectors
  • Internal, Inline, External CSS

  • Box Model, Margin, Padding, Borders
  • Text styling and alignment

Week 4 – CSS Layout Techniques

  • Display types: block, inline, inline-block
  • Flexbox Introduction
  • Position: static, relative, absolute, fixed
  • Responsive units: %, em, rem, vh

Month 2: Advanced CSS – Bootstrap

Week 5 – Advanced CSS Topics

  • Transitions, transforms, animations
  • CSS pseudo-classes & pseudo-elements
  • Media queries for responsive design
  • Custom fonts and Google Fonts

Week 6 – Introduction to Bootstrap 5

  • What is Bootstrap and why use it?

  • Bootstrap grid system

  • Typography, Buttons, Colors

  • Containers and layout building

Week 7 – Bootstrap Components

  • Navbars, Cards, Modals, Alerts
  • Forms with Bootstrap
  • Carousels, Collapse, Tabs
  • Bootstrap utilities (spacing, sizing, shadows)

Week 8 – Responsive Web Design

  • Mobile-first approach
  • Breakpoints and responsiveness
  • Combining CSS + Bootstrap
  • Building responsive page layouts

Month 3: JavaScript – Final Website Project

Week 9 – JavaScript Basics

  • Introduction to JavaScript
  • Variables, Data Types
  • Operators, Conditionals
  • Functions and Events

Week 10 – DOM Manipulation

  • What is the DOM
  • Accessing HTML elements via JS
  • Event handling (onclick, onchange, etc.)
  • Real-time form validation

Week 11 – Final Project - Planning & Layout

  • Website planning (wireframe/mockup)
  • Setup project folder structure
  • Build homepage, navbar, footer
  • Start About & Contact pages

Week 12 – Final Project Completion

  • Add interactivity with JS
  • Complete all pages: Home, About, Services, Contact
  • Ensure responsiveness using Bootstrap