🌿 विद्या वाटिका: शिक्षकों और छात्रों के लिए ज्ञान साझा करने का मंच

विद्या वाटिका, Gurumittra.in का एक विशेष अनुभाग है जहाँ शिक्षक और छात्र किसी भी शैक्षिक विषय पर अपना ज्ञान, विचार, रचनात्मकता और अनुभव साझा कर सकते हैं।

पाठ योजनाओं और शिक्षण विधियों से लेकर निबंध, परियोजनाएँ, कविताएँ और नवीन विचारों तक—यदि यह सीखने में योगदान देता है, तो यह यहाँ शामिल होना चाहिए।

🌱 साथ मिलकर सीखें
🌱 ज्ञान साझा करें
🌱 एक समुदाय के रूप में विकसित हों

बिहार के शिक्षकों और छात्रों के लिए – बिहार के शिक्षा समुदाय द्वारा

🌼 अपना ज्ञान साझा करें। दूसरों को प्रेरित करें। साथ मिलकर विकास करें।
केवल Gurumittra.in पर कृपया किसी भी विषय पर अपनी विशेषज्ञता हमारे साथ साझा करें... इसे आपके नाम और पदनाम के साथ gurumittra.in पर प्रकाशित किया जाएगा।

All information given below are collected by a computer teacher- R. K. Raman , Source : Internet and AI 

TOPIC:1 KNOW COMPUTER KEYBOARD (कंप्यूटर कीबोर्ड के बारे में जानें)

कीबोर्ड की महत्वपूर्ण Keys एवं उनके कार्य (हिंदी में)

1. Enter Key (एंटर कुंजी)

कार्य:

• नई लाइन (New Line) शुरू करना।
• किसी कमांड या विकल्प को स्वीकार (OK/Submit) करना।
• चयनित आइटम को खोलना।

उदाहरण: फ़ाइल खोलना, सर्च करना, फॉर्म सबमिट करना।

2. Spacebar (स्पेसबार)

कार्य:

• शब्दों के बीच खाली स्थान (Space) देना।
• कई प्रोग्रामों में Play/Pause का कार्य करना।

3. Backspace Key (बैकस्पेस)

कार्य:

• कर्सर के बाईं ओर का अक्षर या शब्द मिटाना।

4. Delete (Del) Key

कार्य:

• कर्सर के दाईं ओर का अक्षर हटाना।
• चयनित फ़ाइल या टेक्स्ट हटाना।

5. Shift Key

कार्य:

• बड़े अक्षर (Capital Letters) लिखना।
• कीबोर्ड पर ऊपर वाले चिन्ह (@, #, %, &, *) टाइप करना।
• अन्य शॉर्टकट कुंजियों के साथ प्रयोग करना।

6. Caps Lock Key

कार्य:

• लगातार बड़े अक्षरों (ABC) में लिखने के लिए।
• दोबारा दबाने पर सामान्य (abc) मोड में लौट आती है।

7. Ctrl (Control) Key

कार्य:

• अन्य कुंजियों के साथ मिलकर शॉर्टकट चलाने के लिए।

उदाहरण:

• Ctrl + C → Copy
• Ctrl + V → Paste
• Ctrl + S → Save

8. Alt Key

कार्य:

• मेन्यू खोलना और विशेष शॉर्टकट चलाना।
• Alt + Tab → खुले हुए प्रोग्राम बदलना।
• Alt + F4 → विंडो बंद करना।

9. Windows Key (⊞)

कार्य:

• Start Menu खोलना।
• Windows के शॉर्टकट चलाना।

उदाहरण:

• Win + E → File Explorer
• Win + D → Desktop
• Win + L → Computer Lock

10. Esc (Escape) Key

कार्य:

• चल रहे कार्य या डायलॉग बॉक्स को बंद करना।
• Full Screen से बाहर निकलना।

11. Tab Key

कार्य:

• अगले विकल्प या टेक्स्ट बॉक्स पर जाना।
• तालिका (Table) में अगले सेल पर जाना।

12. Arrow Keys (तीर कुंजियाँ)

कार्य:

• कर्सर को ऊपर, नीचे, दाएँ और बाएँ ले जाना।
• मेन्यू या विकल्पों में नेविगेट करना।

13. Home Key

कार्य:

• कर्सर को लाइन की शुरुआत में ले जाना।

14. End Key

कार्य:

• कर्सर को लाइन के अंत में ले जाना।

15. Page Up (PgUp)

कार्य:

• स्क्रीन को एक पेज ऊपर ले जाना।

16. Page Down (PgDn)

कार्य:

• स्क्रीन को एक पेज नीचे ले जाना।

17. Insert (Ins)

कार्य:

• Insert और Overwrite मोड के बीच बदलना।

18. Print Screen (PrtScn)

कार्य:

• पूरी स्क्रीन का स्क्रीनशॉट लेना।

19. Num Lock

कार्य:

• Numeric Keypad को चालू/बंद करना।

20. Function Keys (F1–F12)

याद रखने योग्य मुख्य कुंजियाँ

TOPIC 2: नए कंप्यूटर उपयोगकर्ताओं के लिए महत्वपूर्ण Keyboard Shortcuts (हिंदी)

नीचे दिए गए शॉर्टकट Windows PC पर सबसे अधिक उपयोग किए जाते हैं। इन्हें सीखने से आपका काम 2–3 गुना तेज हो सकता है।

Microsoft Word के लिए उपयोगी शॉर्टकट

• Ctrl + K → Hyperlink जोड़ें
• Ctrl + J → Justify Alignment
• Ctrl + L → Left Align
• Ctrl + E → Center Align
• Ctrl + R → Right Align
• Ctrl + Shift + > → फ़ॉन्ट बड़ा करें
• Ctrl + Shift + < → फ़ॉन्ट छोटा करें

इंटरनेट (Browser) के लिए शॉर्टकट

• Ctrl + T → नया टैब
• Ctrl + N → नई विंडो
• Ctrl + Shift + N → Incognito Window
• Ctrl + D → Bookmark करें
• Ctrl + + → Zoom In
• Ctrl + - → Zoom Out
• Ctrl + 0 → Zoom Reset
• F11 → Full Screen Mode

शुरुआती उपयोगकर्ताओं के लिए सबसे ज़रूरी 10 शॉर्टकट

1. Ctrl + C → Copy
2. Ctrl + V → Paste
3. Ctrl + X → Cut
4. Ctrl + Z → Undo
5. Ctrl + S → Save
6. Ctrl + A → Select All
7. Ctrl + F → Find
8. Alt + Tab → App बदलें
9. Win + E → File Explorer
10. Win + D → Desktop

सीखने का सुझाव: हर दिन केवल 5–10 शॉर्टकट का अभ्यास करें। लगभग एक सप्ताह में आप बिना माउस के भी कई सामान्य कार्य आसानी से कर पाएँगे।
TOPIC 3: LEARN HTML

HTML for 9-12 

HTML (HyperText Markup Language) वेब पेज बनाने की सबसे बुनियादी भाषा है। यदि आप बिल्कुल शुरुआत से सीखना चाहते हैं, तो यह पहला पाठ आपके लिए है।

Lesson 1: HTML क्या है?

HTML एक Markup Language है जिसका उपयोग वेब पेज की संरचना (Structure) बनाने के लिए किया जाता है।

उदाहरण:

<h1>Welcome to My Website</h1> <p>This is my first webpage.</p>

Output:

Welcome to My Website

This is my first webpage.

HTML Document Structure

हर HTML पेज की एक बेसिक संरचना होती है:

<!DOCTYPE html>

 <html> 

<head>   

<title>My First Web Page</title> 

</head> 

<body>    

<h1>Hello World!</h1>   

 <p>This is my first HTML page.</p>

</body> 

</html>

Explanation

Common HTML Tags

Heading Tags

<h1>Main Heading</h1>

<h2>Sub Heading</h2> 

<h3>Small Heading</h3>

Paragraph

<p>This is a paragraph.</p>

Line Break

First Line<br> Second Line

Bold Text

<b>Bold Text</b>

Italic Text

<i>Italic Text</i>

Create Your First Webpage

Open Notepad and type:

<!DOCTYPE html> 

<html> 

<head>

<title>My First Page</title>

</head>

 <body>

<h1>My Name is Kamlesh</h1>

<p>I am learning HTML.</p>

</body> 

</html>

Save as:

index.html

Double-click the file to open it in Chrome.

Practical Exercise 1

Create a page with:

1. Your Name
2. School Name
3. District Name
4. One paragraph about yourself

Example:

<!DOCTYPE html> <html> <head> <title>About Me</title> </head> <body> <h1>Ramesh Raman</h1> <h2>UHSS Tarha Dandari</h2> <p> I am interested in computers and web development. </p> </body> </html>

Homework

Create a webpage containing:

• 3 headings
• 2 paragraphs
• 1 bold text
• 1 italic text
• 1 line break

Next Lesson (Lesson 2)

हम सीखेंगे:

• HTML Attributes
• Images (<img>)
• Links (<a>)
• Lists (<ul>, <ol>)
• Comments (<!-- -->)

यही वे टैग हैं जिनसे आप अपनी पहली वास्तविक वेबसाइट बनाना शुरू करेंगे।

Lesson 2: HTML Attributes, Links, Images, Lists & Comments

पिछले पाठ में आपने HTML की बेसिक संरचना सीखी। अब हम वे टैग सीखेंगे जिनसे वेब पेज अधिक उपयोगी और आकर्षक बनता है।

1. HTML Attributes

Attributes किसी टैग को अतिरिक्त जानकारी देते हैं।

उदाहरण:

<p title="This is a paragraph">    Move mouse here </p>

यहाँ title एक attribute है।

सामान्य रूप:

<tag attribute="value">Content</tag>

2. HTML Links (<a> Tag)

किसी वेबसाइट या पेज पर जाने के लिए लिंक का उपयोग किया जाता है।

<a href="https://www.google.com">    Open Google </a>

New Tab में खोलना

<a href="https://www.google.com" target="_blank">    Open Google </a>

3. Images (<img> Tag)

वेब पेज पर चित्र दिखाने के लिए।

<img src="image.jpg" alt="My Image">

Width और Height सेट करना

<img src="image.jpg" alt="My Image" width="300" height="200">

4. Lists

Unordered List (Bullets)

<ul>    

<li>Math</li>  

 <li>Science</li>

 <li>English</li> 

</ul>

Output:

• Math
• Science
• English

Ordered List (Numbers)

<ol>  

 <li>Wake Up</li>

 <li>Study</li>

 <li>Sleep</li> 

</ol>

Output:

1. Wake Up
2. Study
3. Sleep

5. HTML Comments

Comments browser में दिखाई नहीं देते।

<!-- This is a comment -->

उदाहरण:

<!-- Main Heading --> <h1>My Website</h1>

Mini Project: Student Profile Page

<!DOCTYPE html>

 <html> 

<head>  

 <title>Student Profile</title>

 </head> 

<body>

<h1>Kumar Sinha</h1>

<img src="student.jpg" alt="Student Photo" width="200">

<h2>My Subjects</h2>

<ul>   

 <li>Math</li>

 <li>Science</li>

 <li>Computer</li>

 </ul>

<h2>Daily Routine</h2>

<ol>

 <li>Wake Up</li>

 <li>Go to School</li>

 <li>Study</li>

 </ol>

<p> Visit <a href="https://www.w3schools.com" target="_blank"> W3Schools </a> to learn more HTML. </p>

</body> 

</html>

Practice Exercise

Create a webpage that contains:

✅ Your Name
✅ One Photo
✅ Your School Name
✅ 5 Favourite Subjects (Bullet List)
✅ Daily Routine (Number List)
✅ A link to Google

Quick Quiz

1. Which tag creates a hyperlink?
   • a) <img>
   • b) <a>
   • c) <link>
2. Which attribute specifies image location?
   • a) href
   • b) alt
   • c) src
3. Which tag creates a numbered list?
   • a) <ul>
   • b) <ol>
   • c) <li>

Answers: 1-b, 2-c, 3-b

Next Lesson (Lesson 3)

हम सीखेंगे:

• Tables (<table>)
• Forms (<form>)
• Input Fields
• Buttons
• Labels
• Creating a Student Registration Form

यहीं से HTML का वास्तविक उपयोग शुरू होता है।

Lesson 3: Tables, Forms & Student Registration Form

1. HTML Table (<table>)

टेबल का उपयोग डेटा को Rows (पंक्तियों) और Columns (स्तंभों) में दिखाने के लिए किया जाता है।

Example

<!DOCTYPE html>

 <html> 

<body>

<h2>Student Marks Table</h2>

<table border="1">

 <tr>        <th>Roll No</th>        <th>Name</th>        <th>Marks</th>    </tr>    <tr>        <td>101</td>        <td>Rahul</td>        <td>85</td>    </tr>    <tr>        <td>102</td>        <td>Priya</td>        <td>92</td>    </tr> </table> </body> </html>

Important Tags

2. HTML Form (<form>)

Form का उपयोग User से जानकारी लेने के लिए किया जाता है।

Basic Structure

<form> </form>

3. Input Fields

Text Box

<input type="text">

Password

<input type="password">

Email

<input type="email">

Number

<input type="number">

Date

<input type="date">

4. Labels (<label>)

Label Input Field का नाम दिखाता है।

<label>Name:</label> <input type="text">

Output:

Name: [__________]

5. Buttons

Submit Button

<button type="submit">Submit</button>

Reset Button

<button type="reset">Reset</button>

6. Radio Button

Gender चुनने के लिए

<input type="radio" name="gender"> Male <input type="radio" name="gender"> Female

7. Checkbox

Hobbies चुनने के लिए

<input type="checkbox"> Reading <input type="checkbox"> Sports <input type="checkbox"> Music

Project: Student Registration Form

<!DOCTYPE html> <html> <head>    <title>Student Registration Form</title> </head> <body> <h1>Student Registration Form</h1> <form> <label>Student Name:</label> <input type="text"><br><br> <label>Father's Name:</label> <input type="text"><br><br> <label>Email:</label> <input type="email"><br><br> <label>Mobile Number:</label> <input type="number"><br><br> <label>Date of Birth:</label> <input type="date"><br><br> <label>Gender:</label> <input type="radio" name="gender"> Male <input type="radio" name="gender"> Female <br><br> <label>Hobbies:</label> <input type="checkbox"> Reading <input type="checkbox"> Sports <input type="checkbox"> Music <br><br> <button type="submit">Register</button> <button type="reset">Reset</button> </form> </body> </html>

Assignment

Question 1

एक Student Registration Form बनाइए जिसमें:

• Name
• Father's Name
• Class
• Mobile Number
• Gender
• Submit Button

हो।

Question 2

निम्न डेटा की Table बनाइए:

Lesson 4 (Next)

हम सीखेंगे:

• HTML Lists (<ul>, <ol>, <li>)
• Images (<img>)
• Links (<a>)
• Embedding Videos
• Creating a Complete School Website Home Page

यहीं से आप वास्तविक वेबसाइट बनाना शुरू करेंगे।