कक्षा प्रकार

ऑनलाइन क्लास

कक्षा समय:

प्रति सत्र एक घंटा

आयु समूह

8 से लेकर सभी उम्र तक

बच्चों की संख्या:

प्रति सत्र 20 छात्र

कोर्स की अवधि

4 महीने

प्रति सप्ताह कक्षाएं

प्रति सप्ताह दो कक्षाएँ

Next Batch Start Date

2025-10-04

वेबसाइट विकास

4.2(174)

मॉड्यूल 1: वेब का परिचय (1-2 सप्ताह)

<घंटा />

मॉड्यूल 2: अपना पहला वेबपेज बनाना (2-3 सप्ताह)

<घंटा />

मॉड्यूल 3: अपनी वेबसाइट को बेहतर बनाना (2-3 सप्ताह)

    <ली>

    पाठ 1: सीएसएस के साथ लेआउट का परिचय

    • बॉक्स मॉडल (पैडिंग, मार्जिन, बॉर्डर, सामग्री) को समझना।
    • पोजीशनिंग तत्वों का परिचय (स्थिर, सापेक्ष, निरपेक्ष)।
    • लेआउट प्रबंधन के लिए फ्लेक्सबॉक्स और सीएसएस ग्रिड का उपयोग करना।
    • हैंड-ऑन गतिविधि: एकाधिक अनुभागों (हेडर, बॉडी, फ़ूटर) के साथ एक लेआउट बनाएं।
    <ली>

    पाठ 2: स्टाइलिंग टेक्स्ट, बटन और नेविगेशन

    • फ़ॉन्ट शैली, आकार और रंग बदलना।
    • बटन बनाना और उन्हें होवर प्रभाव से स्टाइल करना।
    • हैंड-ऑन गतिविधि: अपनी वेबसाइट के नेविगेशन बार को स्टाइल करें और इंटरैक्टिव बटन जोड़ें।
    <ली>

    पाठ 3: अपनी वेबसाइट को उत्तरदायी बनाना

    • रिस्पॉन्सिव डिज़ाइन का परिचय: वेबसाइटें विभिन्न उपकरणों (फोन, टैबलेट, डेस्कटॉप) पर कैसे दिखती हैं।
    • विभिन्न स्क्रीन आकारों के लिए लेआउट को समायोजित करने के लिए मीडिया प्रश्नों का उपयोग करना।
    • व्यावहारिक गतिविधि: मोबाइल उपकरणों पर अच्छा दिखने के लिए अपने वेबपेज को संशोधित करें।
<घंटा />

मॉड्यूल 4: जावास्क्रिप्ट के साथ इंटरैक्टिव वेबसाइटें (2-3 सप्ताह)

    <ली>

    पाठ 1: जावास्क्रिप्ट का परिचय

    • जावास्क्रिप्ट क्या है? इसका उपयोग आपकी वेबसाइट को इंटरैक्टिव बनाने के लिए किया जाता है।
    • चर, फ़ंक्शन और घटनाओं का परिचय।
    • हैंड-ऑन गतिविधि: अलर्ट या कंसोल लॉग प्रदर्शित करने के लिए अपना पहला जावास्क्रिप्ट कोड लिखें।
    <ली>

    पाठ 2: जावास्क्रिप्ट के साथ अन्तरक्रियाशीलता जोड़ना

    • DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) के साथ काम करना: तत्वों का चयन करना और सामग्री बदलना।
    • घटनाओं का परिचय: क्लिक, होवर, इनपुट, आदि
    • हैंड-ऑन गतिविधि: एक बटन जोड़ें जो क्लिक करने पर टेक्स्ट या रंग बदल देता है।
<घंटा />

मॉड्यूल 5: एक व्यक्तिगत वेबसाइट बनाना (3-4 सप्ताह)

    <ली>

    पाठ 1: अपनी व्यक्तिगत वेबसाइट की योजना बनाना

    • अपनी व्यक्तिगत वेबसाइट की संरचना पर विचार-मंथन और योजना बनाना।
    • यह तय करना कि कौन से अनुभाग और सामग्री शामिल की जाए: मेरे बारे में, प्रोजेक्ट, संपर्क।
    • हैंड-ऑन गतिविधि: अपनी वेबसाइट के लेआउट का एक वायरफ्रेम या स्केच बनाएं।
    <ली>

    पाठ 2: अपनी व्यक्तिगत वेबसाइट डिज़ाइन करना

    • डिज़ाइन सिद्धांतों को लागू करना: सरलता, विरोधाभास और पठनीयता।
    • अपनी वेबसाइट के लिए एक सुसंगत रंग योजना और शैली बनाना।
    • व्यावहारिक गतिविधि: अपनी निजी वेबसाइट का मुखपृष्ठ डिज़ाइन करें।
    <ली>

    पाठ 3: अपनी व्यक्तिगत वेबसाइट पर सामग्री जोड़ना

    • अपने पेजों के लिए सामग्री लिखना: परिचय, शौक, पोर्टफोलियो, या प्रोजेक्ट।
    • सोशल मीडिया या बाहरी साइटों पर लिंक जोड़ना।
    • व्यावहारिक गतिविधि: अतिरिक्त पेज बनाएं (उदाहरण के लिए, "मेरे बारे में", "प्रोजेक्ट", "संपर्क")।
<घंटा />

परिणाम:

इस पाठ्यक्रम के अंत तक, छात्र HTML, CSS और JavaScript का उपयोग करके अपनी स्वयं की निजी वेबसाइट बना लेंगे। वे वेब विकास के साथ व्यावहारिक अनुभव प्राप्त करेंगे और अधिक उन्नत वेबसाइट या एप्लिकेशन बनाकर अपने कौशल का और अधिक अन्वेषण और निर्माण करने में सक्षम होंगे।