Como facer unha referencia picture-in-picture? Como inserir unha ligazón a unha imaxe

Creación de banners e mapas do sitio web, webmasters principiantes son confrontados con un problema tan grande, como inserir unha ligazón a unha imaxe, facer con el menú máis brillante e máis interesante. Pero como implementar lo? Non hai nada máis fácil se coñecer a linguaxe HTML.

Imos descubrir como podemos facer realidade desa idea. Neste artigo, imos ofrecer-lle dúas opcións para resolver o problema. Un raramente utilizado debido ao feito de que ten unha morea de tempo e esforzo, mentres que o segundo é considerado para ser ben coñecido. Analizar con ambos.

Onde a imaxe-link se usa

Antes de falar sobre como facer unha referencia picture-in-picture, imos entender onde e por que se usan. Ao final, será máis doado de entender o que queremos a partir da imaxe.

Imaxes ligazóns son comunmente usados como banners, anuncios tout debuxos. Exemplos diso son as imaxes son todo na mesma "VKontakte". Teña en conta que de cantas veces prema sobre a foto para que un determinado enderezo foi construído? Ademais, moitas veces son utilizados na forma de grupos e comunidades de menú, especialmente se conteñen entradas especiais. Moitas destas imaxes atopadas en outros sitios.

Cole o enlace á foto

O máis sinxelo - unha imaxe-link. Isto é sobre el, falamos para comezar. Esta ilustración é unha referencia preparado. É dicir premer neste ícone, será redirixido á páxina nova.

Se sabe como é definido por un elo común coa axuda HTML-marcado, os problemas que deben xurdir. A única diferenza é que en vez de ligazóns de texto indicado imaxe.

Así, para aplicar o seu plan, ten que a imaxe en si, enviados á Internet ou almacenado no seu computador (dependendo se está a traballar en modo en liña, en realidade, na páxina web, ou zadeystvuete editores).

Estamos á procura dun enderezo de imaxe, gravala-lo, para non esquecer. Tamén resolver o enlace que debe abrir ese cadro.

A continuación, escriba o seguinte: Local href = "http: // imaxe - un código especial . Imaxe-link defínese coa súa axuda.

Así, prescribir unha ligazón que aparece en forma de ilustración. Moi fácil. Pero esta visión só se vostede considera que debería haber só unha ligazón. Pero o que se debe haber algúns? Logo, imos pasar a outras opcións.

Facer un menú de fotos

O primeiro método foi desenvolvido de forma independente no estudo de páxinas web linguaxe de reserva. A creación dun menú pode levar un par de horas.

Este método é axeitado para aqueles que quere xogar con varios editores, pois é moi lento e leva un pouco máis do que a creación da tarxeta do menú ou o segundo método. ela reside no feito de que a fotografía é tirada, que é cortado en varias tiras ou cadrados. Cada imaxe é asinado, ea base para unha ligazón, como descrito anteriormente. A continuación, as marcas de páxina de código son escritos na orde correcta. Isto é todo unha cuestión de como facer unha referencia picture-in-picture, case resolto. Pero non esqueza sobre a segunda opción.

É facer un menú con só unha foto, pedindo para cada zona ilustrar o seu enlace. Non te preocupes, nada estes moi complexa neste. Agora, as primeiras cousas primeiro.

como facer

Imos examinar un pouco máis o primeiro camiño.

Para comezar, terá coñecemento de editores gráficos e HTML. Como facer unha imaxe de referencia, di este tipo de páxinas de reserva.

Entón, se decide ir deste xeito, vai ter unha imaxe e un editor gráfico simple que permite cortar as imaxes e poñer nos seus rótulos, así como un lugar onde vai ser capaz de enche-los.

Se este é o seu propio sitio web - axeitadas galería ou biblioteca de arquivos convencionais, por "VKontakte" pode ser un disco de grupo ou comunidade (preferentemente libre).

Ademais, a imaxe a ser cortada en anacos, así, cómpre lembrar a orde en que as partes son recibidos. Estampado neles inscricións e encher o servidor, escreba as referencias sobre cada ilustración.

Tomar o código anterior, ea substituír os datos desexados. Logo enche a imaxe na páxina web na orde en que eles deben ir. Ao mesmo tempo, se corte-la en tiras, entón tes que preguntar a cada ligazón nunha nova liña, pero se compartiu fotos en cadrados, a continuación, ten que poñer nunha liña como moitos enlaces como se viu cadrados.

Facemos un mapa do sitio

Entón, se non gusta da primeira versión, e quere aprender a facer unha referencia picture-in-picture de calquera outra forma, podemos ofrecer-lle a desenvolver un mapa de referencia. El fixo máis doado, aquí só pode ocorrer cos parámetros da tarefa do problema. Por que vai entender máis.

En primeiro lugar, hai que lembrar que o mapa do sitio web está conectado á imaxe usando o comando usemap = "# map1, que é prescrito na img tag tanto, enchendo a imaxe na páxina web, asegúrese de engadir a etiqueta na segunda parte -. Usemap =" # Nome do mapa ".

Outras imaxes de marcado en zonas, que están ligados ás conexións faise mediante unha etiqueta vinculación

Nótese que cando se utiliza este tipo de mapa debe ser feita non só enlaces, pero tamén a área de súas actividades e coordenadas. Logo, imos examinar os parámetros básicos que a etiqueta.

configuración de acceso

Así, ante os seus ollos, imaxe listo referencia. HTML permite mellorar significativamente a funcionalidade da imaxe - concederlle unha determinada área para referencia. Todo iso é dado por parámetros específicos, que agora serán discutidas.

Imos falar un pouco sobre os parámetros básicos do tag vinculación

Ademais no interior do par de etiquetas é prescrito outro tag - <área>, que describe a zona de referencia. Non é a cara e, por suposto, ten os seus propios parámetros.

O primeiro - forma. Coa axuda dun webmaster define un tipo de campo. Isto pode ser:

• círculo - círculo;
• rectángulo - rect;
• Polígono - poli;
• Área de descanso imaxes - patrón.

Seguinte - coords. Coa axuda das coordenadas da área de píxeles. A orixe neste sistema de coordenadas - na esquina superior esquerda. Foi entón, e é o principal problema - non tan fácil de definir as coordenadas polos píxeles, especialmente se non hai ningunha familiaridade con computación gráfica.

Citamos tamén moi famoso href, que define o enderezo da ligazón.

E a última opción, que debe ser mencionado, - nohref. Amosa que esta rexión non é unha referencia.

Por suposto, iso non é unha lista completa de parámetros que pode definir a imaxe ou o link-map. Pero, á vez, será suficiente para crear un enlace brillante e colorido ou incluso todo o sistema.

consellos

Calquera que sexa o camiño para a creación de enlaces, imaxes que escoller, o importante é que a imaxe orixinal foi bo. Probe escoller os deseños que non chaman a atención, non irritan as cores brillantes ou patróns. Isto é especialmente importante para un mapa do sitio web. Pode facer un collage de varias fotos, escurece-los, ou chamar un dos filtros nun programa gráfico.

Cando se crea un mapa do sitio é recomendable para escoller a imaxe co suave, non irritante para os patróns de ollo. Pensa en min, non é sempre a clave para o éxito - brillante -link imaxe. "VKontakte", con todo, moitas veces concentrarse só no brillo e ostentación, a fin de atraer novos visitantes.

resultados

Para resumir. Estamos contigo descubriu como facer unha referencia picture-in-picture, e mirou para dúas formas que pode igualmente ser usados para crear un menú de diferentes graos de dificultade. Ademais, descubrín como configurar unha imaxe-enlace e aprender sobre os principais parámetros que permiten que cree un gran mapa accesible do sitio web, grupo ou comunidade.