1
Tres formas de editar HTML en una
Entrega número 44. La cuarta versión del Dreamweaver añade opciones a la hora de ver el código de la página. Comandos. La ayuda en línea de O´Reilly.
1 minuto de lectura'
La facilidad que brindan los programas para diseño de páginas Web es que uno se olvida de escribir las líneas de HTML. Pero aunque no lo veamos, el HTML siempre está ahí. Con el uso de aplicaciones como el FrontPage , el GoLive o el Dreamweaver se evita la escritura porque se trabaja con objetos, aunque la página sea en definitiva una sucesión de instrucciones.
Para quienes manejan el lenguaje de la World Wide Web, en la versión 4.0 del Dreamweaver se establece una comunicación fluida entre el trabajo con entidades y la escritura de etiquetas y texto.
Esto es así porque entre sus nuevas características el programa trae un conjunto de iconos en la barra de herramientas destinados a controlar el código HTML mientras se ve el resultado en la ventana del documento.
En la barra de herramientas -si no está en pantalla hay que presionar Control + Shift + T - hay tres botones a la izquierda: Vista del Código , Vista del Código y Diseño y Vista del Diseño . Con el primero aparecen en pantalla únicamente las instrucciones en HTML.
Vista del Código y Diseño abre dos ventanas. En la superior figura el código y en la inferior el espacio tradicional donde colocar el texto, imágenes y otros objetos.
El tercer icono, Vista del Diseño , borra del display todo rastro del código. Vamos a realizar una prueba con la opción habilitada de código y diseño a la vista.
Insertamos una imagen del modo habitual -comando Insertar/Imagen - y observamos que cuando terminamos de colocar el archivo gráfico aparece en la parte superior, en el área de código, la línea: img src="file://XXX.jpg" width="XXX" height="XXX"> Si quisiéramos cambiar el tamaño de la imagen, podemos hacerlo con el mouse sobre cualquiera de los modificadores de tamaño, mientras se mantiene apretado el botón izquierdo, o escribiendo las nuevas dimensiones en width o height . Si lo hacemos de esta última manera, sólo se verificará al hacer clic en el área inferior.
Esto es sólo un ejemplo de la potencia de la herramienta. Supongamos que alguna etiqueta no cuenta con su correspondiente comando en el programa, escribimos el código y el programa lo entenderá y mostrará sus efectos en la página.
Cambiemos de tema. El Dreamweaver 4.0 viene con varios libros de consulta incorporados en el software. Son The O´Reilly HTML Reference , The O´Reilly JavaScript Reference y The O´Reilly CSS Reference .
Para conseguir la explicación que brinda O´Reilly sobre cualquier etiqueta - tag , en inglés- seleccionemos el objeto o la línea de código correspondiente y presionemos el botón presente en la barra de herramientas. Se abrirá una ventana con la explicación.
Por Manuel H. Castrillón
Más leídas de Tecnología
