Sekiranya anda mempunyai sepanduk, tetapi tidak ada kod html siap pakai untuk memasukkannya ke dalam halaman, maka menambahkan pautan yang anda perlukan tidak begitu sukar. Walaupun sepanduk dibuat menggunakan teknologi flash. Pilihan yang mungkin untuk mengatur pautan ke sepanduk dalam format grafik dan kilat dalam kod sumber dijelaskan di bawah.
Arahan
Langkah 1
Sekiranya sepanduk berada dalam salah satu format grafik (gif, jpg, png, bmp), maka cukuplah meletakkan label gambar di dalam tag pautan. Pertama, bentuk tag gambar. Dalam bahasa markup halaman web (HTML - HyperText Markup Language - "hypertext markup language"), versi termudahnya seperti ini: Di sini "alamat relatif" gambar ditentukan dalam atribut src. Dalam versi ini, penyemak imbas akan menganggap bahawa gambar berada di folder yang sama di pelayan anda dengan halaman itu sendiri di mana sepanduk dimasukkan. Tetapi lebih baik untuk menentukan "alamat mutlak":
Langkah 2
Terdapat beberapa lagi atribut untuk ditambahkan pada teg ini. Dua atribut akan menunjukkan dimensi sepanduk (tinggi dan lebar). Ini adalah atribut pilihan - gambar akan dipaparkan tanpa mereka jika semuanya berjalan lancar semasa halaman dimuat dari pelayan ke penyemak imbas. Tetapi jika gambar untuk beberapa alasan tidak dimuat, maka kekurangan dimensi dapat menyebabkan kenyataan bahawa semua elemen reka bentuk lain akan menjadi tidak sesuai. Tanda saiz akan kelihatan seperti ini:
Langkah 3
Secara lalai, penyemak imbas menarik sempadan biru di sekitar gambar pautan. Untuk mengelakkan ini, tambahkan atribut sempadan dengan nilai nol pada tag sepanduk:
Langkah 4
Tambahkan satu lagi atribut (tajuk), yang akan mengandungi teks untuk petua alat apabila anda mengarahkan kursor tetikus ke atas sepanduk:
Langkah 5
Anda telah menyiapkan tag gambar dengan atribut yang paling penting, sekarang anda perlu meletakkannya di dalam tag pautan. Setiap hyperlink dibentuk oleh dua tag - pembukaan dan penutupan: Tag pembuka berisi atribut href, yang berisi alamat untuk mengirim permintaan. Di antara dua tag pautan ini dan masukkan tag sepanduk: Kod HTML sepanduk dengan pautan sudah siap, jangan lupa ganti: - di atribut href: "https://kakprosto.ru" dengan alamat pautan anda untuk sepanduk; - dalam atribut src: "https://kakprosto.ru/banner.gif" ke alamat gambar untuk sepanduk; - dalam atribut lebar: "468" untuk lebar sepanduk anda; - dalam atribut tinggi: "60" untuk ketinggian sepanduk anda; - dalam atribut tajuk: "Ini sepanduk!" teks pop timbul untuk sepanduk anda;
Langkah 6
Semua perkara di atas merujuk kepada sepanduk gambar, tetapi ada juga sepanduk yang dibuat menggunakan teknologi flash. Untuk memasukkan pautan ke dalam filem kilat dengan cara biasa, anda harus mempunyai bukan sahaja sepanduk itu sendiri, tetapi juga kod sumbernya. Di samping itu, anda boleh mengedit kod sumber dan kemudian menyusun filem Flash hanya dalam penyunting khusus - penyunting teks biasa tidak sesuai untuk ini. Namun, ada cara untuk mengatasi semua kesulitan ini, membatasi diri untuk mengedit hanya HTML dan CSS (Cascading Style Sheets - "cascading style sheet"). Bahasa CSS digunakan untuk keterangan yang lebih terperinci (berbanding HTML) mengenai penampilan elemen halaman. Dengan bantuannya, struktur pelbagai lapisan yang agak kompleks dapat dibina di halaman. Kami akan menggunakannya dengan meletakkan sepanduk Flash di lapisan bawah, dan meletakkan lapisan dengan pautan di atasnya. Kod HTML sepanduk akan kelihatan seperti ini:
Jangan lupa untuk mengganti atribut lebar dan tinggi di dalamnya (di dua tempat), nama sepanduk banner.swf (di dua tempat) dan alamat pautan https://kakprosto.ru (di satu tempat). Dan kod SCC sepadan dengan kod HTML ini harus seperti ini:
div.linkedFlashContainer {kedudukan: relatif; z-index: 1; sempadan: 0px; lebar: 468 piksel; tinggi: 60px}
a.flashLink {kedudukan: mutlak; z-index: 2; lebar: 468 piksel; tinggi: 60 piksel; latar belakang: url (spacer.gif) tidak berulang;}
Gambar telus (dari pelbagai ukuran) yang disebut spacer
