HTML المتقدم — الجداول والنماذج والوسائط المتعددة — الإعلام الآلي — السنة الرابعة متوسط — المنهاج الجزائري

HTML المتقدم — الجداول والنماذج والوسائط المتعددة — الإعلام الآلي — السنة الرابعة متوسط — المنهاج الجزائري

درس متقدم في HTML: إنشاء الجداول، تصميم النماذج، إدراج الوسائط المتعددة. مخصص لتلاميذ السنة الرابعة متوسط.

المحتوى العلمي

1. الجداول في HTML

تُستخدم الجداول لتنظيم البيانات في صفوف وأعمدة. العناصر الرئيسية للجدول:

<table>
  <thead>
    <tr>
      <th>الاسم</th>
      <th>المعدل</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>أحمد</td>
      <td>16.5</td>
    </tr>
    <tr>
      <td>سارة</td>
      <td>18.0</td>
    </tr>
  </tbody>
</table>

خصائص الجدول: border, colspan (دمج أعمدة), rowspan (دمج صفوف), cellpadding, cellspacing.

2. النماذج (Forms)

النماذج تسمح بإدخال البيانات من المستخدم وإرسالها إلى الخادم.

<form action="send.php" method="post">
  <label for="name">الاسم:</label>
  <input type="text" id="name" name="name">
  
  <label for="email">البريد:</label>
  <input type="email" id="email" name="email">
  
  <label>الجنس:</label>
  <input type="radio" name="gender" value="male"> ذكر
  <input type="radio" name="gender" value="female"> أنثى
  
  <label for="grade">المستوى:</label>
  <select id="grade" name="grade">
    <option value="1ms">الأولى متوسط</option>
    <option value="4ms">الرابعة متوسط</option>
  </select>
  
  <input type="submit" value="إرسال">
</form>

3. الوسائط المتعددة

الصور: <img src=”image.jpg” alt=”وصف الصورة” width=”300″>

الفيديو: <video src=”video.mp4″ controls width=”400″></video>

الصوت: <audio src=”audio.mp3″ controls></audio>

أمثلة توضيحية

تمارين تطبيقية

1. أنشئ جدولاً يحتوي على جدول حصص مدرسية (4 أيام × 5 حصص).
2. صمم نموذج تسجيل لموقع مدرسي يحتوي على: الاسم، البريد الإلكتروني، كلمة المرور، المستوى الدراسي.
3. أضف صورة للمدرسة مع وصف بديل مناسب.
4. استخدم دمج الخلايا (colspan) في جدول لإنشاء عنوان رئيسي يمتد على عدة أعمدة.
5. أنشئ صفحة HTML كاملة تجمع جدولاً ونموذجاً وصورة.

خلاصة

HTML المتقدم يمكنك من إنشاء صفحات ويب تفاعلية وجذابة. الجداول لتنظيم البيانات، النماذج لجمع المعلومات، والوسائط المتعددة لإثراء المحتوى. هذه المهارات أساسية لتطوير الويب.

دروس مشابهة

• الذكاء الاصطناعي — مفهومه وتطبيقاته وأخلاقياته — الإعلام الآلي — السنة الثالثة م
• الوسائط المتعددة — مفهومها وأنواعها — الإعلام الآلي — السنة الأولى متوسط — المنه
• الإعلام الآلي — الشبكات الاجتماعية (حلول مفصلة) — السنة الثانية ثانوي