Anexo Imágenes e Hipervínculos en Dreamweaver

ANEXO IMÁGENES E HIPERVÍNCULOS
Agregar imágenes a la página web
Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. Después de esto, ya es
posible seleccionar una imagen a través de la nueva ventana. Cuando te acostumbres, te será más
cómodo acceder con la combinación de teclas Ctrl + Alt + I.
En Relativa a es posible especificar si la imagen será relativa al documento o a la carpeta raíz del sitio. Es
preferible que sea relativa al Documento, ya que si cambiamos la página de carpeta, lo habitual es
cambiar también sus imágenes.
Otra forma de insertar una imagen, es arrastrarla directamente desde el panel Archivos sobre el
documento.
Propiedades de una imagen
Cuando seleccionamos una imagen el Inspector de propiedades muestra esta apariencia:
Desde aquí podremos establecer distintos atributos a la imagen:
Ancho y Alto son las dimensiones de la imagen. Dreamweaver las pondrá directamente.
Como pasaba con el texto, podemos crear un hiperenlace en la imagen escribiendo la dirección en el
campo Vínculo, y decidir en qué ventana se abre con el campo Destino.
En el campo Alt escribimos el texto que remplazará a la imagen si ésta no puede mostrarse. Es un atributo
muy importante que deberíamos incluir siempre para hacer páginas accesibles. Por ejemplo, el texto que
se escribe será leído por los programas lectores para invidentes. Si lo que queremos es mostrar un ayuda
contextual cuando el usuario tenga el cursor sobre la imagen, debemos de empelar el atributo title.
En Clase podrás asignarle un estilo que hayas creado anteriormente, así podrás darle alineación, bordes
e incluso tamaño con sólo un clic.
Hiperenlaces
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página
o archivo a otra página o archivo.
Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.
Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta <a></a> que es la que en
HTML se encarga de definir los enlaces.
Tipos de referencia
Existen diferentes clases de rutas de acceso a la hora de definir los vínculos. Estas referencias no se
limitan a los enlaces, se comportarán igual cuando indiquemos la ubicación de una imagen, de un archivo
Flash, de la hoja de estilo, etc.
• Referencia absoluta:
Conduce al sitio en el que se encuentra el documento utilizando la ruta completa del archivo, incluyendo
el protocolo http://. Por ejemplo, http://www.aulaclic.com, o
http://www.misitio.com/seccion2/pagina1.html.La referencia absoluta es independiente de la ubicación
de la página que contiene el enlace, y será válida siempre que no cambie la ubicación del archivo
enlazado. Es la opción obligatoria si pretendemos enlazar a archivos fuera de nuestro sitio (enlaces
externos).
Crear enlaces
La forma más sencilla de crear un enlace es a través del inspector de propiedades. Para ello es necesario
seleccionar el texto o el objeto que va a servir de enlace, y seguidamente establecer el Vínculo en el
inspector HTML.
Otra forma de crear un enlace es a través del menú Insertar, opción Hipervínculo.
Crear vínculos de esta forma es muy sencillo, sólo deberás rellenar los campos que explicaremos a
continuación y el enlace se colocará en el lugar en el que estaba situado el cursor.
Texto: es el texto que mostrará el enlace. Si teníamos un texto seleccionado, aparecerá ahí.
Vínculo: es la página a la que irá redirigida el enlace, si se trata de un enlace externo deberás escribirla
empezando siempre por http://. Haz clic sobre el icono de carpeta para buscar los archivos que existan
dentro del sitio. Por defecto Dreamweaver te creará un enlace relativo al documento. Si quieres que los
enlaces sean relativos al sitio visita este avanzado Avanzado.
Destino: la ventana donde se abrirá la página, este campo se explica en el siguiente apartado.
Título: se trata de la ayuda contextual del vínculo, que aparecerá al mantener un instante el cursor sobre
el enlace.
Tecla de acceso: atributo que facilita la accesibilidad a las páginas, habilita el acceso al enlace mediante
la pulsación de la tecla Alt más la tecla de acceso indicada.
Índice de tabulador: Como habrás podido observar puedes saltar a través de los enlaces pulsando la
tecla Tabulador. En este campo podrás establecer un índice indicando la prioridad del enlace y así
configurar el modo en el que actuará el Tabulador es sus diferentes saltos. Por defecto, se tabularán por
orden de aparición.

Anexo Imágenes e Hipervínculos en Dreamweaver

Cargado por

Copyright:

Formatos disponibles

Anexo Imágenes e Hipervínculos en Dreamweaver

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Anexo Imágenes e Hipervínculos en Dreamweaver

Cargado por

Copyright:

Formatos disponibles

ANEXO IMÁGENES E HIPERVÍNCULOS

Agregar imágenes a la página web

Propiedades de una imagen

Cuando seleccionamos una imagen el Inspector de propiedades muestra esta apariencia:

Desde aquí podremos establecer distintos atributos a la imagen:

Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.

También podría gustarte