Bagaimana untuk membuat rujukan gambar dalam gambar? Bagaimana untuk memasukkan pautan ke gambar

Mewujudkan banner dan peta lokasi, webmaster pemula berhadapan dengan masalah seperti ini, bagaimana untuk memasukkan pautan kepada gambar, lakukan dengannya menu lebih cerah dan lebih menarik. Tetapi bagaimana untuk melaksanakannya? Tiada apa yang lebih mudah jika anda tahu bahasa HTML.

Marilah kita mengetahui bagaimana kita boleh membuat realiti idea ini. Dalam artikel ini, kami akan menawarkan anda dua pilihan untuk menyelesaikan masalah ini. Satu jarang digunakan disebabkan oleh hakikat bahawa ia mengambil banyak masa dan usaha, manakala yang kedua dianggap sebagai terkenal. Kami menganalisis dengan anda kedua-duanya.

Di mana imej-link digunakan

Sebelum kita bercakap mengenai bagaimana untuk membuat rujukan gambar dalam gambar, kita akan memahami di mana dan mengapa ia digunakan. Lagipun, ia akan lebih mudah untuk memahami apa yang kita mahu daripada imej.

Imej pautan biasanya digunakan sebagai sepanduk, iklan tout lukisan. Contoh ini adalah gambar-gambar semua dalam yang sama "VKontakte". Ingat berapa kali anda telah klik pada foto untuk yang alamat tertentu telah dibina? Di samping itu, seringkali ia digunakan dalam bentuk kumpulan menu dan masyarakat, terutamanya jika ia mengandungi catatan khas. Banyak imej yang didapati di laman web lain.

Menampal pautan ke dalam gambar

Perkara yang paling mudah - gambar-link. Itu mengenainya, kita bercakap untuk bermula. Ilustrasi ini adalah rujukan bersedia. Ie klik pada ikon ini, anda akan diarahkan ke halaman yang baru.

Jika anda tahu bagaimana ia ditakrifkan oleh pautan bersama-sama dengan bantuan HTML markup, masalah anda perlu timbul. Satu-satunya perbezaan adalah bahawa bukan pautan teks dinyatakan imej.

Jadi, untuk melaksanakan rancangan itu, anda perlu gambar itu sendiri, yang dimuat naik ke internet atau disimpan pada komputer anda (bergantung kepada sama ada anda bekerja dalam mod dalam talian, sebenarnya di laman web, atau zadeystvuete editor).

Kami sedang mencari alamat imej, menulis, tidak lupa. Juga menetapkan pautan yang perlu membuka gambar ini.

Seterusnya, menulis berikut: Laman href="http:// - kod khas . Imej-link ditakrifkan dengan bantuan.

Oleh itu, kita menetapkan pautan yang dipaparkan dalam bentuk ilustrasi. Cukup mudah. Tetapi pendekatan ini hanya jika anda percaya bahawa perlu ada hanya satu link. Tetapi bagaimana jika perlu ada beberapa? Kemudian kita beralih kepada pilihan lain.

Buat menu gambar

Kaedah pertama telah dibangunkan secara bebas dalam kajian laman web bahasa markup. Penciptaan menu itu boleh mengambil masa beberapa jam.

Kaedah ini sesuai untuk mereka yang suka bermain-main dengan pelbagai editor, kerana ia agak memakan masa dan mengambil masa lebih lama daripada penciptaan kad menu atau kaedah kedua. ia terletak pada hakikat bahawa gambar itu diambil, yang dipotong menjadi beberapa jalur atau dua. Setiap imej ditandatangani, dan asas untuk pautan, seperti yang dinyatakan di atas. Seterusnya, klik halaman kod ditulis dalam susunan yang betul. Itu sahaja persoalan bagaimana untuk membuat rujukan gambar dalam gambar, hampir diselesaikan. Tetapi jangan lupa tentang pilihan kedua.

Dia adalah untuk membuat menu dengan hanya satu gambar, meminta setiap zon menggambarkan pautannya. Jangan bimbang, tiada apa ini sangat kompleks dalam hal ini. Sekarang, perkara pertama yang pertama.

Bagaimana untuk membuat

Mari kita kaji lebih sedikit cara pertama.

Sebagai permulaan, anda akan memerlukan pengetahuan editor grafik, dan HTML. Bagaimana untuk membuat gambar rujukan, ia memberitahu jenis ini laman markup.

Jadi, jika anda memutuskan untuk pergi dengan cara ini, anda perlu imej dan editor grafik mudah yang membolehkan anda untuk memotong gambar-gambar dan meletakkan pada label mereka, dan juga sebagai tempat di mana anda akan dapat untuk mengisi mereka.

Jika ini adalah laman web anda sendiri - sesuai konvensional galeri atau perpustakaan fail, secara "VKontakte" ia mungkin menjadi album atau masyarakat (sebaik-baiknya percuma) kumpulan.

Seterusnya, imej yang hendak potong, oleh itu ia adalah perlu untuk ingat perintah itu di mana bahagian-bahagian yang diterima. Cap ke atasnya tulisan dan mengisi pelayan, menulis rujukan pada setiap gambar.

Mengambil kod di atas, dan untuk menggantikan data yang dikehendaki. Kemudian mengisi imej di laman web ini dalam perintah itu di mana mereka harus pergi. Pada masa yang sama, jika anda potong menjadi jalur, maka anda perlu bertanya kepada setiap pautan dalam garis baru, tetapi jika anda telah berkongsi gambar ke dua, maka anda perlu untuk dimasukkan ke dalam berturut-turut yang banyak link kerana ia ternyata dua.

Kita melakukan satu peta tapak

Jadi, jika anda tidak suka versi pertama, dan anda mahu belajar bagaimana untuk membuat rujukan gambar dalam gambar dalam apa-apa cara lain, kita boleh menawarkan anda untuk membangunkan rujukan peta. Ia menjadikannya lebih mudah, di sini hanya boleh berlaku dengan parameter tugas masalah. Mengapa akan memahami lebih lanjut.

Pertama, kita harus ingat bahawa sitemap adalah dihubungkan dengan imej dengan menggunakan usemap arahan = "# map1, yang ditetapkan dalam img tag Oleh itu, mengisi gambar di laman web, pastikan untuk menambah tag pada bahagian kedua -. Usemap =" # nama peta ".

imej markup lebih jauh ke dalam zon, yang dilampirkan kepada pautan dilakukan dengan menggunakan tag berpasangan , yang boleh diletakkan di mana-mana tempat di antara tag berpasangan .

Ambil perhatian bahawa apabila menggunakan jenis ini peta perlu ditanya bukan sahaja pautan, tetapi juga bidang aktiviti dan koordinat mereka. Seterusnya, kita akan mengkaji parameter asas yang mempunyai tag.

tetapan pintasan

Jadi, di depan mata anda, siap rujukan gambar. HTML membolehkan anda untuk memperbaiki fungsi imej - untuk memperuntukkan ia kawasan tertentu untuk rujukan. Semua ini diberikan oleh parameter tertentu, yang kini akan dibincangkan.

Mari kita bercakap sedikit tentang parameter asas tag berpasangan . Terutamanya nama ini, yang adalah sama dengan usemap nilai. Supaya anda menetapkan bahawa kad yang ditulis untuk gambar.

Lanjut dalam pasangan tag ditetapkan tag lain - , yang menggambarkan bidang rujukan. Dia bukan lelaki itu dan, sudah tentu, ia mempunyai parameter sendiri.

Yang pertama - bentuk. Dengan bantuan webmaster yang menetapkan jenis lapangan. Ini boleh:

• bulatan - bulatan;
• segi empat tepat - segi empat bujur;
• Polygon - poli;
• gambar kawasan lain - lalai.

Seterusnya - coords. Dengan bantuan koordinat kawasan piksel. Asal dalam ini sistem koordinat - sudut kiri atas. Ia kemudian, dan masalah utama - tidak begitu mudah untuk menentukan koordinat oleh piksel, terutamanya jika tidak ada kebiasaan dengan grafik komputer.

Kami juga menyebut href cukup terkenal, yang menetapkan alamat pautan.

Dan pilihan terakhir, iaitu untuk disebut, - nohref. Ia menunjukkan bahawa kawasan ini tidak rujukan.

Sudah tentu, ini bukanlah satu senarai lengkap parameter yang anda boleh menetapkan gambar atau pautan-map. Tetapi pada masa yang sama, ia akan cukup untuk membuat pautan yang terang dan berwarna-warni atau keseluruhannya daripada sistem mereka.

Tips

Mana-mana cara untuk penciptaan pautan, gambar anda pilih, apa yang penting adalah bahawa imej asal adalah baik. Cuba untuk memilih mereka reka bentuk yang tidak menangkap mata, tidak merengsakan warna-warna terang atau corak. Ini adalah penting terutamanya untuk peta tapak. Anda boleh membuat kolaj daripada beberapa gambar, gelap mereka, atau menghidupkan salah satu daripada penapis dalam program grafik.

Apabila anda membuat peta tapak adalah disyorkan untuk memilih imej dengan lembut, bukan menjengkelkan kepada corak mata. Percayalah, tidak selalunya kunci kepada kejayaan - -LINK gambar terang. "VKontakte", bagaimanapun, sering memberi tumpuan hanya pada kecerahan dan showiness, untuk menarik pengunjung baru.

penemuan

Untuk meringkaskan. Kami tetap bersama kamu digambarkan bagaimana untuk membuat rujukan gambar dalam gambar, dan melihat dua cara yang anda boleh sama juga digunakan untuk membuat menu yang berbeza-beza kesukaran. Di samping itu, kita digambarkan bagaimana untuk menetapkan imej-link dan belajar mengenai parameter utama yang membolehkan anda untuk membuat agak peta berguna daripada laman web, kumpulan atau komuniti.