على الرغم من الانخفاض الكبير في شعبيتها منذ إنشائها ، لا تزال اللافتات اليوم واحدة من وسائل الإعلان الرئيسية على الإنترنت. أبسط لافتة هي صورة بسيطة. ولكن لكي تؤدي وظيفتها بشكل كامل ، تحتاج إلى جعلها قابلة للنقر.
انه ضروري
القدرة على تغيير ترميز صفحة الويب
تعليمات
الخطوة 1
اجعل الشعار قابلاً للنقر بوضعه في ارتباط تشعبي. استخدم عنصر HTML أ. أضف علامة بداية بسمة href تشير إلى المورد الهدف ، بالإضافة إلى علامة نهاية. على سبيل المثال: هذه هي الطريقة الأبسط والأكثر استخدامًا لإضافة لافتات إلى صفحات الويب. في الواقع ، الصورة هنا هي مرساة الارتباط.
الخطوة 2
قم بتطبيق خرائط العميل لإنشاء نقاط فعالة متعددة في صورة الشعار. في ترميز HTML للمستند ، أضف عنصر MAP بسمة الاسم التي تحدد اسم الخريطة. في MAP ، ضع واحدًا أو أكثر من أطفال المنطقة مع سمات href والشكل والترابط الصحيح. على سبيل المثال: بالنسبة لعنصر IMG الذي يحدد الشعار ، أضف سمة usemap التي تشير إلى مخطط العميل. على سبيل المثال: تسمح لك هذه الطريقة باستخدام لافتة واحدة لإعادة توجيه المستخدم إلى موارد مختلفة ، اعتمادًا على المنطقة التي تم تنشيطها.
الخطوه 3
استخدم القدرة على معالجة أحداث إدخال المستخدم بواسطة البرامج النصية للعميل لبدء عملية التبديل إلى مورد آخر عند النقر فوق لافتة. قم بتعيين معالج onclick على عنصر المستند المناسب. يمكن القيام بذلك عن طريق إضافة سمة onclick إلى ترميز HTML: أو مباشرة من البرنامج النصي: تسمح لك هذه الطريقة بالتحكم بمرونة في عملية إعادة توجيه المستخدم عند النقر فوق لافتة ، ولكنها لا تعمل عند تعطيل البرامج النصية في المتصفح.
الخطوة 4
قم بتضمين الشعار في صفحة الويب باستخدام عنصر INPUT من نوع الصورة المضمنة في النموذج لجعلها قابلة للنقر. يحدد عنصر INPUT بسمة نوع الصورة زر إرسال رسومي. يتم تحديد عنوان مورد الصورة بواسطة سمة src. على سبيل المثال: يوفر تطبيق طريقة عرض لافتة فرصًا رائعة. لذلك ، يمكنك إرسال كمية كبيرة من البيانات الإضافية إلى الخادم باستخدام الحقول المخفية ، وخاصة باستخدام طلب POST لإرسال نموذج. يمكنك تنفيذ بعض الإجراءات على النموذج قبل الإرسال عن طريق تعيين معالج onsubmit. يجوز تعيين خريطة عميل لصورة زر باستخدام سمة خريطة المستخدم.
