وإليكم أعزائي الطلاب هذه البرمجية التعليمية عن الموضوع الأول للوحدة وأتمنى من الله وعز وجل ان تنال إعجابكم

الأهداف العامة للوحدة الثانية
في نهاية هذه الوحدة يجب أن يكون الطالب قادرا على :
1- أن يتعرف تأثير استخدام خدمات تقنيات المعلومات الحديثة على المجالات الدراسية والحياتية المختلفة .
2- أن يتعرف بعض أدوات إنتاج صفحات المعلومات وخدمات الإنترنت

الموضوع الأول

لغة الترميز HTML

Hyper Text Markup

Language

الأهداف

في نهاية هذا الدرس يجب أن يكون الطالب قادر على أن:

يتعرف بعض أدوات إنتاج صفحات المعلومات وخدمات الإنترنت .

يتعرف القواعد الأساسية لإنشاء صفحة ويب باستخدام أوامر HTML .

يتعرف التركيب البنائي لإنشاء صفحة ويب بأوامر HTML .

استخدام أوامر HTML لإنشاء أحد صفحات الويب :

من المراحل الأساسية لإنشاء موقع ويب مرحلة التنفيذ والتي يتم فيها تحويل التصميم

الورقي لصفحات الموقع الى صفحات ويب يوضع فيها البيانات ( نصوص - صور -

فيديو - صوت …… الخ ) وإنشاء الإرتباطات التشعبية بين صفحات الويب.

لغة الترميز HTML

هي لغة تستخدم في إنشاء صفحات مواقع الإنترنت الثابتة وتحفظ

الصفحات بامتداد HTM و HTML ويتم عرضها من خلال متصفحات

الإنترنت مثل GOOGLE CROM و FIREFOX وغيرهم الكثير .

ومصطلح HTML هو اختصار ل Hyper Text Markup

Language

القواعد الأساسية لإستخدام أوامر HTML

أوامر لغة HTML تسمى بال Tags :

1- كل الأوامرTags تكتب من اليسار إلى اليمين .

2- لكلTag عمل معين يقوم به .

3- الصيغة هي بداية ال Tag .

4- الصيغةTag/> <هي نهاية ال Tag .

5- بعض ال Tags ليس لها إغلاق ( نهاية ) مثل br> <وهي

اختصار لكلمة Break .

6- بعض ال Tags لها خصائص يمكن تعينها في بداية ال Tag أثناء

التصميم .

7- لا يشترط أن تكتب بحروف كبيرة أو صغيرة ولكن يكتب الكود وفق

بنية محددة .

التركيب البنائي لإنشاء صفحة الويب باستخدام HTML

يجب الإلتزام بالهيكل البنائي أثناء كتابة الكود:

بداية ال Tag

المحتوى

نهاية ال Tag

< HTML >

جميع محتويات الصفحة

</ HTML >

رأس الصفحة

</ HEAD >

< TITLE >

عنوان الصفحة

</ TITLE >

< BODY >

محتوى الصفحة

</ BODY >

الصيغة العامة للأمر Tag

< tag >

المحتوى الذي سيؤثر علية الأمر

متطلبات استخدام لغة HTML

1- يجب أن يكون بامتداد الملف htm أو html .

2- يجب أن يكون نوع الملف نصيا text document

3- يفضل حفظ جميع ملفات الموقع داخل مجلد واحد Folder

1- برنامج محرر النصوص

2- مستعرض الويب او متصفح الويب .

شروط حفظ ملف برنامج بلغة HTML

تشغيل ملف HTML

بمجرد حفظ الملف يأخذ الملف رمز او شكل برنامج المتصفح الموجود على

جهازك مثل Google Chrom و Firefoxإلخ ............

افتح الملف الذي يحتوي على ملفات الموقع .

انقر Double-click على ايقونه الملف لعرضه

التركيب البنائي لإنشاء صفحة ويب باستخدام

HTML

في التركيب البنائي لإنشاء صفحة الويب بأوامر HTML يجب مراعاة

التالي :

كتابة الأمر html> < في بداية الكود يشير إلى أنا المستند مكتوب بلغة html

يقسم كود html إلى قسمين رئيسين وهما :

أ- head :

وهو المنطقة الخاصة بكتابة معلومات لمستعرض الإنترنت حول الصفحة مثل عنوان

الصفحة .

ب- body :

وهو المطقة الخاصة بكتابة المحتوى الذي سيظهر داخل صفحة المستعرض .

إضافة عنوان لصفحة الويب

* إضافة عنوان صفحة

الويب باستخدام الأمر:

*تتكون صفحة الويب من:

1-عنوان صفحة الويب.

2-محتوى صفحة الويب .

*يظهر عنوان صفحة الويب

داخل شريط العنوان أعلى

صفحة مستعرض الإنترنت.

عنوان صفحة الويب

محتوى صفحة الويب

إضافة محتوى لصفحة الويب

يمكن أن تحتوي صفحة الويب على ( نص – صورة – فيديو – ارتباط تشعيبي

..... الخ )

إضافة محتوى لصفحة الويب باستخدام الأمر …….

تتكون صفحة الويب من :

عنوان صفحة الويب ( عنوان الويب فقط )

محتوى صفحة الويب ( كل محتويات صفحة الويب من نصوص وصور.. الخ )

محتوى صفحة الويب يكتب بين بداية ونهاية الأمر …..

مثل كتابة النص « مدرستي جميلة ونظيفة متطورة « لمحتوى صفحة الويب .

نكتب هذا النص بين الأمر ….. ليظهر في محتوى الصفحة.

كتابة أوامر HTML بحروف صغيرة \ كبيرة

لاحظ انه يمكن كتابة كل أوامر HTML بحروف

كبيرة ( Capital Letters ) .

لاحظ أنه أيضا يمكن كتابة أوامر HTML

بحروف صغيرة ( Small Letters ) أيضا .

أو يمكن كتابة أوامر HTML بالإثنين معا دون

حدوث أي أخطاء ولا تأثير على صفحة الويب .

لاحظ أن مستعرض الإنترنت لا يتأثر بالمسافات

المتروكه أو بالإنتقال لسطر جديد بضغط مفتاح

Enter داخل ملف الأوامر وكذلك يمكن كتابة

الأوامر على اكثر من سطر .

تغير اتجاه محتويات صفحة الويب

الاتجاه الافتراضي لمحتوى صفحة الويب هو من اليسار الى اليمين .

لذلك عند تصميم صفحة ويب ذات واجهة عربية يجب تغير اتجاه الصفحة

ليصبح من اليمين الى اليسار .

يمكن تغير اتجاه صفحة الويب من خلال خاصية dir .

يتحدد اتجاه صفحة الويب حسب القيمة التي سوف تتضمنها الخاصية dir :

قيمة الخاصية (Rtl) تبدأ بالحرف R وهي اختصار Right يمين .

قيمة الخاصية