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.
- 01. Zona Interactiva Inicio
- 02. Zona Interactiva Currículum
- 03. Zona Interactiva Galería
- 04. Ventana Comportamientos
- 05. Establecer Imagen Barra de Navegación
- 06. Buscar Navega _Currículum
- 07. Buscar Navega _Galería
- 08. Duplicar la plantilla
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.
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.
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.
04. Ventana Comportamientos
Seleccionamos la zona interactiva de Inicio en Map y vamos a Ventana / Comportamientos.
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
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
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
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 / 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.