Tecnología

Inicio

Diferencias entre hipervínculos y Botones de Enlace

Diferencias entre hipervínculos y Botones de Enlace


La diferencia entre un enlace y un botón de enlace es que un botón, incluso con el texto en él, en realidad es sólo una imagen con hipervínculos, mientras que un hipervínculo de texto es texto. Botones atraen más la atención, pero se rompen una página, mientras que los enlaces de texto mantienen la fluidez del texto en el que se encuentran. El código HTML comienza de la misma manera con cada uno, pero cuando se ve en el hipervínculo para el texto, el código de un botón inserta una etiqueta de una imagen en su lugar. Es una diferencia básica, y uno que sólo toma minutos para aprender.

La etiqueta HTML <A HREF>

Cuando se crea un vínculo utilizando HyperText Markup Language, o HTML, usted tiene que utilizar la etiqueta <a href>, si está vinculando texto o una imagen. Se escribe este código:

<a href="link URL"> texto o imagen </a>

Realmente es así de simple. Los enlaces de texto son más simples, ya que sólo tiene que escribir el texto que desea establecer el vínculo. Para una imagen, usted tiene que proporcionar la ruta a la imagen, otra URL.

Haciendo un Botón de Enlace

El proceso de hacer un botón para usar en un sitio web se ha vuelto mucho más fácil en los últimos años. Algunos sitios web están dedicados a ayudar a crear botones transparentes y efectivos en tan sólo unos minutos. Sitios como Cooltext.com, Makebutton.com y Buttongenerator.com todos proporcionan creación de botones libre. Por supuesto, el uso de una herramienta de diseño gráfico como Photoshop puede dar resultados aún mejores y más variados.

Una vez creado el botón, todo lo que tiene que hacer es subirlo a su sitio web y comenzar a utilizarlo. El gestor de archivos (que se encuentra en cPanel en su servidor web) o un cliente FTP para colocar sus nuevas imágenes en el dominio.

Efectos de vuelco

El uso de efectos de conversión es una de las razones principales personas les gusta usar los botones en lugar de texto. Los efectos rollover en realidad sólo son dos imágenes. Uno de ellos es el botón original, y la segunda es el efecto. Codificación de la imagen de sustitución, o el efecto "mouseover", se lleva a cabo con este código:

<a href="Link URL"> <img height = 50 = longitud de 100 onmouseover = "this.src = 'imagen2 URL"; " onmouseout = "this.src = 'URL imagen1"; " /> </a>

En última instancia, le está diciendo a la página que la primera imagen es la imagen enlazada, y la segunda imagen aparece cuando se pasa el ratón sobre el enlace.

Texto del botón vs.

Debido a que la codificación es tan similar, la elección para el texto o la imagen (botón) al crear enlaces en última instancia, es una de gusto y propósito. Los botones pueden ser elegante, pero a menudo son más de moda o hecho para adaptarse al estilo de una página. La colocación es otra consideración. Botones ven bien cuando está rodeado por otros botones, como en una barra de navegación o en el encabezado o pie de página de un sitio web. Un botón solitaria parece fuera de lugar.

Si desea utilizar los botones, utilizarlos para una barra de navegación o para llamar la atención. No los ponga en el medio de un párrafo de texto. Utilice los hipervínculos de texto en esa situación.