Bir pankartınız varsa, ancaq səhifəyə əlavə etmək üçün hazır bir html kodu yoxdursa, lazım olan linki əlavə etmək o qədər də çətin deyil. Banner flaş texnologiyasından istifadə edilərsə belə. Mənbə kodundakı qrafik və flaş formatındakı bannerlərə əlaqələrin təşkili üçün mümkün variantlar aşağıda təsvir edilmişdir.
Təlimat
Addım 1
Banner qrafik formatlarından birindədirsə (gif, jpg, png, bmp), onda şəkil etiketini keçid etiketinin içinə qoymaq kifayətdir, əvvəlcə şəkil etiketini düzəldin. Veb səhifələrin işarələmə dilində (HTML - HyperText Markup Language - "hipertext markup language"), ən sadə versiyası belə görünür: Burada src atributunda görüntünün "nisbi ünvanı" göstərilir. Bu versiyada brauzer şəkilin bannerin yerləşdirildiyi səhifənin öz serverindəki eyni qovluqda olduğunu düşünəcəkdir. Ancaq "mütləq bir ünvan" göstərmək daha yaxşıdır:
Addım 2
Bu etiketi əlavə etmək üçün bir neçə atribut var. İki xüsusiyyət banner ölçülərini (hündürlük və en) göstərəcəkdir. Bunlar isteğe bağlı atributlardır - səhifə serverdən brauzerə yükləndikdə hər şey yaxşı olarsa, şəkil onlarsız göstəriləcəkdir. Ancaq şəkil nədənsə yüklənmirsə, ölçülərin olmaması bütün digər dizayn elementlərinin yerində olmayacağına səbəb ola bilər. Ölçü etiketi belə olacaq:
Addım 3
Varsayılan olaraq, brauzer bağlantı şəkillərinin ətrafında mavi bir haşiyə çəkir. Bunun qarşısını almaq üçün banner etiketinə sıfır dəyəri olan bir sərhəd atributu əlavə edin:
Addım 4
Siçan imlecini bannerin üzərinə apardığınızda alət ipucu mətnini ehtiva edən bir atribut (başlıq) əlavə edin:
Addım 5
Ən vacib atributlarla şəkil etiketini hazırlamısınız, indi onu link etiketinin içərisinə yerləşdirməlisiniz. Hər bir köprü iki etiketlə açılır və bağlanır: Açılış etiketi sorğu göndərmək üçün ünvanı ehtiva edən href atributunu ehtiva edir. Bu iki link etiketi arasına və banner etiketini daxil edin: Linki olan bannerin HTML kodu hazırdır, əvəz etməyi unutmayın: - href atributunda: "https://kakprosto.ru" linkinizin ünvanı ilə banner üçün; - src atributunda: "https://kakprosto.ru/banner.gif" banner üçün şəklin ünvanına; - genişlik atributunda: bannerinizin eni üçün "468"; - boy atributunda: bannerinizin hündürlüyü üçün "60"; - başlıq atributunda: "Afişadır!" banneriniz üçün açılan mətn;
Addım 6
Yuxarıda deyilənlərin hamısı görüntü pankartlarına aiddir, lakin flaş texnologiyasından istifadə edərək hazırlanmış pankartlar da var. Standart bir şəkildə bir flaş filmə bir keçid əlavə etmək üçün yalnız pankartın özünə deyil, həm də mənbə koduna sahib olmalısınız. Bundan əlavə, mənbə kodunu düzəldə bilərsiniz və sonra Flash filmini yalnız ixtisaslaşmış bir redaktorda tərtib edə bilərsiniz - bunun üçün adi bir mətn redaktoru uyğun deyil. Bununla birlikdə, bütün bu çətinliklərdən keçməyin bir yolu var, özünüzü yalnız HTML və CSS-i (Cascading Style Sheets - "kaskad üslub cədvəlləri") redaktə etməklə məhdudlaşdırın. CSS dili səhifə elementlərinin görünüşünün daha ətraflı (HTML ilə müqayisədə) təsviri üçün istifadə olunur. Onun köməyi ilə səhifələrdə kifayət qədər mürəkkəb çox qatlı tikililər tikilə bilər. Bunu Flash bannerini alt təbəqəyə yerləşdirərək və üstündəki keçid ilə qatı yerləşdirərək istifadə edəcəyik. Pannerin HTML kodu belə görünür:
İçindəki genişlik və hündürlük atributlarını (iki yerdə), banner.swf banner adını (iki yerdə) və https://kakprosto.ru (bir yerdə) əlaqə ünvanını dəyişdirməyi unutmayın. bu HTML koduna uyğun gələn belə olmalıdır:
div.linkedFlashContainer {mövqe: nisbi; z-indeks: 1; sərhəd: 0px; genişlik: 468 piksel; hündürlük: 60px}
a.flashLink {mövqe: mütləq; z-indeks: 2; genişlik: 468 piksel; hündürlük: 60px; arxa plan: url (spacer.gif) təkrarlanmayan;}
Burada spacer
