Dreamweaver - CS3

Lección 15: Ligas (2)

15/58 Lecciones 

Vínculo a otro sitio

Para añadir una liga a un texto en tu documento, primero selecciona el texto en el documento y escribe la dirección completa en la “liga” empezando con http:// y así.

Si quieres abrir una página en un sitio particular, puedes escribir por ejemplo: http://www.swotster.com/swotster/Spanish/Access2007/AccessLes004_es.html

La mejor cosa que puedes hacer aquí es surfear en la página en Internet y copiarla de la dirección del navegador a la caja de “Vínculo” en Dreamweaver. Esto evitar escribir con errores.

Haciendo click en la flecha que apunta hacia abajo a un lado de la caja “Target”, seleccionas el target donde quieras abrir la liga.

_blank: abre la liga en un nuevo navegador.

_parent, _self y _top son los únicos aplicables cuando trabajas con marcos. Más de esto después cuando lo veamos en este curso.

Sólo deja la caja vacía, la liga se abrirá en la misma ventana del navegador.

 

Liga Imagen

No solo podemos añadir una liga al texto en nuestra página, también podemos añadirla a una imagen o a otro objeto de nuestra página.

Para hacer esto, selecciona el objeto en la página, en este caso la imagen “TOMTOM_GPD_Go_920.jpg”.
Haz click y arrastra “Apuntar a archivo” a un lado de la caja de”liga”, al archivo que tu quieras ligar. O haz click en el botón “Buscar archivo”.
Exactamente lo mismo como has ligado al texto.

Por defecto, una imagen aparece con un borde azul, cuando la liga está añadida a esta imagen.
Si quieres removerla, escribe 0 en “Borde” de “Ventana de Propiedades”.

Si la imagen está seleccionada en tu documento, puedes ver el “Vínculo” hacia arriba de la caja “Src”, que se refiere a “Source”.
Esto también, como mencionamos en un principio, una liga, una liga al source de tu archivo.

Entonces puedes ver en la imagen de arriba que la foto “TOMTOM_GPD_Go_920.jpg” en el subdirectorio “pequeño”, el cual es una subcarpeta de la carpeta “imagenes”, el cual es una subcarpeta de la carpeta “GPS” (GPS / images/small/TOMTOM_GPS_Go_920.jpg).

Debes realmente ver la imagen en tu página como una referencia al source donde puedes encontrar esta imagen.

Cambia sobre “dividir” vista en Dreamweaver para poder ver el código fuente para ambos vínculos.

Una “liga” es mencionada entre etiquetas.
Pero ahora estoy ya trabajando en el código HTML, un pequeño conocimiento de ésto es bueno, pero ésto no es el propósito del curso.

Pienso que es necesario que tu conozcas más acerca de éste curso, lo voy a mencionar. Pero normalmente puedes hacer todo, o casi todo, en “Vista Diseño”, sin tener que escribir una línea de código en “Vista Código”.

Si quieres conocer más acerca de HTML o XHTML, te sugiero que lo busques en google en la Internet.

 

Increíble! Has completado Lección 15 INICIAR EL PROXIMO LECCIÓN