17. Plantilla navegación

<< 16. Plantilla                                   18. Páginas index, curriculum y galería >>

Abrimos el documento C/…/ Mi_Sitio / Templates/ Mi_Plantilla.dwt para crear los comportamientos de la barra de navegación.

papel y web

01. Zona Interactiva Inicio

Empezamos creando una zona interactiva rectangular para el Inicio.

En la zona interactiva vínculo escribimos: ../index.html

Para que enlace con la página Inicio que crearemos más adelante.

Y en destino elegimos Top para que se abra en la mismo sitio y no abra una ventana o pestaña nueva en el navegador. En alt escribimos Inicio.

papel y web

02. Zona Interactiva Currículum

Seguimos con la zona interactiva para Currículum.

En la zona interactiva vínculo escribimos: ../curriculum.html

Para que enlace con la página Currículum que crearemos más adelante.

Y en destino elegimos Top y en alt escribimos Currículum.

papel y web

03. Zona Interactiva Galería

Terminamos con la zona interactiva Galería.

En la zona interactiva vínculo escribimos: ../galeria.html

Para que enlace con la página Galería que crearemos más adelante.

Y en destino elegimos Top y en alt escribimos Galería.

papel y web

04. Ventana Comportamientos

Seleccionamos la zona interactiva de Inicio en Map y vamos a Ventana / Comportamientos.

papel y web

05. Establecer Imagen Barra de Navegación

Dentro del panel Ventana / Comportamientos seleccionamos Establecer imagen de barra de navegación.

Y en Imagen arriba vamos a Examinar para buscar Mi_Sitio / 13_Boceto_Plantilla/ imagenes / Navega_Inicio.png

papel y web

06. Buscar Navega_Currículum

Seleccionamos la zona interactiva de Currículum en Map y vamos a Ventana / Comportamientos. 

Dentro del panel de comportamientos seleccionamos Establecer imagen de barra de navegación.

Y seleccionamos en Sobre imagen:  / …Mi_Sitio / 13_Boceto_Plantilla imagenes / Navega_Curriculum.png

papel y web

07. Buscar Navega_Galería

Seleccionamos la zona interactiva de Galería en Map y vamos a Ventana / Comportamientos. 

Dentro del panel de comportamientos seleccionamos Establecer imagen de barra de navegación.

Y seleccionamos en Sobre imagen:  / …Mi_Sitio / 13_Boceto_Plantilla imagenes / Navega_Curriculum.png

papel y web

08. Duplicar la plantilla

Por seguridad duplicamos la plantilla C/../ Mi_Sitio / Templates / Mi_Plantilla.dwt

Crear las carpetas del curso

C: … / Cursos / Curso_Dreamweaver /  Curso_Final. Contiene los archivos finalizados que vamos a necesitar para completar las prácticas de curso.

C: … / Cursos / Curso_Dreamweaver /  Mi_Sitio. Es donde realizaremos las prácticas.

Si es necesario crea las carpetas que necesites. Es muy importante mantener la estructura de carpetas que recomendamos en estos apuntes, para seguir el curso sin perdidas de tiempo adicionales.

Envia un comentario

Debes ser Conectado Para publicar un comentario.