Jika Anda memiliki spanduk, tetapi tidak ada kode html yang siap pakai untuk dimasukkan ke dalam halaman, maka menambahkan tautan yang Anda butuhkan tidak terlalu sulit. Bahkan jika spanduk dibuat menggunakan teknologi flash. Opsi yang memungkinkan untuk mengatur tautan ke spanduk dalam format grafik dan flash dalam kode sumber dijelaskan di bawah ini.
instruksi
Langkah 1
Jika banner dalam salah satu format grafik (gif, jpg, png, bmp), maka cukup untuk menempatkan tag gambar di dalam tag tautan, pertama, bentuk tag gambar. Dalam bahasa markup halaman web (HTML - HyperText Markup Language - "hypertext markup language"), versi paling sederhananya terlihat seperti ini: Di sini "alamat relatif" gambar ditentukan dalam atribut src. Dalam versi ini, browser akan menganggap bahwa gambar berada di folder yang sama di server Anda di mana halaman itu sendiri adalah tempat spanduk dimasukkan. Tetapi lebih baik untuk menentukan "alamat absolut":
Langkah 2
Ada beberapa atribut lagi untuk ditambahkan ke tag ini. Dua atribut akan menunjukkan dimensi spanduk (tinggi dan lebar). Ini adalah atribut opsional - gambar akan ditampilkan tanpa atribut tersebut jika semuanya berjalan dengan baik saat halaman dimuat dari server ke browser. Tetapi jika gambar karena alasan tertentu tidak dimuat, maka kurangnya dimensi dapat menyebabkan fakta bahwa semua elemen desain lainnya tidak pada tempatnya. Label ukuran akan terlihat seperti ini:
Langkah 3
Secara default, browser menggambar batas biru di sekitar gambar tautan. Untuk menghindarinya, tambahkan atribut border dengan nilai null ke tag banner:
Langkah 4
Tambahkan satu atribut lagi (judul), yang akan berisi teks untuk tooltip saat Anda mengarahkan kursor mouse ke spanduk:
Langkah 5
Anda telah menyiapkan tag gambar dengan atribut yang paling penting, sekarang Anda harus menempatkannya di dalam tag tautan. Setiap hyperlink dibentuk oleh dua tag - pembuka dan penutup: Tag pembuka berisi atribut href, yang berisi alamat untuk mengirim permintaan. Di antara dua tag tautan ini dan masukkan tag spanduk: Kode HTML spanduk dengan tautan sudah siap, jangan lupa untuk mengganti: - di atribut href: "https://kakprosto.ru" dengan alamat tautan Anda untuk spanduk; - dalam atribut src: " https://kakprosto.ru/banner
Langkah 6
Semua hal di atas mengacu pada spanduk gambar, tetapi ada juga spanduk yang dibuat menggunakan teknologi flash. Untuk memasukkan tautan ke dalam film flash dengan cara standar, Anda tidak hanya harus memiliki spanduk itu sendiri, tetapi juga kode sumbernya. Selain itu, Anda dapat mengedit kode sumber dan kemudian mengkompilasi film Flash hanya di editor khusus - editor teks biasa tidak cocok untuk ini. Namun, ada cara untuk mengatasi semua kesulitan ini, membatasi diri Anda hanya untuk mengedit HTML dan CSS (Cascading Style Sheets - "cascading style sheets"). Bahasa CSS digunakan untuk deskripsi tampilan elemen halaman yang lebih detail (dibandingkan dengan HTML). Dengan bantuannya, struktur multilayer yang agak rumit dapat dibangun di halaman. Kita akan menggunakan ini dengan menempatkan banner Flash di layer bawah, dan menempatkan layer dengan link di atasnya. Kode HTML banner akan terlihat seperti ini:
Jangan lupa untuk mengganti atribut lebar dan tinggi di dalamnya (di dua tempat), nama spanduk banner.swf (di dua tempat) dan alamat tautan https://kakprosto.ru (di satu tempat) dan kode SCC yang sesuai dengan kode HTML ini harus seperti ini:
div.linkedFlashContainer {posisi: relatif; indeks-z: 1; batas: 0px; lebar: 468 piksel; tinggi: 60px}
a.flashLink {posisi: mutlak; indeks-z: 2; lebar: 468 piksel; tinggi: 60 piksel; background: url (spacer.gif) no-repeat;}
Gambar transparan (berukuran berapa pun) yang disebut spacer
