En esta última entrega, añadiremos los contenidos e imágenes complementarias para terminar nuestro documento

Insertando las imágenes complementarias

He establecido la siguiente diagramación para esta página de acuerdo a su contenido. La diagramación puede ser un tema de conversación, generalmente su experiencia le va a ir dando la creatividad y facilidad en establecer el orden de contenido de la pagina.

El titular ya fue creado, lo que haremos a continuación es insertar las im?genes para las columnas de los extremos que est?n definidas como áreas publicitarias, las usaremos para la publicidad propia de la empresa.

1. Abra la imagen amazonas6.jpg
2. Arrástrela hacia el diseño
3. redimensione la imagen en 105 x 150

4. En la parte inferior coloque el siguiente texto

?Visite nuestra galería virtual de fotografía amazónica y conozca los personajes de tu futura aventura en el Amazonas.

5. Tipo de Fuente: Arial Narrow / Tamaño: 11 / Color: Gris oscuro.
6. Dibuje un rectángulo con color de borde gris y sin color de relleno
7. Ordene el rectángulo detrás de la fotografía tal y como se muestra a continuación.

8. Aplique el filtro LEVELS sobre la imagen.

9. Abra la imagen amazonas2.jpg y redimensione a 66 x 40

10. ub?quela en la siguiente posici?n.

11. Abra la imagen amazonas8.jpg y redimensione con las mismas medidas anteriores, ubic?ndola al lado de la imagen anterior.
12. Haga lo mismo con la imagen amazonas3.jpg, amazonas4.jpg, amazonas5.jpg y amazonas7.jpg

13. Inserte como titulo a este grupo de imágenes “Galería de fotos”
14. Fuente: Arial Narrow / Tamaño: 14 / Estilo: Subrayado, Negrita.

Insertando el contenido

1. El contenido será una promoción de un paquete turístico de verano.
2. dibuje un rectángulo de 470 x 215
color de borde: gris / color de relleno : #FFFFCC
3. Inserte las siguientes palabras.

4. Continúe con las siguientes palabras.

5. Importe la imagen amazonas2.jpg y ubíquela en la siguiente posición con la dimensión: 87 x 45

6. Importe la imagen amazonas5.jpg, las dimensiones serán de: 80 x 100

Aplicando Sombras.

1. seleccione las dos fotos
2. Aplique el efecto DROP SHADOW desde la barra de efectos.

4. Presione F12 para que vaya viendo el resultado.

5. Por ultimo inserte la frase: “Haga su reserva” debajo de la palabra “Amazonas”

Esto funcionará como un link hacia un área de formulario donde el visitante podría realizar la reserva y el pago On-line.

Definiendo las áreas de división para la exportación como HTML

Como es una pagina de presentación demo, para que el cliente pueda aprobar su construcción debemos establecer áreas de división temporales que podrán ser modificadas conforme se avance y se rediseñe el diagrama de la pagina si es necesario. Luego proceda a exportar la pagina como un documento HTML

Como ha visto el trabajo si bien es cierto es complejo debido a que se realizan varias operaciones, el resultado puede ser satisfactorio si tenemos en claro lo que queremos mostrar y conocemos bien el objetivo de nuestros clientes.

Puede comparar su trabajo con el archivo original haciendo clic aqui.

Paginas: 1 2 3