Manual de utilización del Dreamweaver MX 2004

05.- A poner algo en el documento Ir al principio

Simplemente empezamos a escribir en el espacio vacío.
Le damos un "enter" para saltar de línea.

Imagen 001.png

Para dar formato al texto, disponemos de las herramientas que aparecen en el Inspector de Propiedades:

Imagen 002.png

Si este panel está oculto es porque está en esta posición:

Imagen 003.png

Observa la cabeza de flecha apuntando hacia la derecha. Haciendo un clic, la cabeza de flecha apuntará hacia abajo y el panel se desplegará como en la situación anterior.

Para efectuar los cambios que necesitemos, tendremos que seleccionar previamente el texto que queramos modificar:

Imagen 004.png

He seleccionado la primera palabra. Le he aplicado un Encabezado 1, lo he centrado, no he cambiado el tipo de fuente, ni el tamaño (ya lo hace al ser encabezado de orden 1) y he elegido el color rojo. En estos momentos, Dreamweaver le ha puesto un nombre a esta selección de formatos: Estilo 1

Modifico ahora la segunda frase:

Imagen 005.png

Ahora he puesto en negrita, centrado, he cambiado el tipo de fuente, he puesto como tamaño grande y he elegido ese color. Dreamweaver le ha puesto como nombre Estilo 2.

Observa que, mientras hacemos algún cambio y no guardamos, aparece un asterisco en la pestaña que nos indica el documento que tenemos abierto:

Imagen 036.png

Lo guardamos con Archivo > Guardar

Imagen 037.png

Y el asterisco desaparece:

Imagen 038.png

Conviene guardar cada cierto tiempo por lo que pueda pasar...

Vamos ahora a poner un color de fondo. Pinchamos en el botón Propiedades de la página... del Inspector de propiedades y se abre el cuadro de diálogo:

Imagen 039.png

Pinchamos en Color de fondo y elegimos uno:

Imagen 040.png

Se habrá colocado en su sitio:

Imagen 041.png

Le damos a Aceptar:

Imagen 042.png

Guardamos y cargamos en el navegador con la tecla F12:

Imagen 043.png

Lo cargo en otro navegador. Esta vez el Mozilla:

Imagen 044.png

 

06.- Comprobar sin F12 Ir al principio

Lo he dado por supuesto en los párrafos anteriores al decir "cargar la página con otro navegador". A veces puede ocurrir también que la tecla F12 no funciona. En este caso, vamos con el Explorador de Windows a la carpeta donde está guardado el documento, en mi caso, en la carpeta mi_primer_sitio dentro del disco duro D:

Imagen 045.png

Hacemos doble clic en la carpeta para abrirla:

Imagen 046.png

El icono que acompaña al archivo es el del FireFox (mi navegador predeterminado). Haciendo doble clic sobre el icono se abrirá el documento.

Si lo queremos abrir con otro navegador, una posibilidad es pinchar con el botón derecho del ratón y elegir Abrir con...

Imagen 047.png

O bien, abrir el navegador y buscar el archivo. Por ejemplo, abro el Mozilla y le doy a Abrir archivo...:

Imagen 048.png

Y me muevo por los dicos y carpetas hasta encontrar el archivo que quiero abrir:

Imagen 049.png

07.- Salir y volver a entrar Ir al principio

Cuando queramos salir del editor, guardamos el trabajo realizado, Archivo > Guardar y cerramos con el botón del extremo superior derecho : Imagen 050.png

Para volver a abrir, le damos a Inicio > Todos los programas > Macromedia > Macromedia Dreamweaver MX 2004 (ver apartado 02) y se abrirá el editor con el sitio que hayamos empleado por última vez. Si sólo tenemos uno, el nuestro, pues con el nuestro:

Imagen 051.png

Haciendo doble clic en el icono Imagen 053.png se abrirá el documento para poder seguir trabajando:

Imagen 052.png

En el caso de que haya más de un sitio definido por nosotros (o por otros usuarios), entonces hay que pillar primero el sitio pinchando en la flechita de la columna de la derecha:

Imagen 054.png

En la imagen vemos nuestro sitio Mi primer sitio en medio de otros ocho sitios más. Simplemente lo seleccionamos y se abrirá el sitio con sus archivos.

Ir al principio del documento

HTML 4.01 | ©2005 Ángel Ricardo Puente Pérez