DHTML: ترميز الويب الديناميكي

• قد 13, 2024

DHTML لتقف على دynamic Hyperتيتحويلة Markup Lيمكن تعريفها بأنها فن جعل صفحات ويب HTML ديناميكية من خلال الجمع بين HTML و Javascript و Cascading Style Sheets (CSS). بخلاف الأشكال الأربعة الأخرى من HTML التي تمت دراستها في المقالات الأربعة السابقة في هذه السلسلة ، فإن DHTML ليس معيارًا يحدده اتحاد W3. بدلاً من ذلك ، فهو عبارة عن "مصطلح تسويقي تم استخدامه بواسطة Netscape و Microsoft لوصف التقنيات الجديدة التي ستدعمها مستعرضات الجيل 4.x" (W3 Consortium). قدم HTML 4.0 أولاً عنصرين مهمين متأصلين في بنية DHTML:

• أوراق الأنماط المتتالية (CSS)
• نماذج كائن المستند (DOM)

جعل رمزك ديناميكي

يوفر CSS طرازات وتخطيطًا بينما يوفر DOM نماذج محتوى للمستندات لمستندات HTML. يضيف JavaScript و VBScript القدرة على كتابة تعليمات برمجية للبرمجة النصية للتحكم في عناصر HTML. معًا ، تضيف هذه المكونات الثلاثة إلى صفحات HTML الديناميكية. يتمثل أحد الردع الرئيسي في عدم توافق المتصفح - لا تزال نتسكيب ومايكروسوفت لم تتفقا على ما يجب تنفيذه في متصفحاتهما: وبالتالي ، فإن كتابة صفحات DHTML التي تعمل بشكل جيد في كلا المستعرضين قد يكون خادعًا. لكي ترى بنفسك ، يمكنك الوصول إلى معايير Microsoft و Netscape عبر الإنترنت:

• مكتبة MSDN في مايكروسوفت
• HTML ديناميكي في نتسكيب التواصل

"يتفوق DHTML في إنشاء تأثيرات النطاق الترددي المنخفض التي تعزز وظائف صفحة الويب. يمكن استخدامه لإنشاء الرسوم المتحركة والألعاب والتطبيقات ، وتوفير طرق جديدة للتنقل عبر مواقع الويب ، وإنشاء تخطيطات صفحة خارج هذا العالم والتي ببساطة 'ممكن مع HTML فقط. على الرغم من إمكانية نسخ العديد من ميزات DHTML إما باستخدام Flash أو Java ، فإن DHTML يوفر بديلاً لا يتطلب مكونات إضافية ويدمج بسلاسة في صفحة ويب. "(Dan Steinman ، 1998).

لفهم تعقيدات DHTML ، من المفيد فحص مكوناته بمزيد من التفصيل.

اوراق النمط المتعاقب

CSS هي رموز متطورة تفصل محتوى الويب عن عرض الويب - النمط والموضع والألوان والخطوط وما إلى ذلك. يتيح CSSP أو CSS Positioning إمكانية التحكم على مستوى البكسل في تحديد موضع عنصر HTML. إن فصل نمط العرض التقديمي لمستندات الويب عن المحتوى باستخدام CSS2 (CSS المستوى 2) يبسط تأليف الويب وصيانة الموقع. "يدعم CSS2 أوراق الأنماط الخاصة بالوسائط بحيث يمكن للمؤلفين تخصيص عرض المستندات الخاصة بهم لتتوافق مع المستعرضات المرئية والأجهزة السمعية والطابعات وأجهزة برايل والأجهزة المحمولة باليد ، إلخ. كما تدعم هذه المواصفة تحديد موضع المحتوى والخطوط القابلة للتنزيل وتخطيط الجدول والميزات الخاصة بـ التدويل والعدادات التلقائية والترقيم ، وبعض الخصائص المتعلقة بواجهة المستخدم "(W3 Consortium). يقدم W3C برنامج تعليمي ممتاز لتعلم CSS2 يسمى ، مواصفات CSS2.

جافا سكريبت

JavaScript هي لغة خاصة تعتمد على مستعرض البرمجة النصية وتستخدم للتحكم في عناصر HTML وإضافة وظائف إلى النماذج والإطارات والنوافذ وملفات تمرير الصورة وعناصر التحكم في الصوت والفيديو ومعالجة DHTML. دعا Netscape أولاً إلى JavaScript هذه البرمجة النصية ، لذا توصلت Microsoft إلى المصطلح JScript ، لعلامة تجارية خاصة بها من البرمجة النصية. النتيجة؟ إصداران من JavaScript يمكن أن يكونا غير متوافقين بشكل مزعج. لاستكشاف هذه المشكلة أكثر ، تفضل بزيارة Netscape جافا سكريبت الوسطى ومايكروسوفت ل JScript صفحة الموارد. سر التأثيرات الديناميكية لمحتوى JavaScript هو استخدام كائنات الطبقة. تقوم كائنات الطبقة بتغيير النص عند تمرير الماوس فوقه ؛ يجعل الصور أو النصوص تتحرك في جميع أنحاء صفحة الويب ؛ كما أنه يجعل القوائم المنسدلة. يتم ترتيب كائنات الطبقة في علامات div ، مع تحديد الخصائص مثل اللون والموضع والرؤية.

وضعهم معا

عادةً ما يتم تطبيق DHTML لتحقيق ثلاث مهام:

• موضع أو وضع كتل المحتوى على الصفحة ونقلها
• تعديلات النمط التي تغير شكل ومظهر الصفحة
• التعامل مع الحدث أو ربط أحداث المستخدم بالتغييرات في تحديد المواقع أو تعديلات النمط الأخرى

في الإصدارات الأحدث من Internet Explorer و Netscape (الإصدارات 5 و 6 وما فوق) ، أصبح DOM الكود المفضل لمعظم ترميز DHTML. بمجرد إتقانها ، يمكن أن يساعد DOM مصممي الويب على معالجة تشفير المستندات ذي الصلة بجميع الأنماط والسمات (مثل href) والعناصر (مثل علامات html) في الصفحة ، وإضافة هذه العناصر وحذفها وتعديلها. هذا يعني أن كل علامة وسمات مشتركة لمستند html يمكن الوصول إليها عبر DOM. حاليًا ، يوصى W3C بمستوى طراز كائن المستند 0 و 1. المستوى 2 أيضًا في الأعمال ، لكن لم يتم ترقيته بعد كمعيار لترميز DHTML.

تتوفر مجموعة مفيدة من البرامج التعليمية من خلال HTML الأشياء الجيدة ، ودعا DHTML وطبقة تعليمي.

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

سلسلة HTML تسليط الضوء على المادة

الجزء الأول: يجب أن يعرف مصمم موثوق HTML؟
الجزء 2: HTML 3.2 - ولادة ويلبر
الجزء الثالث: HTML 4.0 و 4.01 - أكثر من شيء جيد!
الجزء الرابع: XHTML: ترميز الويب للتصميم المكرر
الجزء الخامس: DHTML: ترميز الويب الديناميكي

تعليمات الفيديو: شرح مبسط للـ HTML و CSS وكيف تتعلمهم في أقصر وقت ممكن ؟ (قد 2024).