Website designing from scratch

📌 Learning Objectives

Students will:

• Understand how websites work (Frontend Basics)
• Learn HTML to build website structure
• Learn CSS for designing and styling web pages
• Use basic JavaScript for interactivity
• Learn Git for version control
• Upload and manage projects using GitHub
• Create real-world mini projects and portfolio website

🎯 Course Outcome (What You Can Build)

After completing this course, you will be able to:

✅ Create professional websites
✅ Design responsive web pages
✅ Build personal portfolio website
✅ Upload and manage projects on GitHub
✅ Apply for internships and freelancing confidently

📦 What’s Included

• Notes + Practice Tasks
• Project Source Code Templates
• Live Practical Training in Lab
• Mini Projects + Final Website Project
• GitHub Portfolio Setup
• Certificate of Completion
• Career Guidance Support

📅 Course Schedule (Module Wise)

Module 1: HTML Basics

• Introduction to Website Designing
• HTML Structure & Tags
• Headings, Paragraphs, Lists
• Links, Images, Tables
• Forms & Input Fields
• Mini Project: Simple Web Page

Module 2: CSS Basics

• CSS Introduction
• Selectors, Colors, Fonts
• Box Model (Margin, Padding, Border)
• Backgrounds, Layout Styling
• Flexbox Basics
• Responsive Design Basics
• Mini Project: Landing Page Design

Module 3: Basic JavaScript

• Introduction to JavaScript
• Variables, Data Types
• Operators and Conditions
• Loops and Functions

Module 4: Git & GitHub

• What is Git?
• Git Commands (init, add, commit, status)
• GitHub Account Setup
• Creating Repository
• Upload Project to GitHub
• Hosting Website using GitHub Pages

🏆 Final Project

• Create a complete Responsive Portfolio Website
• Upload project on GitHub
• Live Hosting (GitHub Pages)