Aplicativos Digitales IV

Practica de Laboratorio Nro. 7

NOTA
Apellidos y Nombres: .. Ciclo: Turno: Aula: Fecha: ..

DREAMWEAVER CS3
Dreamweaver CS3 es un software que nos permite crear distintas pginas web de una manera mucha ms rpida y eficaz. Su interfaz, permite agregar diseos como, marcos, tablas, multimedia como imgenes de una manera sencilla y visualizada. El ejecutable de este editor de pginas web es: Dreamweaver.exe . 1- Iniciaremos abriendo Dreamweaver CS3 y la primera interfaz a mostrarse ser la sgte:

Prof.: Jorge Moncada Almeida Email: jj_ark_21@hotmail.com

Pgina 1

Aplicativos Digitales IV

UTILIZANDO PLANTILAS EN DREAMWEAVER CS3

Las plantillas son una estructura previamente definida por el editor, para la creacin de pginas web. Dreamweaver CS3 ofrece un buen nmero de archivos con los que iniciar la construccin de una pgina web. y Para crear una pgina web, partiendo de una plantilla se realizan los siguientes pasos: 1. Elegimos ARCHIVO y luego opcin NUEVO

2. Luego seleccionamos PAGINA EN BLANCO 3. En tipo de pgina seleccionamos HTML 4. En Diseo, seleccionaremos el diseo de plantilla que necesitemos utilizar

2 3

Prof.: Jorge Moncada Almeida Email: jj_ark_21@hotmail.com

Pgina 2

Aplicativos Digitales IV

5. Como resultado obtendremos el siguiente diseo en nuestro editor web

Desde una plantilla, podemos empezar a disear nuestra pgina web, modificando algunos de los valores que trae por defecto la plantilla.

INSERTAR UNA IMAGEN EN DREAMWEAVER CS3

1. Para insertar una imagen nos vamos a INSERTAR 2. Luego seleccionamos la opcin IMAGEN

Prof.: Jorge Moncada Almeida Email: jj_ark_21@hotmail.com

Pgina 3

Aplicativos Digitales IV

3. Seleccionamos la imagen y luego pulsamos ACEPTAR. 4. Luego aparecer una ventana que nos permitir introducir un texto descriptivo de la imagen (opcional). Por ultimo le damos clic en ACEPTAR.

AHORA REALIZAREMOS EL SIGUIENTE EJERCICIO TOMANDO EN CUENTA LAS SIGUIENTES CONSIDERACIONES 1. El diseo de la plantilla debe ser: 2 columnas fijas, barra lateral izquierda, encabezado y pie. 2. El texto debe tener el formato: Geneva, Arial, Helvetica, sans-serif 3. Las imgenes deben estar alineadas dependiendo la ubicacin de la imagen 4. Las imgenes del lado izquierdo deben tener un ancho de 165 y un alto de 121

Prof.: Jorge Moncada Almeida Email: jj_ark_21@hotmail.com

Pgina 4