1. Abrir los siguientes programas; Dreamwaever, Fireworks. 2. Luego desde dreamweaver abrir la pagina index.htm que se encuentra en la raíz del sitio.

Transcripción

1 1. Abrir los siguientes programas; Dreamwaever, Fireworks. 2. Luego desde dreamweaver abrir la pagina index.htm que se encuentra en la raíz del sitio. 3. Crear carpeta para la descarga de fotos, en este caso se ah creado una carpeta con el nombre de fotos.

2 4. Descargar las fotos en carpetas recién creadas y poner el nº que le corresponde de acuerdo al orden de fotos que se lleva en la página. Este se encuentra en la siguiente dirección del sitio, pagina lateral/noticias/febrero_07/images. Ejemplo si la ultima imagen tiene por nombre 040_jpg.jpg, el archivo descargado debe tomar el nombre de 041.jpg ojo no colocar 041_jpg.jpg. Una vez descargadas las imágenes de las noticias en la carpeta fotos ya antes creadas con sus nombres respectivos, deberá dirigirse al programa de dreamweaver para realizar las dimensiones de las imágenes, la cual será explicado en el paso número Ir a comandos crear álbum de fotos. Luego rellenar los siguientes datos de la nueva ventana. Buscar la carpeta fotos, la cual contiene las imágenes ya descargadas de la noticia. En carpeta de destino poner la misma dirección anterior. Luego aceptar y aceptar confirmación de álbum creado. Las imágenes ya fueron redimensionadas y lista para ser trabajadas en el cuerpo de las noticias. Dicho paso crea un archivo index.htm la cual muestra las fotos en miniaturas o técnicamente hablando en thumbnails y se abre automáticamente en dreamweaver, es ahí donde debes seleccionar la imagen que saldrá en el home del sitio, sigue los pasos tal como se muestra en la captura siguiente.

3 Hacer clic en la imagen Luego hacer clic en edición donde se muestra el símbolo de fireworks Utilizar estearchivo 6. Abrir en firework la maqueta de las noticias noti1.png, luego copiar la imagen que se hizo en el paso anterior (seleccionar la imagen que se encuentra en fireworks 041_jpg.jpg, copiarla y luego ir a noti1.png y pegarla). Una vez pegada solo debes colocarla en el lugar que le corresponde a la foto y ocultar la anterior en donde dice capas en el costado derecho del programa. Luego viene la modificación de texto, donde debes hacer un clic en la capa cuyo nombre lleva por Fecha una vez seleccionada haz doble clic sobre el texto de la fecha e ingresas la fecha de la noticia. Luego viene la modificación del texto de la noticia donde debes seleccionar la capa de noticia y hacer doble clic en el cuerpo de la noticia el cual es un botón interactivo. Nota: siempre para modificar textos debes hacer doble clic en el texto a modificar.

4 Ojo el titulo de la noticia debe ir con negrita, tratar de poner ese parámetro de noticia hasta donde estén los y fijarse en que no quede en negrita y el leer más debe quedar con su color respectivo. Una vez modificado el texto se mostrara un mensaje donde se pregunta si desea cambiar los textos en los otros estados?, deberás confirmar los cambios si, luego cambias a las pestaña sobre que se encuentra en la parte superior donde muestra los estados. Como se muestra en la imagen el texto se encuentra con cambios inadecuados, en el cual deberás modificarlos para que quede correcto, es decir, el titulo con negrita, la noticia con texto normal y el vínculo leer mas con el color que corresponda. Una vez modificado y todo se encuentra correcto hacer clic en Listo, en el cual volverá a la pantalla donde aparece la foto y ahora con el texto actualizado. En siguiente paso que se mostrara en la imagen se debe modificar en el caso de que se encuentre mal seleccionada la zona activa. Como se muestra la capa verde deberá quedar sobre el texto Leer más.

5 Esta es la forma Una vez terminada sus modificaciones se puede exportar a html en el siguiente paso, pero antes debes volver a dreamweaver y verificar en el index.htm del sitio cual noti están ocupadas en esta pagina para no exportar con el mismo nombre y reemplazar una el cual existe en estos momentos como primera o segunda noticias. Haz clic en este botón para exportar Este se debe exportar en la carpeta raíz del sitio/pagina_lateral En este caso el noti2 no se encuentra ocupado en el index.htm del sitio el cual será reemplazado por la noticia nueva Siempre deben estar marcadas estas celdas Luego de estos pasos hacer clic en exportar y hacer clic en los mensajes de sobrescribir. Se guarda el archivo noti1.png y se pasa al siguiente paso.

6 7. Volvemos dreamweaver para modificar el index.htm del sitio y crear nueva noticia para el sitio. Lo primero que se debe hacer es borrar la última noticia para dar espacio a la nueva. Una vez eliminada se corren las dos primeras hacia abajo para insertar la nueva noticia. Después de hacer esto debes crear una celda de diseño Haz clic en la pestaña diseño y luego en el botón que se indica Arrastrar el mouse de derecha a izquierda para marcar. Luego haz clic dentro del cuadro Hacer clic en común y luego donde se indica en la imagen y selecciona HTML de Fireworks Buscar el html creado en fireworks, en el ejemplo noti2.html que se encuentra en pagina_lateral