PRONTUARIO PARA EL USO DEL DREAMWEAVER MX 2004 (Segunda Parte)

6) INSERTAR UNA IMAGEN FIJA (JPG) O CON MOVIMIENTO (GIF):

Para insertar cualquier objeto en tu página Web, primero debes de colocar una capa para ello
debes colocar el cursor en el marco donde vas a trabajar y hacer clic en el menú Insertar,
selecciona Objetos de Diseño y clic en Capa, verás que aparece un cuadro en la parte
superior izquierda del marco seleccionado.

Esta capa tiene también un pequeño cuadro en la parte superior izquierda, de donde podrás
tomarla haciendo un clic sostenido con el Mouse y moverla a donde lo desees.

Para insertar la imagen fija o fotografía, solo da clic en Insertar, selecciona la opción Imagen,
se abrirá una ventana llamada Selecciona origen de la imagen, ahora en el apartado de
Buscar en localiza tu carpeta de elementos Web y selecciona la fotografía que vas a insertar
y da clic en Aceptar, recuerda que Dreamweaver va a guardar una copia de ese archivo en la
carpeta correspondiente, solo asegúrate que se grabe en la carpeta de imágenes JPG, dando
clic en Guardar y en Aceptar.

Veras entonces que ya aparece la imagen fija dentro de la capa en tu página Web, solo da
clic en Archivo y Guardar Todo para que puedas visualizarla en el IEXPLORE.

Si la imagen es GIF con movimiento, el proceso es el mismo, solo que al guardar cuida que
se grabe en la carpeta de Imágenes GIF.

7) INSERTAR UNA IMAGEN DE SUSTITUCION O ROLLOVER:

Una imagen de sustitución o rollover es aquella que permite pasar el Mouse sobre ella y
cambia a otra.

Para insertarla coloca la capa como se indicó en el proceso anterior.

Da clic en el menú Insertar, selecciona la opción Objetos de Imagen y en el lado derecho da
clic en Imagen de sustitución, desplegará la ventana llamada Insertar imagen de
sustitución, en el apartado de Nombre de la imagen, puedes teclear un nombre para
definir tu imagen o dejar el que se pone por default.

En el apartado llamado Imagen original haz clic en Examinar para que puedas seleccionar
la imagen que deseas colocar en primer lugar, recuerda que debes en Buscar en, dirigirte a
la carpeta de elementos Web, para localizar la imagen deseada y dar clic en Aceptar, no
olvides que el Dreamweaver tratará de colocar una copia del archivo en las carpetas de tu
sitio, solo selecciona la carpeta correcta y da clic en Guardar.

Ahora en la misma ventana ubícate en el apartado de Imagen de sustitución y da clic en
Examinar y procede igual a Buscar en la carpeta de elementos Web la imagen de
sustitución, con un procedimiento igual que en el paso anterior. Es decir, coloca la imagen en
la carpeta correspondiente dentro de tu sitio y da clic en Aceptar.

Finalmente solo redimensiona el tamaño de la imagen de sustitución a como la desees y
procede a grabar dando clic en Archivo y clic en Guardar Todo, para poder visualizar la
pagina en el IEXPLORE.

8) INSERTAR TEXTO:

Para insertar un texto simple en tu pagina Web, como por ejemplo la presentación del
contenido de tu pagina, solo debes colocar una capa de acuerdo a lo ya tratado y empezar
la captura del texto deseado, para darle formato al texto tendrás que utilizar Propiedades, en
la parte baja de tu Dreamweaver para colocar una fuente predeterminada, tamaño de la
fuente, color de letra, negrita, cursiva, alineación, etc.

Hecho lo anterior, vuelve a guardar todo para visualizar en IEXPLORE tu página Web.

9) INSERTAR UN ELEMENTO FLASH:

Procede a colocar una capa, para ello primero debes colocar el cursor en el marco donde vas
a trabajar y hacer clic en el menú Insertar, selecciona Objetos de Diseño y clic en Capa.

Para insertar el elemento flash, solo da clic en Insertar, selecciona la opción Media y haz clic
en Flash, se abrirá una ventana llamada Seleccionar archivo, ahora en el apartado de

Lic. Ricardo Martínez García PAWEB 22/09/2007 Pág. 1

 Buscar en localiza tu carpeta de elementos Web y selecciona el elemento flash que vas a
insertar y da clic en Aceptar, recuerda que Dreamweaver va a guardar una copia de ese
archivo en la carpeta correspondiente, solo asegúrate que se grabe en la carpeta de
elementos flash, dando clic en Guardar y en Aceptar.

Veras entonces que ya aparece la imagen fija dentro de la capa en tu página Web, solo da
clic en Archivo y Guardar Todo para que puedas visualizarla en el IEXPLORE.

10) COLOCAR EL MAILTO:

Inserta una capa y dentro de ella coloca una imagen de un buzón o una arroba.

Vuelve a insertar una capa y da clic en el menú Insertar y selecciona la opción Vinculo de
correo electrónico.

En la ventana que aparece coloca un mensaje pequeño en donde dice Texto, por ejemplo:
Contáctanos, Envía tus mensajes, Comunícate con el Webmaster, etc.

Checa que en propiedades, en el apartado del Vínculo ya aparezca tu dirección de correo
electrónico.

Este pequeño mensaje lo puedes seleccionar y en Propiedades colocarle negrita, cursiva,
centrado, etc.

11) AGREGAR MAS PAGINAS AL SITIO WEB:

Para agregarle otras páginas a tu sitio, procedo a dar clic en menú Archivo, y selecciono la
opción Nuevo…, aparece una ventana llamada Nuevo documento.

Se abre una ventana que se llama Nuevo Documento, la opción General esta dividida en
tres partes: categoría, conjuntos de marcos y vista previa. en la parte central llamada
Conjuntos de marcos, están las diferentes formas en que puedes trabajar tu página Web,
selecciona una de ellas, verás que en la parte de la derecha se presenta la vista previa de la
opción que tú seleccionaste y da clic en Crear.

Este proceso se repetirá tantas veces como paginas vayas agregando a tu sitio Web.

12) INSERTAR UN BOTÓN WEB Y COLOCARLE UN TITULO:

Primero coloco una capa en Insertar selecciono la opción Objeto de diseño y doy clic en
Capa.

Ahora voy a insertar el botón de mis archivos de botones que tengo guardados en la carpeta
de elementos Web.

Voy al menú Insertar y selecciono la opción Imagen, abriéndose la ventana llamada
Seleccionar origen de imagen permitiéndome abrir mi carpeta de botones, selecciono el
adecuado y doy clic en Aceptar.

Recuerda que Dreamweaver va a guardar una copia de ese archivo en la carpeta
correspondiente, solo asegúrate de que se grabe en la carpeta de botones, dando clic en
Guardar y después en Aceptar.

Ahora solo cierro la capa al tamaño del botón y lo coloco en el lugar que corresponda.

Para colocarle un titulo al botón solo tengo que generar otra capa y escribir en ella el título
deseado, que puede ser Música, Video, Imágenes, etc. Para darle formato al texto ir a
Propiedades y colocar negrita, cursiva, centrado, color al texto, etc., y procurar que la capa
se ajuste al texto.

Hecho lo anterior, solo se necesita colocar la capa de texto encima del botón de manera que
quede centrado y listo.

Recuerda grabar tu página para visualizar en el Internet Explorer tu trabajo.

Lic. Ricardo Martínez García PAWEB 22/09/2007 Pág. 2