إذا كان لديك لافتة ، ولكن لا يوجد كود html جاهز لإدراجه في الصفحة ، فإن إضافة الرابط الذي تحتاجه ليس بالأمر الصعب. حتى لو تم عمل اللافتة باستخدام تقنية الفلاش. فيما يلي وصف للخيارات الممكنة لتنظيم الارتباطات إلى اللافتات بتنسيقات الرسوم والفلاش في التعليمات البرمجية المصدر.
تعليمات
الخطوة 1
إذا كان الشعار في أحد تنسيقات الرسوم (gif ،.jpg
الخطوة 2
هناك عدد قليل من السمات لإضافتها إلى هذه العلامة. ستشير سمتان إلى أبعاد البانر (الارتفاع والعرض). هذه سمات اختيارية - سيتم عرض الصورة بدونها إذا سارت الأمور على ما يرام عند تحميل الصفحة من الخادم إلى المتصفح. ولكن إذا لم يتم تحميل الصورة لسبب ما ، فإن نقص الأبعاد يمكن أن يؤدي إلى حقيقة أن جميع عناصر التصميم الأخرى ستكون في غير مكانها. ستبدو علامة الحجم كما يلي:
الخطوه 3
بشكل افتراضي ، يرسم المستعرض حدًا أزرق حول صور الارتباط. لتجنب ذلك ، أضف سمة حد ذات قيمة فارغة إلى علامة banner:
الخطوة 4
أضف سمة أخرى (العنوان) ، والتي ستحتوي على نص تلميح الأداة عند تحريك مؤشر الماوس فوق البانر:
الخطوة الخامسة
لقد أعددت علامة الصورة بأهم السمات ، والآن تحتاج إلى وضعها داخل علامة الارتباط. يتكون كل ارتباط تشعبي من علامتين - الفتح والإغلاق: تحتوي العلامة الافتتاحية على سمة href ، والتي تحتوي على عنوان إرسال الطلب. بين علامتي الارتباط هاتين وأدخل علامة البانر: كود HTML للشعار الذي يحتوي على الرابط جاهز ، لا تنسَ استبدال: - في سمة href: "https://kakprosto.ru" بعنوان الارتباط الخاص بك للراية ؛ - في سمة src: "https://kakprosto.ru/banner.gif" إلى عنوان صورة الشعار ؛ - في سمة العرض: "468" لعرض الشعار الخاص بك ؛ - في سمة الارتفاع: "60" لارتفاع البانر ؛ - في سمة العنوان: "إنه إعلان بانر!" نص منبثق للشعار الخاص بك ؛
الخطوة 6
كل ما سبق يشير إلى لافتات الصور ، ولكن هناك أيضًا لافتات مصنوعة باستخدام تقنية الفلاش. لإدراج رابط في فيلم فلاش بطريقة قياسية ، لا تحتاج فقط إلى الشعار نفسه ، ولكن أيضًا رمز المصدر الخاص به. بالإضافة إلى ذلك ، يمكنك تحرير التعليمات البرمجية المصدر ثم تجميع فيلم Flash فقط في محرر متخصص - محرر نص عادي غير مناسب لذلك. ومع ذلك ، هناك طريقة للتغلب على كل هذه الصعوبات ، حيث تقصر نفسك على تحرير HTML و CSS فقط (أوراق الأنماط المتتالية - "أوراق الأنماط المتتالية"). تُستخدم لغة CSS للحصول على وصف أكثر تفصيلاً (مقارنةً بلغة HTML) لمظهر عناصر الصفحة. بمساعدتها ، يمكن بناء هياكل متعددة الطبقات معقدة على الصفحات. سنستخدم هذا من خلال وضع شعار الفلاش في الطبقة السفلية ، ووضع الطبقة التي تحتوي على الرابط أعلاها. سيبدو كود HTML الخاص بالبانر كما يلي:
لا تنسَ استبدال سمات العرض والارتفاع فيه (في مكانين) ، واسم البانر banner.swf (في مكانين) وعنوان الرابط https://kakprosto.ru (في مكان واحد) ورمز SCC يجب أن يكون المطابق لشفرة HTML هذا على النحو التالي:
div.linkedFlashContainer {الوضع: نسبي؛ مؤشر z: 1 ؛ الحدود: 0 بكسل ؛ العرض: 468 بكسل ؛ الارتفاع: 60 بكسل}
a.flashLink {الموقف: مطلق ؛ مؤشر z: 2 ؛ العرض: 468 بكسل ؛ الارتفاع: 60 بكسل ؛ الخلفية: url (spacer.gif) لا تكرار ؛}
تُستخدم هنا صورة شفافة (بأي حجم) تسمى spacer.gif. وهنا أيضًا لا تنس تغيير حجم العرض والارتفاع (في مكانين).
