ما هي لغة HTML و كيف تعمل نظم تصفح انترنت بصورة عامة.

صفحة ال HTML هي عبارة عن كلف نص يحتوي على اوامر مخصصة للمتصفح، حيث ترشده تلك الاوامر الى النص المطلوب عرضه على شاشة المتصفح و طريقة عرضه. قد تحتوي صفحة ال HTML العادية على كود HTML فقط، ما انها قد تحتوي على كود VB Script او Java Script ايضا، و يمكنها ان تحتوي على كود Cascade Style Sheet المختصر ب CSS ايضا. ولكنها لا يمكن ان تحتوي على اية رسومات او كائنات ActiveX او اية شيئ اخر غير النصوص، حيث ان النص قد يحتوي على روابط لمكان ايجاد هذه الصور او الكائنات، ولكنها لا يمكن ان تدمج مع الصفحة نفسها.

هناك نوع صفحات اخر مطور من مايكروسوفت مخصص لحفظ الصفحة نفسها ولكنه لا يجبذ استخدامه في بناء المواقع، فقط في عملية حفظها، و هو الملفات من نوع .MHT حيث انها تحفظ الصفحة و ما بها من اضافات في هذا الملف، و يمكن لكل متصفحات مايكروسوفت تقريبا حفظ اية صفحة بهذا الامتداد.

كود ال HTML بداخل الصفحة يبدا دائما بقوسين من هذا الشكل <> و ينتهي دائما بقوسين من هذا الشكل >، حيث يحتوي كل قوسين على امر ما، و على سبيل المثال لبداية الصفحة و لنهاية كود الصفحة، و ما الي ذلك.

مثال اخر،

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

لا يجب ان تكون خبير HTML ولكني اكتب ذلك لتكوين فكرة عامة عن اللغة نفسها، الان كل امر بين قوسين يمكن ان يكون له خصائص و اجرائات، بالضبط مثل لغات البرمجة، و الخصائص و الاجرائات هي ما ادى الى عدم اتفاق Netscape و Microsoft على مواصفات DHTML 4 حيث تطلب الاولى اختصار ذلك و تحويل كل ما يمكن تحويله الى برمجيات Java و تطلب الثانية دعم اوسع ل HTML و تحويله الى لغة برمجة متكاملة.

على سبيل المثال الامر التالي كما قلنا يقوم ببناء جدول

كل قطعة HTML يمكن ان يكون لديها اجرائات ايضا، مثل مرور الفائرة فوقها، و خروج الفائرة من مجالها، او الضغط على الزر و ما الى ذلك، لو اردنا ان ننفذ امر مباشرة بعد ان تدخل الفائرة مجال كائن ما و ليكن سطر في الجدول، فكل ما علينا هو بناء الكود اول الصفحة في شكل اجراء بلغة VB Script او Java Script و من ثم نربطها مع ذلك الكائن.

لنقل بانه بنينا اجراء بالاسم func1 اعلى الكود و اردنا تشغيله لحظة مرور الفائرة في مجال السطر في الجدول فيمكننا تعديل الخاصية ONMOUSEOVER لربطها مع الاجراء السابق كالتالي

بالنسبة للمتغير THIS فهو ضروري للغاية، حيث انه يمرر مؤشر يمكن استخدامه لاحقا للوصول الى السطر نفسه و كل اجزائه من داخل الاجراء الذي بنيناه مباشرة.

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

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

كود ال HTML نفسه يعرض البيانات بطريقة موحدة، و اقصد بانه النصوص تعرض بخط موحد و الروابط لها لون محدد و يتم وضعع خط تحتها، كما ان الجداول لها خصائص محددة دائما.

يمكنك تعديل بالطبع شكل الاحرف الخاصة بصفحاتك بواسطة اضافة بعض اوامر ال HTML الاضافية لتعديل النصوص، و خصائص الكائنات المختلفة، ولكنها متعبة عندما تكثر الصفحات، لذلك هناك طريقة اسهل بكثير و هي اعادة تعريف خصائص المتصفح نفسه و هي ما يسمى Cascade Style Sheet او CSS.

CSS عبارة عن ملف يرفق بصفحة الويب او كود يكتب اعلى الصفحة ، و يحتوي على تعريف الصفحة الجديد، مثل نوع الخط، المسافة بين السطور عند الضغط على الزر enter و هل هناك خطوط تحت الروابط ام لا، حتى تغير لون الروابط عندما تاتي الفائرة فوقها يمكن تعديلها من داخل ال CSS>

هذا مثال لنص CSS يحدد لون اشرطة الادوات الخاصة بمتصفح الويب (IE 5.5 و ما بعده) من موقعنا الجديد ، كما يحدد نوع الاحرف و تباعدها عند الضغط على الزر Enter لبدء سطر جديد

BODY
{
    FONT-SIZE: 10PT;
    COLOR: BLACK;
    FONT-FAMILY: TAHOMA;
	SCROLLBAR-3D-LIGHT-COLOR: WHITE;
	SCROLLBAR-ARROW-COLOR: BLACK;
	SCROLLBAR-BASE-COLOR: BLACK;
	SCROLLBAR-DARK-SHADOW-COLOR: WHITE;
	SCROLLBAR-FACE-COLOR: #FFCC00;
	SCROLLBAR-HIGHLIGHT-COLOR: WHITE;
	SCROLLBAR-SHADOW-COLOR: WHITE;
}

P
{
    MARGIN: 0PT 0 PT 0.001PT
}

الكلمات المحجوزة مثل BODY و P و الكثير غريها هي معروفة للمتصفح، ولكن ان رغبنا بان نعدل رابط من الروابط مثلا لان لا يتبع التعريف العام يمكننا عند ذلك بناء تعريف جديد باضافة نقطه قبله مثل مثلا

.RIGHTMENU: ACTIVE
{
    COLOR: BLUE;
    TEXT-DECORATION: NONE
}

حيث قمنا ببناء تعريف جديد و هو RIGHTMENU و انا استخدمه بالمناسبة في القائمة الفرعية في موقعنا ، اما كلمة Active فتعني عندما تمر الفائرة فوقه.

الان يمكننا اضافة هذا التعريق للرابط و نفصله عن الشكل العام باضافة الكلمة CLASS=RIGHTMENU ال الرابط كالتالي TEXT ، حيث نظريا يمكن اضافة ال CSS الى اية كائن في كود ال HTML

كود ال HTML قد يحتوي ايضا على بيانات يجب ان تنفذ من طرف الجهاز المركزي قبل ان تاتي الى المتصفح، حيث يجب ان ياتي للمتصفح نتيجة تنفيذها فقط و هذا الكود قد يكون Visual Basic Script او Java Script و هو كل ما يوجد بداخل قوسين من هذا النوع <% CODE %>.

الجهاز المركزي لا يعلم بانه يجب ان ينفذ كود في صفحة ما الا اذا قمت بتعديل نوعها من HTM او HTML الى ASP فلو كان اسمها ABC.HTM و وضعت فيها كود مطلوب تنفيذه من طرف الجهاز المركزي، فيجب ان تغير اسمها الى ABC.ASP و من هنا اتى الاسم Active Server Pages.

قد تحتوي الصفحةعلى كود PHP او كود CGI لذلك يجب اتن تغير نوعها في هذه الحالة الىPHP او CGI على سبيل المثال ABC.HTM تصبح ABC.PHP او ABC.CGI ، اقصد بتغير نوعها هو تغير الامتداد في الاسم فقط.

خادم الويب يفحص اسم الصفحة بنائا على اسم امتدادها، و بنائا على ذلك يرسلها الى المتصفح او يقرر تمريرها الى نظام ترجمة الكود الخاص بها مثل ASP او PHP و ما الى ذلك. كما لا يجوز لصفحة ان تحتوي كود لنوعين من اللغات مثل PHP و Java Script الا اذا كان محرك الترجمة يدعم ذلك.

محرك ترجمة الصفحات الخاص بمايكروسوفت Active Server Pages 3 يدعم بالكامل لغتي Java Script و VB Script معا ، حيث يمكن للصفحة ان تحتوي على اللغتين معا.

كود ال HTML ايضا قد يحتوي على كائنات Active X مثل رسوم متحركة مبنية ببرنامج Macromedia Flash مثلا، او غيرها من الاضافات، و يمكن لهذه الكائنات ان تتحكم في كود ال HTML ايضا، و ذلك يمكننا ببناء قوائم منسدلة و بها رسوم متحركة، بحيث يمكن لهذه القوائم توجيه اوامر الى المتصفح عن طريق كائن ال Active X، اي ان الاتصال ثنائي الاتجاه.

و قد تتنوع كائنات ال ActiveX فقد تحتوي صفحة ما على كائنات للحوار مثلا او كائنات عديدة غيرها. ، كل هذه الكائنات يتم انزالها من الموقع و تسجيلها في نظام التشغيل الخاصبالمستخدم النهائي، ونظرا لوصولها المباشر الى كل اجزاء النظام الخاص بالمستخدم النهائي، فقد لا يوافق المستخدم النهائي على تسجيل هذه الكائنات في جهازه ان لم يثق في الموقع مثلا.

شكرا على هذا الموضوع الجميل والشيق استاذنا العزيز وبارك الله فيك

ونتمني لك التوفيق يااخي