Crear una barra de navegación
Experiencia educativa: Sistemas de Comnicaciones y teleinformática
Entidad Académica: FCAS UV
Microunidad de competencia: Creación de una barra de navegación en dreamweaver mediante estilos CSS
1.- Abre una pàgina nueva de HTML dentro de un sitio en DW
2.- Escribe los elementos de la barra de Navegación en forma de lista y crea los hipervínculos.
3. Seleccionalos y Aplica el tag de lista desordenada mediante la barra de propiedades
Ahora modificaremos esta lista desordenadas mediante estilos CSS
4.- Selecciona el menú Texto y el comando estilos CSS y después nuevo
5.- Selecciona el selector etiqueta y abre el botón de persiana para seleccionar el tag de li y clic en aceptar
6. En la lista de categorìas del cuadro de diàlogo selecciona lista y viñetas ninguna.
7. Modifica las propiedades de desplegar/en línea y Cuadro/ Margenes derecho e izquierdo en 20 pixeles.
8. Clic en Aplicar y aceptar
La lista desordenada se convierte en un menu horizontal
Como página de ejemplo se puede consultar la siguiente combas.260mb.com
Eso es todo y espero que haya sido útil este procedimiento.Comentarios, dudas y reclamaciones a mi email o aqui en el blog.
Ciao
Entidad Académica: FCAS UV
Microunidad de competencia: Creación de una barra de navegación en dreamweaver mediante estilos CSS
1.- Abre una pàgina nueva de HTML dentro de un sitio en DW
2.- Escribe los elementos de la barra de Navegación en forma de lista y crea los hipervínculos.
3. Seleccionalos y Aplica el tag de lista desordenada mediante la barra de propiedades
Ahora modificaremos esta lista desordenadas mediante estilos CSS
4.- Selecciona el menú Texto y el comando estilos CSS y después nuevo
5.- Selecciona el selector etiqueta y abre el botón de persiana para seleccionar el tag de li y clic en aceptar
6. En la lista de categorìas del cuadro de diàlogo selecciona lista y viñetas ninguna.
7. Modifica las propiedades de desplegar/en línea y Cuadro/ Margenes derecho e izquierdo en 20 pixeles.
8. Clic en Aplicar y aceptar
La lista desordenada se convierte en un menu horizontal
Como página de ejemplo se puede consultar la siguiente combas.260mb.com
Eso es todo y espero que haya sido útil este procedimiento.Comentarios, dudas y reclamaciones a mi email o aqui en el blog.
Ciao
Comentarios