Dreamweaver 8

COMPUTACION E INFORMATICA V

MACROMEDIA DREAMWEAVER 8
PARTES DE LA VENTANA DE DREAMWEAVER
BARRA DE INSERTAR Se activa haciendo clic en VENTANA >>>> INSERTAR

BARRA DE PROPIEDADES Se activa haciendo clic en VENTANA >>>> PROPIEDADES

VISTA DE LA PGINA Se encuentra en la parte inferior del nombre de las pginas activas - CDIGO.- muestra el cdigo fuente de la pgina que se est trabajando. - DIVIDIR.- muestra una ventana en divisin la mitad de cdigo fuente y la otra mitad en el diseo de la pagina que se est ejecutando. - DISEO.- solo muestra la parte del diseo de la pagina ejecutada.

VENTANAS FLOTANTES Son aquellas ventanas que se encuentran ubicadas en la parte derecha de la ventana de Dreamweaver y tambin se pueden activar desde el men VENTANA

Esp. Computacin e Informtica

Dreamweaver 8

COMPUTACION E INFORMATICA V

CREANDO NUESTRO SITIO LOCAL EN MI COMPUTADORA Primero antes de comenzar a crear un sitio local desde Dreamweaver, comenzaremos creando una carpeta con nuestro nombre TUNOMBRE, luego dentro de esta carpeta creada creas otra con el nombre IMAGENES debe quedar masomenos de la siguiente forma.

DENTRO DE ESTA SE ENCUENTRAN IMGENES Y TAMBIEN PODEMOS CREAR VARIAS CARPETAS CON NOMBRES ESPECIFICOS PARA PODER ORDENAR NUESTRA PAGINA

NOTA: Ahora si ya estamos listos para poder crear nuestro sitio y comenzar a disear en Dreamweaver CREANDO UN SITIO LOCAL.- Un sitio local en dreamweaver nos permite poder organizar nuestra pgina web, el cual tiene que estar en un solo lugar y en una sola carpeta para que en el servidor SE EXPLICARA POR PASOS: Primero abrimos el programa, luego antes de seleccionar en la ventana interactiva de Dreamweaver HTML >>>NUEVO, nos dirigimos a la barra de mens de Dreamweaver en el cual seleccionaremos SITIO>>>NUEVO SITIO
Barra de mens Paso 1 clic aqui

Paso2 clic aqui

Dreamweaver 8

COMPUTACION E INFORMATICA V

En seguida aparecer la siguiente ventana interactiva con 2 pestaas, tendremos que seleccionar la pestaa AVANZADO
Clic aqui COLOCAR EL NOMBRE DE NUESTRO SITIO EN ESTE CASO TU NOMBRE

clic en la carpeta para seleccionar la carpeta que creamos MI PAGINA Clic en la carpeta IMGENES en la cual se guardaran todas las imgenes que tendr nuestra web

Finalmente

Nota: Las dems opciones las dejamos tal y como estn porque no tenemos un servidor en la WEB. Seguidamente clic en HTML
Finalmente

COMO INSERTAR UN BOTN FLASH EN DREAMWEAVER Los botones en Dreamweaver son netamente prediseados y agregados al programa para su mejor manipulacin y uso, pero no es cerrado, sino tambin nosotros podemos disear nuestros botones y agregarlos en una carpeta y poder asi incluirlos en nuestra pagina. Solo reconoce el archivo con la extensin . SWF Primero comenzamos ubicando la barra de insertar herramientas COMUN>>>MEDIA>>>BOTON FLASH y tiene que estar ubicado en las

PASO 1

PASO 2 PASO 3

Dreamweaver 8

COMPUTACION E INFORMATICA V

ENSEGUIDA APARECERA LA SIGUIENTE VENTANA:

Finalmente cuando ya terminamos clic aqu

Seleccionar el tipo de boton

Seleccionar el tamao y tipo de texto con el que aparecer el texto del botn

Colocar el nombre del boton Color de fondo del boton La extensin SWF Colocar el enlace o vinculo que va a tener el botonen nuestra pagina

El botn quedara de la siguiente manera:

Insertar una capa en dreamweaver Hacer clic en las siguientes opciones ID DE CAPA Y ESCRIBIR myscroll

Seguidamente abriremos las paleta o ventana flotante CSS

Dreamweaver 8

COMPUTACION E INFORMATICA V

VISTA DEL NAVEGADOR: