Tareas básicas

Hemos repasado ya la teoría acerca de todos los componentes fundamentales

del espacio de trabajo de Dreamweaver. A partir de ahora, comenzaremos a
analizar la forma en la que se pueden realizar todas las tareas que nos
permite llevar a cabo este potente editor de Macromedia.

Para comenzar, primero veremos la forma en la que se realizan las acciones

más básicas, como el manejo de archivos, y luego examinaremos las
funciones propias de la aplicación con respecto a la página web, como la
inserción de los diferentes elementos y la conformación básica de una
página.

Archivos, nuevos, Abrir y Guardar

Las tareas básicas de archivo se encuentran dentro del menú Archivo. Para
crear un nuevo documento tendremos que ir a Archivo/Nuevo…. Al hacer
esto, se nos presentará un nuevo cuadro donde tendremos que seleccionar el
tipo de archivo que vamos a crear. Entre todas las opciones, tendremos que
seleccionar el formato HTML, que es el lenguaje que nosotros manejamos.
Las restantes opciones son variantes en diferentes lenguajes, normalmente
para el trabajo con lenguaje de servidores.

En contraste, para abrir un archivo HTML ya existente, es decir, que ya se

encuentra en nuestro disco duro, tendremos que recurrir al menú
Archivo/Abrir…, y en el nuevo cuadro, examinar nuestro disco hasta
encontrarlo y presionar el botón Abrir.
Finalmente, para almacenar un archivo recientemente editado en nuestro
disco, tendremos que ir a Archivo/Guardar (esta opción la usaremos para
archivos nuevos o para guardar los cambios de un archivo ya existente). Si
quisiéramos guardar el archivo con otro nombre, tendríamos que utilizar
Archivo/Guardar como….

Crear un documento HTML PASO A PASO

1. Diríjase al menú Archivo/Nuevo….

2. En el nuevo cuadro, seleccione Página básica y Luego HTML.

3. Presione el botón Crear para proceder con la creación del nuevo

documento.
4. Se creará la nueva página. Puede comenzar a editarla.

Veremos que al acceder a la opción Nuevo del menú Archivo, contamos con
varias opciones para crear nuevos documentos. En primer lugar tenemos la
categoría Página básica, donde encontramos nuevos documentos de los
formatos más comunes, como el que usamos nosotros, HTML y otros
adicionales, como CSS, ActionScript o JavaScript. Luego, en la categoría
páginas dinámicas, encontramos todas aquellas páginas base de aplicaciones
dinámicas, como ASP o PHP.
También contamos con la categoría Plantillas, que nos permite crear
documentos preformateados sobre los mencionados anteriormente.

La categoría Hojas de estilo CSS nos permitirá crear documentos con

diferentes formatos HTML basados en lo visual, en cambio, la categoría
Conjunto de marcos se refiere a las diferentes disposiciones de estos
elementos (los marcos) en una página web. Luego, en la categoría Diseño de
páginas (CSS) contamos con algunas alternativas de diseño preformateado de
páginas basadas en estilos visuales CSS.

La categoría Páginas de inicio, en cambio, contiene una gran cantidad de

bocetos para este tipo de página principal, con diferentes motivos y
combinaciones. Por último, en la categoría Diseño de páginas encontramos
diversos motivos de páginas predeterminadas pero sin estilo visual alguno
aplicado.
Propiedades del documento

Es conveniente definir sitios homogéneos, que todas las páginas de un sitio

sigan un mismo formato, es decir, que tengan el mismo color de fondo, de
fuente, etc.

Puede definirse el formato de cada una de las páginas a través del cuadro de
diálogo Propiedades de la página.

Este cuadro se puede abrir de tres modos diferentes:

Pulsar la combinación de teclas Ctrl+J.

Hacer clic sobre el menú Modificar y elegir la opción Propiedades de la

página.

Hacer clic con el botón derecho del ratón sobre el fondo de la página.
Aparecerá al final del menú contextual la opción Propiedades de la página. Se
abrirá el cuadro de diálogo siguiente:
Las propiedades están organizadas en categorías.

 En la categoría Aspecto, como vez en la imagen anterior, encontramos

las propiedades:

 Imagen de fondo: permite especificar una imagen de fondo para el

documento. Dicha imagen se muestra en mosaico. Es importante al
elegir una imagen de fondo tener en cuenta que según los colores de la
imagen será necesario establecer unos u otros colores para el texto, así
como que no es conveniente tener un gif animado como fondo.
 Color de fondo: permite especificar un color de fondo para el
documento, pero dicho color solo se mostrará en el caso de no haber
establecido ninguna imagen de fondo.
 Tamaño: permite definir el tamaño de la letra.
 Color del texto: es el color de la fuente.
 Márgenes: permiten establecer márgenes en el documento. Los
márgenes izquierdo y superior solo funcionan en Microsoft Internet
Explorer, mientras que el ancho y el alto de margen solo funcionan para
Netscape Navigator. Ninguno de estos márgenes aparece en la ventana
de documento de Dreamweaver, solo se mostrarán en los navegadores.
  En la categoría Título/Codificación encontramos la propiedad:

Título: es el título del documento, que aparecerá en la barra de título del

navegador y de la ventana de documento de Dreamweaver.
  En la categoría Vínculos encontramos las propiedades:

 Color de vínculo: es el color de los vínculos, que ayuda al usuario a

distinguir entre el texto normal y los vínculos que sirven de enlace a
otras páginas.
 Vínculos visitados: es el color de los vínculos visitados, que permite
distinguir al usuario si unos vínculos ya han sido visitados o no.
 Vínculos activos: es el color de los vínculos activos.
 Estilo subrayado: por defecto, cuando tenemos un texto con un
vínculo asociado, el texto aparece subrayado, con esta opción podemos
elegir otro tipo de estilo por ejemplo para que no aparezca subrayado.