Elaboración de menús con Dreamweaver cs5

18
Creación De Menús PLANTEL #10 SAN SEBASTIAN Elaboración De Páginas Web 6°D Turno Matutino

Transcript of Elaboración de menús con Dreamweaver cs5

Page 1: Elaboración de menús con Dreamweaver cs5

Creación De Menús

• PLANTEL #10 SAN SEBASTIAN

• Elaboración De Páginas Web

• 6°D Turno Matutino

Page 2: Elaboración de menús con Dreamweaver cs5
Page 3: Elaboración de menús con Dreamweaver cs5

Para empezar

abriremos el

panel “insertar”

como se muestra

en la imagen.

Page 4: Elaboración de menús con Dreamweaver cs5

Aquí se muestra

el panel

seleccionado

Page 5: Elaboración de menús con Dreamweaver cs5

Aunque

generalmente

aparezca en la

opción “común”

la cambiaremos

por la opción

“Spry” .

Page 6: Elaboración de menús con Dreamweaver cs5

Una vez en la

opción

Spry, selecciona

mos “barra de

menús de Spry”

Page 7: Elaboración de menús con Dreamweaver cs5

Enseguida, aparec

erá este cuadro de

dialogo, al cual le

daremos clic en

aceptar.

Una vez

aceptado, aparece

rá este otro

cuadro de dialogo

que permitirá

guardar el

progreso con el

nombre

deseado, una vez

puesto el nombre

se da clic en

“guardar”.

Page 8: Elaboración de menús con Dreamweaver cs5

Una vez guardado

aparecerá este cuadro

de dialogo que te

permitirá elegir el

diseño para tu menú.

Page 9: Elaboración de menús con Dreamweaver cs5

Aquí aparecerá el menú

seleccionado que en

este caso es de modo

horizontal.

Page 10: Elaboración de menús con Dreamweaver cs5

Haciendo clic en el botón azul de la parte superior

del menú, aparecerá el panel “propiedades” que te

permitirá adecuar el menú a tus necesidades.

Page 11: Elaboración de menús con Dreamweaver cs5

Esta opción

te permitirá

agregar o

quitar

fichas

titulares a

tu menú.

Esta opción te

permitirá ver las

fichas

titulares, acomod

adas.

Puedes cambiar de nombre a cualquiera de

las fichas dando clic en la ficha a modificar

y tecleando el nuevo nombre.

Page 12: Elaboración de menús con Dreamweaver cs5

Esta opción nos

permite cambiar

de lugar las

fichas

titulares, de

acuerdo a

nuestras

necesidades.

Este cuadro

nos muestra

las fichas

subtitulares.

Fichas

titulares.Fichas

subtitulares.

Page 13: Elaboración de menús con Dreamweaver cs5

Esta opción te

permite

aumentar o

disminuir las

fichas

subtitulares.

Esta opción te

permite cambiar de

posición las fichas

subtitulares de

acuerdo a tus

necesidades.

Aquí es donde

podrás elegir a

que pagina estará

vinculada cada

ficha.

Page 14: Elaboración de menús con Dreamweaver cs5

Nombre de la ficha

seleccionada a

vincular.

Pagina con la cual se

va a vincular.

En el icono de

carpeta que tiene a

un costado puedes

buscar la pagina por

medio del siguiente

cuadro de dialogo.

Page 15: Elaboración de menús con Dreamweaver cs5

El apartado titulo

como ya lo dice, te

permite poner un

“titulo” a tu

Elemento para

cuando el cursor

pase sobre el

Elemento, este

aparezca.

El apartado “destino” te permite

elegir si la pagina vinculada

aparecerá en una nueva

ventana, en una nueva pestaña

o en esa misma.

Page 16: Elaboración de menús con Dreamweaver cs5

Una vez vinculadas

las fichas, solo

queda darle

formato a nuestro

menú, de acuerdo

a nuestras

necesidades

utilizando css.

Page 17: Elaboración de menús con Dreamweaver cs5

Con un formato ya establecido, tu menú esta terminado y

con la opción vista en vivo podrás ver como quedara.

Page 18: Elaboración de menús con Dreamweaver cs5

Isabel Alejandra Aguilera Ramírez.

Gloria Guadalupe Covarrubias González.

Luis Andrés Pérez Castillo.

Adriana Razo Vallejo.

María Teresa Grajeda Olvera.