Unidad 12. HTML desde Dreamweaver (III)

Completar las etiquetas

Una de las posibilidades que ofrece Dreamweaver a la hora de trabajar directamente sobre el código HTML es la de completar las etiquetas mientras se van introduciendo. Esto se produce tanto en el Inspector de código como en las vistas de código.

Imaginemos que deseamos introducir en nuestra página un enlace a la página de aulaclic, que ha de abrirse en una ventana nueva. En este caso deberíamos introducir la etiqueta <a href="http://www.aulaclic.com">pulsa aquí para visitar aulaclic</a>, con lo que obtendríamos el siguiente enlace:

pulsa aquí para visitar aulaclic

Vamos a ver cómo funciona el mecanismo de completar etiquetas a través de este ejemplo.

Las etiquetas se completan siempre de izquierda a derecha, por lo que lo primero que debemos insertar es el símbolo < .

Después de escribir nosotros este símbolo, Dreamweaver mostrará una lista con todos los comandos que pueden aparecer después él. Para elegir uno de ellos hay que pulsar dos veces sobre él con el puntero del ratón, o bien, estando seleccionado, pulsar INTRO.

En este caso tenemos que elegir a, después de lo cual desaparecerá la lista. En el código tendremos .

Después de <a hay que introducir un espacio en blanco. Nada más teclear el espacio en blanco aparecerá otra lista de elementos, que son los que pueden escribirse después de la a, los atributos de la etiqueta.

Tenemos que elegir href.

Una vez seleccionado, el código quedará como .

Entonces el cursor aparecerá entre las comillas dobles, y se mostrará una nueva lista en la que es posible elegir el tipo de vínculo a insertar.

En este caso el vínculo ha de ser de tipo HTTP, aunque también sería posible insertar un vínculo a un archivo (FILE), un vínculo de correo electrónico (MAILTO), o un vínculo de cualquiera de los tipos que aparecen en la lista. Nosotros tenemos que seleccionar http://.

En lugar de cerrar ya la etiqueta con el símbolo >, queremos primero indicar que el vínculo ha de abrirse en una ventana nueva. Para ello tenemos que introducir un nuevo espacio, para que se nos muestre otra lista.

En ella hay que elegir target. El código quedará como .

Entonces el cursor aparecerá entre las nuevas comillas dobles, y se mostrará una lista en la que es posible elegir el destino del enlace.

Como queremos que el enlace se abra en una ventana nueva, hay que seleccionar _blank.

Después de introducir el símbolo > para cerrar la etiqueta, se insertará automáticamente la de final del enlace, es decir, se insertará </a>, y tendremos .

Ahora podemos completar la etiqueta con la dirección del enlace y el texto que servirá como enlace, para que quede del siguiente modo:

<a href="http://www.aulaclic.com">pulsa aquí para visitar aulaclic</a>

Pág. 12.3