حل درس إنشاء موقع ويب بلغة HTML تقنية رقمية 1
عرفنا سابقا البرمجة و أنواعها و طبقنا على عدد من لغات البرمجة بالكائنات مثل سكراتش هناك لغات برمجة اخرى لا تتم البرمجة فيها من خلال السحب و الإفلات للبنات البرمجية بل من خلال كتابة التعلميات البرمجية و سنتعرف على أحدها في هذه الوحدة
في هذه الوحدة سنقوم بكتابة التعليمات البرمجية بلغة ترميز النص التشعبي (HTML) و المخصصة لتصميم صفحات و مواقع الويب
صفحة الويب
صفحة الويب هي ملف منظم يحتوي على نصوص وصور و وسائط متعددة أخرى ، و كذلك الارتباطات التشعبية يتم عرضها جميعها باستخدام متصفح الويب
موقع الويب
يتكون موقع الويب من مجموعة من الصفحات المترابطة التي يمكن العثور عليها في نفس المجال ( domain ) يحتوي موقع الويب عادة على صفحة بداية تسمى الصفحة الرئيسة التي يمكن للزائر من خلالها الانتقال إلى جميع الصفحات الاخرى . يمكن ان تحتوي صفحة الويب على روابط لصفحات ويب في نفس الموقع أو إلى صفحات في مواقع أخرى
يحتوي المظهر الخاص بموقع الويب على ثلاثة أجزاء مختلفة :
العنوان : يتضمن ترويسة رسومية و شريط التنقل
محتوى الصفحة : و يشمل محتوى النص و الصور وما إلى ذلك
التذييل : يحتوي على روابط مفيدة
ما لغة ترميز النص التشعبي (HTML) ؟
هي لغة برمجة تستخدم لوصف مكونات صفحات الويب لبرامج التصفح من خلال استخدام مجموعة وسوم و التعليمات برمجية يمكن من خلال هذه الوسوم و التعليمات البرمجية تحديد طريقة عرض النصوص و الصور و لورابط و غير ذلك من مكونات صفحة الويب بشكل صحيح في متصفح الويب
| سلبيات HTML | إيجابيات HTML |
1- يقتصر استخدامها على صفحات الويب غير التفاعلية 2- يجب كتابة برنامج لإنشاء صفحة ويب يسيرة 3- يصعب صيانة و تصحيح برنامج بتنسيق HTML | 1- شائعة الاستخدام 2- مدعومة من معظم المتصفحات 3- يمكن تعلمها و كذلك استخدامها بسهولة |
النص التشعبي
هو نص يتم عرضه على شاشة الحاسب أو أي جهاز إلكتروني آخر يحتوي على مرجعيات ( ارتباطات تشعبية ) لنصوص أخرى يمكن للقارئ الوصول إليها بصورة فورية
العلامات
يشير مصطلح العلامات إلى سلسلة الاحرف او الرموز الاخرى التي يمكننا إدراجها في مواقع محددة داخل نص أو داخل ملف معالجة نصوص .يتم الامر لتحديد التنسيقات الخاصة بمظهر الملف ( غامق ، مائل ، مسطر ، … ) عند طباعته أو عرضه أو لوصف البنية المنطقية للمستند
بنية صفحة الويب
يطلق اسم الوسوم ( Tags ) على أحد أجزاء البرنامج المكتوب بلغة HTML . في العادة تأتي وسوم HTML بصورة أزواج مثل وسم الفتح < p > ووسم الإغلاق <p />حيث يوقف الرمز / الموجود في الوسم الثاني تشغيل الامر
يجب أن تتبع صفحة الويب المصممة بتنسيق HTML بنية معينة لكي يتم ترجمتها بصورة صحيحة من قبل المتصفح فالبرنامج المصدري للصفحة ونص صفحة الويب وضعه بين وسمي <html > و <html />
محور HTML
هو برنامج يستخدم لكتابة البرامج بلغة HTML . على الرغم من إمكانية التحكم في برمجة HTMLفي اي صفحة ويب باستخدام أي محرر نصوص إلا أن برامج تحرير HTML المتخصصة توفر إمكانات تحرير و أدوات برمجة إضافية . على سبيل المثال ، لا تتعامل محررات HTML مع تعليمات HTML البرمجية فقط ، بل تمتد وظائفها لتشمل تقنيات أخرى خاصة بإنشاء صفحات الويب مثل صفحات التنسيق النمطية ( css ) و جافا سكريبت من هذه المحررات على سبيل المثال فيجوال ستوديوكود
وسوم HTML الاساسية
هناك قسمان بين وسمي <HTML > و <HTML /> في صفحة الويب أولهما هو قسم ترويسة المستند و الآخر هو قسم المحتوى
لنطبق معا
تدريب 1
السؤال : حدد و أصلح الأخطاء في البرنامج التالي :
< DOCTYPE html!> html dir = rtl Lang = ar < head > <title /> title page title < / meta charset = UTF.8> < head / > < body > < hl/> هذا عنوان < hl> <p /> هذه فقرة < p> < html />
< DOCTYPE html!> html dir = rtl Lang = ar <title /> title page title < / meta charset = UTF.8> < head / > < body > < hl/> هذا عنوان < hl> <p /> هذه فقرة < p> < html /> |