اگر یک بنر دارید ، اما کد html آماده ای برای قرار دادن آن در صفحه وجود ندارد ، افزودن پیوند مورد نیاز کار چندان دشواری نیست. حتی اگر بنر با استفاده از فناوری فلش ساخته شده باشد. گزینه های احتمالی برای سازماندهی پیوندها به آگهی ها با قالب های گرافیکی و فلش در کد منبع در زیر شرح داده شده است.
دستورالعمل ها
مرحله 1
اگر بنر در یکی از قالب های گرافیکی (gif ،.jpg
گام 2
چند ویژگی دیگر برای افزودن به این برچسب وجود دارد. دو ویژگی ابعاد بنر (ارتفاع و عرض) را نشان می دهد. اینها ویژگی های اختیاری هستند - اگر هنگام بارگیری صفحه از سرور به مرورگر ، همه چیز به خوبی پیش رود ، تصویر بدون آنها نمایش داده نمی شود. اما اگر به دلایلی تصویر بارگیری نشود ، کمبود ابعاد می تواند منجر به این شود که همه عناصر طراحی دیگر از جای خود خارج می شوند. برچسب اندازه به صورت زیر خواهد بود:
مرحله 3
به طور پیش فرض ، مرورگر یک حاشیه آبی در اطراف تصاویر پیوند ترسیم می کند. برای جلوگیری از این ، یک ویژگی حاشیه ای با مقدار null به برچسب بنر اضافه کنید:
مرحله 4
هنگامی که نشانگر ماوس را روی بنر قرار می دهید ، یک ویژگی دیگر (عنوان) اضافه کنید که متن مربوط به راهنما را در بر خواهد گرفت:
مرحله 5
شما برچسب تصویر را با مهمترین ویژگی ها آماده کرده اید ، اکنون باید آن را درون برچسب پیوند قرار دهید. هر پیوند با دو برچسب - باز و بسته شدن تشکیل می شود: برچسب باز شامل مشخصه href است که حاوی آدرس ارسال درخواست است. بین این دو برچسب پیوند و درج برچسب بنر: کد HTML بنر با پیوند آماده است ، فراموش نکنید که: - در ویژگی href: "https://kakprosto.ru" را با آدرس پیوند خود جایگزین کنید برای بنر ؛ - در ویژگی src: "https://kakprosto.ru/banner.gif" به آدرس تصویر برای بنر ؛ - در ویژگی عرض: "468" برای عرض بنر شما ؛ - در مشخصه ارتفاع: "60" برای ارتفاع بنر شما ؛ - در ویژگی عنوان: "این یک بنر است!" متن پاپ آپ برای بنر شما.
مرحله 6
همه موارد فوق به بنرهای تصویری اشاره می شوند ، اما بنرهایی نیز هستند که با استفاده از فناوری فلش ساخته شده اند. برای قرار دادن پیوند در یک فیلم فلش به روش استاندارد ، شما باید نه تنها خود بنر ، بلکه کد منبع آن را نیز داشته باشید. علاوه بر این ، می توانید کد منبع را ویرایش کنید و سپس فیلم Flash را فقط در یک ویرایشگر تخصصی کامپایل کنید - ویرایشگر متن معمولی برای این کار مناسب نیست. با این وجود ، راهی برای غلبه بر همه این مشکلات وجود دارد و شما را به ویرایش فقط HTML و CSS محدود می کند (Cascading Style Sheets - "ورق های سبک آبشار"). زبان CSS برای توصیف دقیق تر (در مقایسه با HTML) از ظاهر عناصر صفحه استفاده می شود. با کمک آن ، می توان ساختارهای چند لایه نسبتاً پیچیده ای را در صفحات ایجاد کرد. ما با قرار دادن بنر Flash در لایه پایین ، و قرار دادن لایه با پیوند بالای آن ، از این مورد استفاده خواهیم کرد. کد HTML بنر به این شکل خواهد بود:
فراموش نکنید که ویژگی های عرض و ارتفاع را در آن (در دو مکان) ، نام بنر banner.swf (در دو مکان) و آدرس پیوند https://kakprosto.ru (در یک مکان) جایگزین کنید. و کد SCC مربوط به این کد HTML باید مانند این باشد:
div.linkedFlashContainer {موقعیت: نسبی؛ z-index: 1؛ حاشیه: 0px؛ عرض: 468 پیکسل؛ ارتفاع: 60 پیکسل}
a.flashLink {موقعیت: مطلق؛ z-index: 2؛ عرض: 468 پیکسل؛ ارتفاع: 60 پیکسل پس زمینه: url (spacer.gif) بدون تکرار ؛}
از یک تصویر شفاف (در هر اندازه) به نام spacer
