~ Curso de Dreamweaver: aprende a diseñar tu web paso a paso fácilmente~

curso dreamweaver, curso diseño web.Tutorial Dreamweaver webmaster

 Una web estará siempre basada en vínculos --bien a otras páginas dentro de nuestra web, o externas-- que nos hagan de forma fácil enlazar contenido.

  Habrá que tener siempre mucho cuidado cuando estemos creando páginas, para que esos vínculos sean correctos y es buena costumbre siempre comprobar la validez de los mismos con la herramienta que tenemos a nuestra disposición en Dreamweaver. Ofrecerás una mala impresión a tu visitante si le ofreces los llamados "vínculos rotos" que no llevan a sitio alguno precisamente por no haber realizado esa comprobación de la que hablé.

  Un vínculo no es más que una indicación que le hacemos al navegador para que a través de una url siga la dirección correcta hacia esa otra página o web a la que queremos enviar al visitante en un momento determinado. Se basan pues los vínculos en direcciones url.

  Veremos a través de este tema la forma correcta en que debemos trabajar con los vínculos, mediante unos ejemplos que ofrezco "paso a paso" para que no te quede duda alguna respecto a ellos.

  No solo con texto podemos indicar un vínculo, sino que se podrá hacer a través de imágenes; puedes colocar una imagen en tu página de forma que al hacer clic sobre ella te lleve a otra página o web. Tembién lo veremos a través de paso a paso explicativo.

  COMENZAMOS:
  Observa la imagen a continuación y verás que el ejercicio consiste en 2 tipos de enlace, el de la izquierda de texto y a la derecha uno que vamos a aplicar a la imagen de la "Expo de Zaragoza":
  
  ENLACE DE TEXTO:
  
  Como ves en estas dos imágenes sucesivas, se trata de seleccionar el texto al que queremos poner el enlace:

       

   

  Acto seguido, una vez seleccionado el texto "al hacer clic aquí, deberemos ir a la barra de administración en la parte inferior de Dreamweaver e indicarle a qué url debe dirigir este enlace.
  Te lo muestro abajo con estas 2 imágenes:

   Concretamente, le indico que al hacer clic en el enlace me envíe a la página 2 del Curso de Dreamweaver (es un ejemplo), y tras "Aceptar" veremos el enlace listo:

   ENLACE MEDIANTE UNA IMAGEN:

   En este caso vamos a hacer que la imagen que ves en la parte derecha, nos lleve a la web de la Expo de Zaragoza cuando hagamos clic sobre esa imagen:

procedo a seleccionarla:

   FINALMENTE, OTRA FORMA DE ENLAZAR TEXTO:

   Puedes crear un vínculo con texto de otra forma a la explicada más arriba; para ello voy a crear una nueva línea en el ejemplo:

Se trata en este caso de hacer que el texto "Exposición de Zaragoza-España" nos lleve a la web creada con motivo de este evento en Zaragoza. Para ello, seleccionamos este texto y deberemos picar arriba en el siguiente apartado que te indico:

Observa ahora con atención porque tras picar en el eslabón de arriba (que te marco con una flecha negra), debes ir al apartado "Vínculo" y "Pegar" la url de la web (también podrías teclearla) y más abajo en el apartado "Título" puedes poner una leyenda (para que aparezca al colocar el visitante el cursor sobre el texto).    Esta leyenda es importante porque además de la utilidad explicada de titular el texto, también podrías realizarla en el ejemplo que antes expliqué del vínculo en la imagen ya que al pasar el ratón, sirve para que si tu web está caído parcialmente y no te sirve las imágenes, en el lugar de la imagen aparecerá este título y no la desagradable aspa roja que habrás visto alguna vez. Y una tercera utilidad es que la leyenda sirve de gran ayuda para describir la imagen a los invidentes por ejemplo, si disponen del aparato adecuado que traduce.    Tras los pasos anteriores ya tendremos los tres tipos de enlaces perfectamente en funcionamiento, y si pulsamos F12 veremos el ejemplo así:

Ves los enlaces en los textos, y en el segundo la leyenda que aparecerá al colocar el ratón sobre el vínculo; en el otro caso: Tenemos el enlace en la imagen funcionando perfectamente, y además te aparecerá la leyenda al pasar el ratón sobre dicha imagen.

Bien, pues con esto acabo la lección de hoy que espero te haya resultado interesante.    El próximo tema tocará un poco más el asunto de los vínculos; en esta ocasión explicaré la forma de configurar una página para que sus vínculos tengan el aspecto que desees (color al principio, color tras haber visitado el vínculo, color y forma cuando nos coloquemos sobre él, etc...). Así que hasta pronto, un saludo.