Informatica

Manual de Adobe Dreamweaver CS3

3º SECUNDARIA

ADOBE DREAMWEAVER CS3


CONCEPTO:
Dreamweaver CS3 es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver CS3 permiten agregar rápidamente diseño y
funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos,trabajar con capas, insertar comportamientos JavaScript,
etc., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar
con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del
programa.



INGRESANDO A ADOBE DREAMWEAVER CS3:







Clic en el botón Inicio.
Clic en laopción Ejecutar.
Ingresar el nombre ejecutable: “Dreamweaver”.
Clic en el botón Aceptar.

CONOCIENDO LA INTERFAZ DE DREAMWEAVER:

Autor: Gerardo Javier Calderón Hernández

1

Manual de Adobe Dreamweaver CS3
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.


Clic en el menú Archivo.
Clic en la opción Nuevo, aparecerá una ventana.
En la categoría, elegir la opción pagina básica.
En lapágina básica, elegir HTML.
Clic en el botón Crear.

GUARDANDO UNA PAGINA WEB:








Barra de titulo.
Botones de Control.
Barra de menús.
Barra Insertar.
Barra de documento.
Barra Estándar.
Regla o Regleta.
Cursor.
Área de diseño.
Área de paneles.
Barra de propiedades.

CREANDO UNA NUEVA PAGINA WEB:








3º SECUNDARIA

Clic en el menú Archivo.
Clicen la opción Guardar como…
En la lista Guardar en, elegir donde se va a almacenar.
Ingresar el nombre a la página Web.
Clic en el botón Guardar.

ABRIENDO UNA PAGINA WEB:






Clic en el menú Archivo.
Clic en la opción Abrir.
En la lista Buscar en, buscar la pagina existente.
Seleccionar el objeto.
Clic en el botón Abrir.

Autor: Gerardo Javier Calderón Hernández

2Manual de Adobe Dreamweaver CS3



3º SECUNDARIA

VISUALIZANDO TU PAGINA EN EL NAVEGADOR:
Antes de visualizar una pagina, deberán estar guardados los últimos cambios.
 Clic en el menú Archivo.
 Seleccionar la opción Vista previa en el navegador.
 Clic en la opción IExplorer 6.0



PRACTICA 01:



CERRANDO LA PAGINA WEB:
Antes de cerrar una pagina, deberán estar guardadoslos últimos cambios.
 Clic en el menú Archivo.
 Clic en la opción Cerrar.

Autor: Gerardo Javier Calderón Hernández

3

Manual de Adobe Dreamweaver CS3


PREPARANDO LA PAGINA WEB:







3º SECUNDARIA

Clic en el menú Modificar.
Clic en la opción Propiedades de la Página.
Realizar los cambios, que desee o se pida.
Clic en el botón Aceptar.

CAMBIANDO EL COLOR DEFONDO DE UNA PAGINA WEB:





Clic en el menú Modificar.
Clic en la opción Propiedades de la Página.
Clic en el recuadro Color de fondo, para elegir el color que se desee o se pida.
Clic en el botón Aceptar.



PRACTICA 02:



INSERTANDO UNA IMAGEN DE FONDO:
 Clic en el menú Modificar.
 Clic en la opción Propiedades de la Página.

Autor: Gerardo Javier CalderónHernández

4

Manual de Adobe Dreamweaver CS3

3º SECUNDARIA

 Clic en el recuadro Color de fondo, para elegir el color que se desee o se pida.
 Clic en el botón Aceptar.


PRACTICA 03:



CONOCIENDO LA BARRA DE PROPIEDADES:
Esta barra va a variar, según que objeto tiene seleccionado, pero por defecto se muestra las
propiedades de texto. Por ejemplo: alineaciones, listas, tamaño,color y estilo de fuente, etc.



CREANDO LISTA DE DEFINICION:
 Clic en el menú Texto.
 Seleccionar en la opción Lista.
 Clic en la opción Lista de definición.



CREANDO LISTA SIN ORDENAR:
 Clic en el menú Texto.
 Seleccionar en la opción Lista.
 Clic en la opción Lista sin ordenar.

Autor: Gerardo Javier Calderón Hernández

5

Manual de Adobe Dreamweaver CS3
...