Tutorial dreamweaver (Menu basico)

Post on 16-Jul-2015

271 views 2 download

Transcript of Tutorial dreamweaver (Menu basico)

Prof. Eleazar Hernández

1. Ya dentro del programa clic en HTML

2. Se abrirá esta ventana

3. Trabajaremos en modo diseñador

4. Iniciaremos colocando un color de fondo a nuestra pagina clic en el botón Propiedades de pagina

5. saldrá estaventana clic encolor de fondoseleccionamosel color quedeseamos yluego clic enaceptar y listo.

6. Ahora insertaremos una tabla que será la base para toda nuestra web, clic en menú insertar, luego clic en tabla

7. Y configuramos nuestra tabla filas: 7, Columnas: 3 Ancho: 1024 Pixeles, luego clic en aceptar.

Nos quedara de esta forma.

8. Combinaremos celdas, Clic izquierdo en medio de la celda y arrastramos hacia la derecha y soltamos el clic

9. Abajo en la venta esta la barra de propiedades ahí le daremos clic en combinar celdas.

Quedara de la siguiente manera

10. Repetimos los pasos 7 y 8 en las celdas correspondientes para que le quede con el diseño siguiente

11. Insertaremos otra tabla para realizar el menú con sus respectivos links, clic en la celda

12. Repetimos el paso 6

13. Configuramos de la siguiente forma, Filas: 5 Columnas: 1, Ancho 150 Pixeles y clic en aceptar

Quedara de esta forma.

14. Escribimos lo siguiente en la tabla de menú.

15. Guardaremos nuestra pagina, clic en menú archivo y clic en guardar como.

Lo guardamos con el nombre de index, dentro de una carpeta.

16. Dentro de la carpeta donde guardamos nuestro index, le sacamos 4 copias

17. Les cambiamos nombres y les colocamos los siguientes.

18. Ahora procedemos abrir todos los documentos creados, para eso clic en menú archivo, luego clic en abrir.

19. Seleccionamos todos los archivos y le damos clic en abrir.

Y se abrirán las pestañas siguientes

Luego le damos clic cada una de las pestañas para personalizarlas y se repiten los pasos 4 y 5 pero con diferentes colores para que les quede de la siguiente manera.

Cada pagina tiene que quedar con diferentes colores

20. Luego de haber personalizado cada uno regresamos a nuestra pagina index que esta en color azul para realizar el menú

21. Seleccionamos la palabra inicio

22. Le damos clic en la carpetita de la opción vinculo.

23. Le damos clic sobre el archivo index y clic en aceptar

24. Repetimos los pasos 21 (pero seleccionamos la palabra que corresponde), 22 y 23 en cada una de las palabras del menú

Tiene que quedarde esta formaautomáticamentese subrayacuando ya estánlos linksasignados

FIN