oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS
Curso Dreamweaver - Lección 4: Hipervínculos III
¿Como insertamos un vínculo o hipervínculo?
Ahora vamos a insertar un hipervinculo al titulo de nuestra web, para que cuando la gente pinche en el titulo nos vaya a la pagina principal de la web. Para eso seleccionamos la imagen "Motos Mutierrez" simplemente pinchandola una sola vez con el botón izquierdo del raton.
Una vez que la tenemos seleccionada veras que en el apartado propiedades (Abajo del todo del Dreamweaver) nos pone "Vinculo" y un rectángulo a la derecha en blanco, ahí es donde tendríamos que escribir "index.php" para que cualdo la gente clicke en nuestro titulo le dirija a la pagina principal.
Pero para ahorrarnos el tener que escribir con la posibilidad de equivocarnos en alguna letra y tener un enlace roto, simplemente pulsa y manten pulsado el circulo que esta justamente a la derecha del cuadro de texto en blanco "Vinculo" y arrastralo al archivo de la columna de la derecha llamado "index.php" y automáticamente nos quedara asignado el vinculo a nuestro titulo, (en la captura de abajo lo veras mejor):
Ya que estamos vamos a explicar unas cuantas cosas del apartado "propiedades del dreamweaver para eso os pongo la siguiente captura para enterarnos mejor:
1.- "Ancho" y "Alto": Hay vemos las dimensiones actuales de la imagen que tengamos seleccionada. Nosotros la podemos modificar desde el Dreamweaver simplemente cambiando los dígitos de las casillas pero es conveniente modificar las dimensiones con un programa de diseño gráfico como por ejemplo el Photoshop.
2.- "Origen": Nos muestra la ruta en la que tenemos guardada la imagen en nuestro sitio.
3.- "Vínculo": Nos muestra el vinculo que le hemos asignado a nuestra imagen, es decir a que página nos llevara sin pinchamos en la imagen.
4.- "Alt": Hay podemos poner una descripción de nuestra imagen que aparecera cuando pongamos el cursor del raton encima.
5.- "Destino": _Blank, _Parent, _Self y _Top. Nos da la opción de de que en vinculo se abra en una nueva ventana o en la misma ventana etc... esto esta ya explicado aquí. Nosotros lo dejaremos en blanco que por defecto será _Self. Normalmente _Self se utilizara para asignar vínculos a paginas de nuestra web y _Blank para vínculos de otras web o para llevarnos a un foro.
Con esto acabamos la lección 4 y pasamos a la lección 5.
Quiero aprender más!!!
- Avanzar a Lección 5: Estilos CSS
- Retroceder a Lección 4: Hipervínculos II
©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es
Design By: JTole®