يمكن ان تحتوي صفحة الويب علي نص وصورة وفيديو وارتباط تشعبي هيا نتعرف علي اهم مميزات المحتوي وكيفية اثراءه بالمحتوي المفيد والقيم واهم اسس واساليب المحتوي الجيد والقوي مع الشرح التالي هيا بنا
عزيزي القارئ : بالتعاون مع زملائك او احبائك او افراد عائلتك قم بإضافة نص التالي لمحتوي صفحة الويب
,, مدرستي جميلة ونظيفة..
خطوات تنفيذ النشاط :
- في الملف النصي السابق تكتب العبارة ,, مدرستي جميلة ونظيفة ومتطورة ,, داخل أمر <body/> ..... <body>.
- حفظ الملف النصي بنفس الاسم ,, school.htm
- فتح الملف ,, schoo.htm, من خلال مستعرض الانترنت لمشاهدة نتيجة تنفيذ الأوامر .
عزيزي القارئ : قم بالتعديلات الاتية في التدريب السابق:
- إعادة كتابة اوامر HTML باستخدام حروف كبيرة capital letters
- ترك مسافات بين كلمات النص
- استخدام مفتاح الادخال لترك اسطر بين كلمات النص
- حفظ الملف النصي بامتداد htm
- استعراض الملف من خلال مستعرض الانترنت
ملاحظات هامة :
- يمكن كتابة أوامر HTML بحروف كبيرة capital leeters أو صغيرة small letters
- مستعرض الانترنت لا يتأثر بالمسافات المتروكة او بالانتقال لسطر جديد بضغط مفتاح enter داخل ملف الاوامر
تغيير اتجاه صفحة الويب باستخدام الخاصية dir
عند تصميم صفحة ويب ذات واجهة عربية يجب تغيير اتجاه الصفحة ليصبح محتوي الصفحة من اليمين الي اليسار ليتلاءم مع طبيعة اللغة العربية , ولتنفيذ ذلك تستخدم الخاصية dir حيث يتحدد اتجاه صفحة الويب حسب القيمة المخصصة للخاصية dir كما بالشكل التالي :
عزيزي القارئ : قم بتغيير اتجاه محتوي صفحة الويب من اليمين الي اليسار في التدريب السابق .
خطوات التنفيذ للنشاط :
- التعديل في الكود بإضافة الخاصية dir للأمر <body> .......<body/>
- تخصيص القيمة rtl للخاصية dir , لتصبح صورة الأمر <body> هي <body dir='rtl>
- حفظ تعديل الملف النصي
- فتح ملف صفحة الويب من خلال مستعرض الانترنت لمشاهدة نتيجة تنفيذ الخاصية dir
تدريب: عزيزي القارئ : بالتعاون مع زملائك وبمساعدة معلمك قم بعمل مقارنة بين تأثير القيمة rtl والقيمة itr للخاصية علي اتجاه محتوي صفحة الويب ,
 |
| مقارنة توضح تأثير قيم الخاصية dir |
تنسيقات صفحة الويب
توجد العديد من التنسيقات التي يمكن تطبيقها علي محتوي صفحة الويب حتي تبدو اكثر جاذبية ويوجد من التنسيقات ما يطبق علي النص بصفحة الويب وما يطبق علي خلفية صفحة الويب .
* تنسيق النص يتضمن العديد من العمليات سوف نتناول منها :
- الكتابة بداية من سطر جديد
- محاذاة النص
- وضع فراغات بين الكلمات
- تنسيق الخط من حيث ( النوع - الحجم - اللون - اللنمط)
* تنسيق الصفحة يتضمن :
- تغيير لون خلفية صفحة الويب
- وضع صورة كخلفية لصفحة الويب
أولا : تنسيق النص بصفحة الويب :
1 - الكتابة بداية من سطر جديد بالأمر <br>
لكي يظهر النص داخل صفحة الوي في سطرين يتم استخدام الامر <br> حيث يستخدم هذا الامر للكتابة في سطر جديد
نشاط (جديد) : بالتعاون مع اصدقائك قم بتنفيذ الاتي :
- تشغيل برنامج محرر النصوص .
- كتابة كود HTML الموضح بالشكل .
- حفظ الملف النصي بامتداد htm
- فتح الملف في مستعرض الانترنت .
2- محاذاة النص ( توسيط) بالامر <center/> .........<center>
لوضع نص في منتصف السطر يستخدم الامر <center>
عزيزي القارئ : بالتعاون مع زملائك قم بتنفيذ الاتي :
- فتح الملف النصي السابق.
- إضافة الامر <center> موقع المدرسة <center/>
- حفظ تعديل الملف النصي .
- فتح الملف من خلال مستعرض الإنترنت .
3- إضافة فراغات بين الكلمات بالامر
عند ترك اي عدد من المسافات بين الكلمات داخل ملف الأوامر سوف يتعامل معها مستعرض الإنترنت عند عرض الصفحة علي انها مسافة واحدة , وللتحكم في عدد المسافات (الفراغات ) بين الكلمات نستخدم الرمز :   حيث يتم تكراره بعدد الفارغات المطلوبة بين الكلمات .
نشاط :
عزيزي القارئ قم بتنفيذ الاتي :
- فتح الملف النصي السابق.
- كتابة الكود '' موقع ;  ;  & ; &n&
:  المدرسة.
- حفظ الملف النصي بامتداد htm
- فتح الملف في مستعرض الإنترنت .
ليست هناك تعليقات:
موقع تعليمي يشكركم جميعا ويتمني للجميع التوفيق والنجاح &يمكنكم الانضمام الي الموقع من خلال رابط الانضمام & يمكنكم طلب شروحات واستفسار في اي وقت علي مدار اليوم