Manualdepracticas dreamwever

Subsecretaría de Educación Media Superior
Dirección General de Educación Tecnológica Industrial
Subdirección y/o Asistencia de Enlace Operativo en el Estado de Hidalgo.
CBTIS No. 218, “Julián Villagrán

“Prácticas de diseño web”

Profesor: Jorge Alberto Contreras Lemus

Integrante del equipo: Ricardo Hernández Ramírez.
Alejandro Ángeles Vázquez.

Grado y grupo: 4”C”

Materia: Diseñode páginas web

Tlaxcoapan, Hgo., xxxxxxx de 2013.

1

Índice
Introducción………………………………………………3 pág.
Como insertar imágenes………………………………..4 pág.
Como cambiar el tamaño de una imagen…………….5 pág.
Como insertar marcos…………………………………..6 pág.
Imagen de sustitución. Rollover……………………….7pág.
Botones Flash…………………………………………….8 pág.
Insertar una tabla………………………………………..10pág.
Rellenar lasceldas………………………………………11 pág.
Añadir y eliminar filas y columnas……………………12 pág.
Crear formularios………………………………………..13 pág.
Sonido………………………………………………………14 pág.
Videos……………………………………………………….15pág.
Insertar capas….…………………………………………..16pág.

2

Introducción
Dreamweaver es uno de los programas más potentes para la creación de
páginas web. Permite un trabajo de diseño web muy intuitivo. Incorpora
herramientas quepermiten crear fácilmente desde objetos HTML hasta efectos
Javascript o HTML dinámico. Su método de trabajo está dirigido tanto al
diseñador, para crear los objetos web y efectos de forma visual, como al
técnico programador, con un editor de código muy versátil.
Este curso se basa en la última versión del programa, Dreamweaver MX 2004,
que refleja las últimas tendencias del diseño web potenciandoel uso de Estilos
CSS y facilitando aún mas la creación de tablas. Además se ha incluido una
interesante lección de promoción y análisis de página web en Internet, que
completa
la
idea
principal
del
diseño
en
la
Web.
El curso está desarrollado para que pueda seguirse con la versión anterior del
programa: Dreamweaver MX.

3

Manual de prácticas Dreamweaver

1.-Como insertarimágenes en Dreamweaver.

Para insertar una imagen hay que dirigirse al menú Insertar, a la
opción Imagen. Después de esto, ya es posible seleccionar una imagen a
través de la nueva ventana.

Por ejemplo, imagina que dentro de la carpeta alumno del sitio (la carpeta
del sitio) se encuentran la carpeta imágenes y el documento en el que

4

deseamos insertar la imagen. Dicha imagen, llamadaCall-of-Dutyghosts.jpg, se encuentra dentro de la carpeta imágenes.
En el caso de insertar la imagen como relativa al Documento la ruta sería:
imágenes/Call-of-Duty-ghosts.jpg
Si se inserta un BMP en un documento, este no aparece correctamente en
Dreamweaver, aunque sí en el navegador. En Dreamweaver aparecerá de la
siguiente forma:

2.-Como cambiar el tamaño de una imagen
Dentro deDreamweaver puede modificarse el tamaño de las imágenes.
Dicho cambio de tamaño no se aplica directamente sobre el archivo de
imagen, sino que lo que varía es la visualización de la imagen dentro de la
página.
Es muy probable que la imagen resultante no sea de buena calidad, en
comparación de cómo podría quedar modificándola desde un editor externo,
como Fireworks.
Por ejemplo, vamos a ver lo queocurre si insertamos una imagen que
representa el icono de Dreamweaver y modificamos su tamaño de varias
formas diferentes:
Imagen original

Imagen con tamaño modificado

Puede apreciarse claramente que los resultados no son muy
satisfactorios, pero en ocasiones puede resultar útil modificar el tamaño de
algunas imágenes aunque esto implique perder calidad.
Existen dos formas demodificar el tamaño.
Una de ellas es, una vez seleccionada la imagen, arrastrar con el
puntero alguno de los recuadros negros que aparecen alrededor de
la imagen.
La otra es a través de inspector de propiedades, cambiando los
campos An (anchura) o Al (altura). Estos campos aparecerán en el
inspector cuando este seleccionada alguna imagen.
Hay que tener en cuenta que para cambiar la...