Website Designing

•    Duration: 3 Months
•    Eligibility: MCA, M.Sc(CS), M.Sc(IT), BCA, B.Sc(CS), B.Sc(IT)

This course introduces the essentials of modern web design using HTML, CSS, JavaScript, Bootstrap, and jQuery. Learn to build responsive, interactive, and visually appealing websites from scratch. Master core design principles, dynamic scripting, and front-end frameworks to create professional-grade websites. Ideal for beginners and aspiring web developers.

---

Syllabus:

---

Module 1: Introduction to Website Design

• Understanding how websites work (front-end vs. back-end).
• Overview of web development tools (text editors, browsers, dev tools).
• Basics of domain names, hosting, and website deployment.

---

Module 2: HTML (HyperText Markup Language)

• HTML structure: Elements, attributes, and tags.
• Text formatting: Headings, paragraphs, lists, and links.
• Embedding multimedia: Images, audio, and video.
• Forms and input types for user interaction.
• Semantic HTML for better SEO and accessibility.

---

Module 3: CSS (Cascading Style Sheets)

• Introduction to CSS: Syntax and selectors.
• Styling text: Fonts, colors, and sizes.
• Working with backgrounds, borders, and gradients.
• Layout techniques: Box model, Flexbox, and Grid.
• Responsive design with media queries.
• CSS animations and transitions for dynamic effects.

---

Module 4: JavaScript (JS) Basics

• Introduction to JavaScript: Role and syntax.
• Variables, operators, and data types.
• Control flow: Conditional statements and loops.
• Functions and event handling.
• Document Object Model (DOM) manipulation.
• Adding interactivity (e.g., dropdowns, form validation).

---

Module 5: Responsive Web Design Principles

• Understanding mobile-first design.
• Designing for multiple screen sizes.
• Building responsive navigation menus.
• Testing and debugging responsive websites.

---

Module 6: Integrating HTML, CSS, and JS

• Structuring a webpage with HTML.
• Styling the page with CSS.
• Adding interactivity and logic with JavaScript.
• Best practices for clean and maintainable code.

---

Module 7: Project Development

• Planning a website: Wireframing and prototyping.
• Building a multi-page website.
• Testing for cross-browser compatibility.
• Debugging and troubleshooting common issues.
• Deploying the website on the internet.

---

Module 8: Deployment & Maintenance

• Introduction to hosting options (GitHub Pages, Netlify, Vercel, and traditional hosts).
• Setting up and configuring domains (DNS, SSL certificates).

---

Assignments and Activities

• Create a basic web page using HTML and CSS.
• Add interactivity to a page using JavaScript (e.g., form validation, interactive buttons).
• Design a responsive portfolio website using Flexbox or Grid.
• Debug and optimize an existing website for speed and usability.

---

Capstone Project

• Develop and launch a fully functional, responsive website, incorporating all learned concepts from HTML, CSS, and JavaScript.
• This project can be a portfolio, business site, or any real-world application.

---

Assignment:  Self-Assessment by Faculty

Exit Profile: Front-End Web Developer | UX/UI Designer (Website) | Graphic Designer (Web Focused) | Creative Director (Web Design)