Tutorial de Dreamweaver

Page 1

1º diapositiva Pinchamos dos veces en el icono de dreamwearver para poder empezar a trabajar con él.

2º diapositiva Esperamos y nos aparecerá la pantalla de elección del tipo de archivo que queremos abrir. Nos vamos a centrar en el HTML.


3º diapositiva Esta es la ventana de inicio en la cual nos moveremos. Lo primero que tenemos que hacer es crear un “Sitio” desde el cual nos vamos a mover.


4º diapositiva Nos puede aparecer ya insertado en la zona de archivos a la derecha de la pantalla o tenemos que pinchar en Ventana y a continuación en archivos. Desde ese “Sitio” podremos ir a nuestros archivo con más facilidad.


5º diapositiva Para crear un nuevo sitio pinchamos en Administrar sito. Nos aparecerá un cuadrado y pinchamos en nuevo y en sitio.

6º diapositiva Pinchamos en la zona de avanzadas y ponemos el nombre del sitio, donde pone nombre, y para que nuestro sitio este vinculado a alguna carpeta la ponemos en carpeta raíz pinchando en la imagen de la carpeta de la izquierda. Para terminar pinchamos en aceptar y luego en listo.


7º diapositiva Vamos a crear ahora un botón flash, muy útil para crear nuestra página web. Pinchamos en insertar, media y en botones flash; pero el de abajo.

8º diapositiva Te pedirá que guardes en archivo sino lo tienes guardado. Te aparecerá un ventana donde puedes elegir el diseño, el tipo de letra y los enlaces.


9ยบ diapositiva Por ejemplo yo voy a elegir un estilo: diamond spinner, Un texto que ponga Google, un vinculo que sea la pรกgina de google y el destino va a ser _blank. Se quedarรก algo como esto.


9º diapositiva Para poder crear un marco tenemos que abrir un nuevo documento y pinchar en conjunto de marco y luego en el estilo de marco que más te guste. Hacemos doble clic en el estilo y luego en el menú que salga de damos a aceptar, este menú es para elegir el nombre de los distintos marcos.


10ยบ diapositiva Para poder ver los marco pinchamos en ventana y luego en marcos. Te aparecerรก en la barra de la derecha un cuadro como este donde podrรกs marcar el marco que quieres.

11ยบ diapositiva Para poner un fichero en un marco pinchamos en el marco, luego en origen y lo escribimos o pinchamos en la carpeta de la derecha y lo buscamos o pinchamos en la mira de francotirador y la llevamos a un fichero que tengamos en la barra de la derecha, en archivos.

(poner foto de flecha unida a fichero de botones)


12º diapositiva Si queremos cambiar el color de nuestra página poner una imagen de fondo de o mucha cosas más tenemos que pincha en el bato de la derecha y en propiedades de página..

Aquí podemos cambiar un montón de cosas pinchando en aspecto, vínculos, encabezados, titulo/codificación, imagen de rastreo. Para cambiar el color de fondo. Pinchamos en el cuadrito de color de fondo. Y luego pinchamos en el color que queramos. Después pinchamos en aceptar. Para poder poner una imagen de fondo pinchamos en examinar, a la derecha de imagen de fondo, y la buscamos, para terminar pinchamos en aceptar.


13ยบ diapositiva


TambiĂŠn podemos solamente cambiar el color de fondo. Pinchamos en el cuadrito de color de fondo y pinchamos en el color que queramos. Luego pinchamos en aceptar.


14Âş diapositiva Para insertar una tabla pinchamos en insertar y luego en tabla. En el menĂş podremos elegir la distintas propiedades de nuestra tabla. Para terminar pinchamos en aceptar.


15º diapositiva Para insertar una imagen de sustitución pinchamos en insertar luego en objetos imagen y luego en imagen de sustitución. Pinchamos en el primer examinar para elegir nuestra imagen base y el segundo para elegir la imagen que aparecerá y luego le damos a aceptar

16º diapositiva Par poder ver lo que estamos haciendo pinchamos en la bola de mundo pequeña y pinchamos en cualquiera de los navegadores que tengamos o directamente pinchamos en F12.


17º diapositiva Para insertar una capa tenemos que pinchar en Insertar, Objetos de diseño y por último en Capa. Nos aparecerá un cuadro azul que esa es nuestra capa, donde podemos insertar todo lo que queramos.

18º diapositiva Pinchamos en Ventana, luego en Capas y después en Comportamientos para poder ver todo y empezar a trabajar con ello.


19ยบ diapositiva Escribimos algo, lo marcamos y pinchamos en el + de comportamientos.


20º diapositiva Elegimos un comportamiento, yo voy a elegir Mostrar-Ocultar capas.

21º diapositiva Nos aparecerá este menú y pinchamos en mostrar y luego en aceptar.


22ยบ diapositiva Debajo de comportamiento nos aparecerรก dos cuadritos, el de la derecha es el de la acciรณn de comportamiento y el de la derecha es el comportamiento. Elegimos la acciรณn que queramos, yo voy a elegir onMouseOver que es para que al pasar el ratรณn sobre el texto que hemos elegido aparezca la capa.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.