مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
درس إنشاء موقع ويب – السنة الرابعة متوسط
موقع الويب هو مجموعة من صفحات الويب المرتبطة ببعضها. في هذا الدرس سنتعرف على أساسيات إنشاء موقع ويب باستخدام HTML.
1. ما هو HTML؟
HTML (HyperText Markup Language) هي لغة توصيف النص المستخدمة لإنشاء صفحات الويب. تستخدم وسوم (tags) لتحديد هيكل الصفحة ومحتواها.
2. هيكل صفحة HTML
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>مرحباً بالعالم</h1>
<p>هذه فقرة نصية.</p>
</body>
</html>
3. الوسوم الأساسية
- <h1> إلى <h6>: عناوين مختلفة المستوى
- <p>: فقرة نصية
- <a href=”…”>: رابط تشعبي
- <img src=”…”>: صورة
- <ul> و <ol>: قوائم غير مرقمة ومرقمة
- <table>: جدول
4. مثال لصفحة ويب بسيطة
<html>
<body>
<h1>مدرستي</h1>
<p>مرحباً بكم في موقع مدرستي.</p>
<h2>المواد الدراسية</h2>
<ul>
<li>الرياضيات</li>
<li>الفيزياء</li>
<li>علوم الطبيعة</li>
</ul>
<a href="mailto:info@school.com">اتصل بنا</a>
</body>
</html>
5. تصميم موقع جيد (UX)
- سهولة الاستخدام والتنقل بين الصفحات
- سرعة تحميل الصفحات
- التوافق مع الأجهزة المختلفة (Responsive)
- الألوان المتناسقة والخط الواضح
- محتوى مفيد ومنظم
تمارين
- أنشئ صفحة HTML بسيطة تحتوي على عنوان رئيسي وفقرة تعريفية عن مدرستك.
- أضف إلى الصفحة السابقة قائمة بالمواد الدراسية المفضلة لديك وصورة للمدرسة.
- ما هي أهمية استخدام الوسوم (tags) في HTML؟
📍 دروس مشابهة:
- الإعلام الآلي — الحاسوب: اختصارات لوحة المفاتيح المهمة — الأولى متوسط — المنهاج الجزائري
- علم وظائف الأعضاء
- التاريخ والجغرافيا — درس في التاريخ: الجزائر في العهد العثماني — السنة الخامسة إبتدائي — المنهاج الجزائري