Prontuario Parte1 Sep2007

PRONTUARIO PARA EL USO DEL DREAMWEAVER MX 2004 1) INSTALAR EL INTERNET INFORMATION SERVER:


Antes de trabajar en el Dreamweaver debe instalarse el Internet Information Server, para ello es necesario ejecutar los siguiente pasos: 1. Seleccione Inicio > Panel de control > Agregar o quitar programas 2. Seleccione Agregar o quitar componentes de Windows. 3. Seleccione Servicios de Internet Information Server (IIS) y haga clic en Siguiente. 4. Se te pedirá insertar el disco de instalación de Windows XP 4. Insértalo y sigue las instrucciones de instalación.

**NOTA: Para verificar si quedo debidamente instalado el IIS haz clic en Mi PC, y checa si en la Unidad C: fue creada una carpeta llamada Inetpub y dentro de ella se encuentra una carpeta nombrada wwwroot. 2) DEFINIR EL SITIO:









En la ventana inicial hacer clic en Sitio de Dreamweaver … Aparece la ventana de Definición del Sitio y en donde dice Sitio sin nombre 1 teclear el nombre de tu sitio, por ejemplo: Sitio de Juan, Mi Sitio, Sitio Empresa, etc., y dar clic en el botón de Siguiente. En la siguiente ventana Editando archivos, parte 2, seleccionar Si, deseo utilizar una tecnología de servidor y se activará una pequeña ventana hacia abajo en donde deberás seleccionar ASP JavaScript y ahora solo da clic en el botón Siguiente. En la ventana Editando archivos, parte 3, selecciona Editar y comprobar localmente, observa que en la parte de abajo ya dice en donde se van a depositar tus archivos, ahora da clic en el botón Siguiente. En la nueva ventana Comprobando Archivos, da clic en el botón de Test URL, aparece una ventana que menciona que la prueba ha sido correcta, solo da clic en el botón Aceptar y vuelve a dar clic en el botón Siguiente. Ahora se presenta una nueva ventana que te pregunta que si cuando tú estés editando un archivo te gustaría copiarlo a otra máquina, selecciona la opción No y da clic en el botón Siguiente. Aparecerá una última ventana con la información sumaria de tu sitio, el nombre y el lugar en donde estará la carpeta que contendrá todos los archivos de tu sitio, solo debes de hacer clic en el botón Completado. Para estar seguro que tu sitio ha sido creado correctamente solo observa en el lado derecho de tu pantalla que el sitio creado con el nombre que tú le diste este presente y que al colocar el puntero del Mouse ahí aparezca la ruta donde esta colocada tu carpeta del sitio.

3) CREAR LAS CARPETAS DONDE SE COLOCARAN LOS ELEMENTOS:


Para crear las carpetas que contendrán los elementos de tu sitio, esto es, fondos, botones, música, videos, etc., solo coloca el puntero del Mouse en el lado derecho de la pantalla donde esta el nombre de tu sitio y da clic con el botón derecho del Mouse para que se abra el menú contextual, ahora selecciona la opción Nueva Carpeta inmediatamente aparece la carpeta creada sin titulo solo requiere que le des un nombre que dependerá de su contenido esto puede ser: fondos, botones, música, videos, imágenes gif, barras, letras gif, banners, etc.

4) SELECCIONAR LA FORMA DE LA PAGINA Y EMPEZAR A TRABAJAR:



Colócate en el apartado de Crear a partir de muestras y da clic en Conjunto de marcos. Se abre una ventana que se llama Nuevo Documento, la opción General esta dividida en tres partes: categoría, conjunto de marcos y vista previa. en la parte central están las

Lic. Ricardo Martínez García

PAGWEB

09/09/2007

Pág. 1






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. Observa que aparece tu página principal con sus marcos según lo seleccionaste, y ellos se pueden ampliar si colocas el cursor sobre la línea que divide y los arrastras según desees. También puedes activar la cuadrícula para mejor colocar los elementos en tu página, esto se hace dando clic en Ver y seleccionas la opción Cuadrícula y da clic en Mostrar Cuadrícula. Si así lo requieres puedes agregar marcos para ello, colócate en donde quieres que se genere el marco, da clic en menú Insertar, selecciona la opción HTML, elige Marcos y ahora da clic en donde deseas que aparezca el marco, derecha, izquierda, superior, inferior, etc.

5) COLOCAR LOS FONDOS:










Para colocar un fondo a cada marco solo coloca el cursor en el marco deseado ubícate en la ventana de Propiedades, en la parte inferior de la pantalla del Dreamweaver, si no esta activada esta, solo da clic en el menú Ventana y clic en Propiedades. Ahora haz clic en el botón Propiedades de la página, se abre la ventana correspondiente y aparecen varias opciones: fuente de la página, color de texto, color de fondo, imagen de fondo, etc. Entonces en la opción Imagen de fondo haz clic sobre el botón de Examinar, para que tengas oportunidad de seleccionar tu archivo de fondo, apareciendo una ventana llamada Seleccionar origen de la imagen, ahora solo ubícate en Buscar en para localizar tu archivo en la carpeta que ya tienes con elementos Web. Procura que los archivos de fondo que deseas se vean en vista en miniatura para que puedas seleccionar el adecuado y da clic en Aceptar, Dreamweaver buscará guardar este elemento dentro de la carpeta del sitio, en la ventana que aparece da clic en Aceptar, y en la siguiente ventana que pregunta si te gustaría copiar ese archivo ahora da clic en Si, apareciendo una ventana que se llama Copiar archivo como, solamente selecciona la carpeta de Fondos y da clic en Guardar. Al regresar a la ventana de Propiedades de la página observa que ya aparece el nombre del archivo de fondo seleccionado en el cuadro de Imagen de fondo, solo tienes que hacer clic en Aceptar. Este proceso de colocar fondos, debes repetirlo tantas veces como marcos tenga tu diseño de página web. Para colocar un Tapiz como fondo, procede de la misma forma solo que al momento de guardar el archivo debes seleccionar lógicamente la carpeta de Tapices y no la de fondos como ocurrió en el punto anterior.

6) GRABAR MI PAGINA Y VISUALIZARLA EN EL INTERNET EXPLORER:






Una vez que ya colocaste los fondos y requieres ver como va tu trabajo, solo da clic en Archivo y selecciona la opción Guardar Todo, se abre una ventana llamada Guardar como y en el apartado de Nombre, por omisión dice UntitledFramesets-2, sustitúyela por la palabra INDEX, esto te dará la idea que es el archivo abrirás para ver tu página, ahora da clic en el botón Guardar. Ahora aparece la misma ventana pero en Nombre dice Untitled-1, te sugiero que lo grabes como Marco-1 y des clic en Guardar. Aparece enseguida Untitled-Frame-3, grábalo como Marco-3 y finalmente aparece UntitledFrame-2, guárdalo como Marco-2. Hecho lo anterior ya puedes dar clic en el icono de un pequeño mundo llamado Vista previa y seleccionar Vista previa en IEXPLORE. O bien, busca la carpeta que tiene tu sitio de acuerdo con el nombre que le pusiste y da doble clic en el archivo de INDEX.

Lic. Ricardo Martínez García

PAGWEB

09/09/2007

Pág. 2