Skip to main content

वेब डिज़ाइनिंग कोर्स (Web Designing Course) की पूरी जानकारी हिंदी में - anugrah computer


 यहाँ आपको वेब डिज़ाइनिंग कोर्स (Web Designing Course) की पूरी जानकारी हिंदी में दी जा रही है – हर टॉपिक के साथ उदाहरण (Examples) और विस्तार (Explanation) भी मिलेगा। यह कोर्स बिलकुल शुरुआती (Beginner) से लेकर इंटरमीडिएट लेवल तक है।

🧑‍🏫 वेब डिज़ाइनिंग कोर्स – पूरा सिलेबस, उदाहरण सहित (Web Designing Full Course in Hindi)

🟡 भाग 1: वेब डिज़ाइनिंग का परिचय (Introduction to Web Designing)

✔️ क्या सीखेंगे?

  • वेबसाइट क्या होती है?

  • वेबसाइट कैसे काम करती है (Client-Server Model)?

  • Static vs Dynamic Websites

🎯 उदाहरण:

  • Static Website: एक सामान्य बायो वेबसाइट (जैसे resume.html)

  • Dynamic Website: Facebook, Amazon आदि

🔵 भाग 2: HTML (HyperText Markup Language)

✔️ बेसिक टॉपिक्स:

  • HTML Structure: <!DOCTYPE html>, <html>, <head>, <body>

  • Text Tags: <h1>, <p>, <b>, <i>

  • List: <ul>, <ol>, <li>

  • Links: <a href="url">

  • Images: <img src="image.jpg" />

  • Tables: <table>, <tr>, <td>

  • Forms: <form>, <input>, <textarea>, <select>

🎯 उदाहरण:

<h1>मेरी पहली वेबसाइट</h1>
<p>यह एक पैराग्राफ है।</p>
<a href="https://google.com">Google पर जाएं</a>

🟢 भाग 3: CSS (Cascading Style Sheets)

✔️ बेसिक टॉपिक्स:

  • CSS जोड़ने के तरीके: Inline, Internal, External

  • Colors, Backgrounds

  • Fonts, Text Style

  • Box Model: Margin, Padding, Border

  • Layout: Display, Position, Flexbox, Grid

🎯 उदाहरण:

<style>
  body {
    background-color: #f2f2f2;
    font-family: Arial;
  }
  h1 {
    color: blue;
    text-align: center;
  }
</style>

🔴 भाग 4: JavaScript (JS) – इंटरएक्टिव वेबसाइट के लिए

✔️ बेसिक टॉपिक्स:

  • JS का परिचय

  • Variables, Data Types, Operators

  • Conditions (if-else)

  • Loops (for, while)

  • Functions

  • DOM Manipulation (HTML से बातचीत)

🎯 उदाहरण:

<script>
  function greet() {
    alert("नमस्ते! स्वागत है आपकी वेबसाइट पर।");
  }
</script>
<button onclick="greet()">Click Me</button>

🟣 भाग 5: रेस्पॉन्सिव डिज़ाइन – Bootstrap Framework

✔️ सीखेंगे:

  • Grid System

  • Buttons, Cards, Navbar

  • Mobile Friendly Layout

🎯 उदाहरण:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-md-6">Left</div>
    <div class="col-md-6">Right</div>
  </div>
</div>

🟠 भाग 6: वेबसाइट होस्टिंग (Hosting & Deployment)

✔️ क्या सीखेंगे:

  • Domain Name और Hosting क्या है?

  • GitHub Pages से फ्री वेबसाइट लाइव करना

  • Netlify या Hostinger पर अपलोड करना

⚫ भाग 7: प्रोजेक्ट (Project Based Learning)

✅ प्रोजेक्ट आइडियाज़:

  1. Personal Portfolio Website (आपका Resume वेबसाइट)

  2. Restaurant Menu Website

  3. Photo Gallery Website

  4. Simple Blog Layout

  5. Contact Form with JS Alert

🧾 BONUS: Extra Tools जो सीखना चाहिए

  • Figma / Canva: Design Mockup

  • VS Code: कोडिंग के लिए सबसे अच्छा Editor

  • Google Fonts: सुंदर फॉन्ट्स का उपयोग

📦 डाउनलोड करने योग्य सामग्री (यदि चाहिए तो)

क्या आप चाहते हैं:

  • contact me - 9516207001 anugrah computer training 

Comments

Post a Comment

Popular posts from this blog

ट्रेजर NFT फास्ट इनकम फॉर्मूला क्या है? और लेवल 2 का महत्व? 2 महीने में 4X कैसे संभव है?

ट्रेजर NFT फास्ट इनकम फॉर्मूला क्या है? और लेवल 2 का महत्व? 2 महीने में 4X कैसे संभव है? हैलो दोस्तों में आपका दोस्त और Anugrah Treasure NFT Family Head, ट्रेजर एनएफटी के माध्यम से कमाई करने के तरीके पर बात कर रहा हूं कि कैसे हम इसमे फास्ट कमा सकते हैं और 2nd Level मे जाने के लिए क्या करना होगा?, तो आइये समझते हैं दोस्तों Treasure NFT में उपयोगकर्ताओं के लिए पहले दिन से कमाई शुरू हो जाती है, जिससे उनकी रुचि और बढ़ जाती है। जब वे इस प्रोजेक्ट को दिलचस्प पाते हैं, तो वे अपने दोस्तों को भी इसमें शामिल करते हैं और रेफरल के जरिए भी कमाई होती है। इसमें एक महत्वपूर्ण स्टेप लेवल टू को क्वालीफाई करना है, जहां टीम की कमाई से भी रिवॉर्ड मिलता है। मैं इस ब्लॉग में आप सभी का लेवल टू के लिए आवश्यकताओं पर ध्यान केंद्रित  कर रहा हूं , जो कि उपयोगकर्ताओं के लिए एक नया अवसर है। ब्लॉग में यह बताया गया है कि कैसे यूजर अपनी कमाई को बढ़ाने के लिए लेवल टू के लिए क्वालीफाई कर सकते हैं। इस प्रक्रिया में उन्हें लगातार अपनी टीम के साथ जुड़े रहना और उनकी गतिविधियों पर नज़र रखना आवश्यक ...
Post a Comment
Read more

Treasure NFT के लाभ बहुत अच्छा प्लेटफार्म इनकम के लिए इसका इस्तेमाल कैसे करे और पैसा कैसे निकले - अनुग्रह कंप्यूटर ट्रेनिंग 9343666149

Treasure NFT Withdrawal Kaise Kare Treasure NFT Withdrawal Kaise Kare परिचय यदि आप ऑनलाइन कमाई करना चाहते हैं, तो Treasure NFT एक बेहतरीन प्लेटफार्म है। इस लेख में हम विस्तार से जानेंगे कि आप कैसे अपने Treasure NFT खाते से पैसे निकाल सकते हैं। इस प्रक्रिया को समझने के लिए हमें कुछ महत्वपूर्ण चरणों का पालन करना होगा। Treasure NFT क्या है? Treasure NFT एक ट्रेडिंग प्लेटफार्म है जहां उपयोगकर्ता NFT खरीद सकते हैं और बेच सकते हैं। यह प्लेटफार्म पिछले तीन सालों से काम कर रहा है और इसमें उपयोगकर्ताओं को प्रतिदिन कमाई का मौका मिलता है। Treasure NFT के लाभ प्रतिदिन कमाई का अवसर सुविधाजनक यूजर इंटरफेस सुरक्षित लेनदेन टीम रिवॉर्ड और प्रमोशन्स अपने खाते की सेटिंग अपने Treasure NFT खाते को सेट करने के लिए, आपको पहले इस प्लेटफार्म पर रजिस्टर करना होगा। रजिस्ट्रेशन के बाद, आपको अपने खाते में पैसे जमा करने की आवश्यकता होगी। खाते में पैसे कैसे जमा करें? आप अपने खाते में पैसे जमा करने के लिए व...
Post a Comment
Read more

Treasure NFT Full Information & Business Plan

  Understanding Treasure NFT: The New Business Opportunity for 2025 Welcome to the world of Treasure NFT, an exciting new business opportunity that is taking India by storm. In this blog, we will explore what NFTs are, how they work, and the incredible potential they hold for generating income in 2025 and beyond. What is an NFT? First things first, let's break down what an NFT is. NFT stands for Non-Fungible Token, which is essentially a digital representation of unique property. Imagine you have a ₹500 note. Its value is ₹500, but if it has a signature from a famous cricketer like Virat Kohli, its value can increase significantly. This uniqueness is what NFTs capitalize on. When you upload this unique item to a blockchain, it generates a token that is non-fungible. This means it cannot be divided or stolen, and you can set your own royalty price for it. NFTs can only be bought or sold, ensuring that the ownership and authenticity of the digital asset are secure. The Inco...
Post a Comment
Read more