La creación de menús en páginas web es fundamental para la estructuración de la información a la que los usuarios pueden acceder.En los Blogs, al igual que en cualquier publicación web, el orden y la presentación de las categorías de la información que manejamos puede ordenarse mediante un menú. La exposición de contenidos mediante un menú facilita a los usuarios el acceso a la información, consiguiendo mejorar su experiencia de uso.Voy a explicar dos menús básicos en cualquier publicación web: un menú de un sólo nivel y un menú con subopciones (de más de un nivel). Finalmente explicaré cómo conseguir personalizarlos en Blogger como menús fijos, con distintos colores, formas... todo lo que necesitas para conseguir que tu Blog disponga de un menú con toda tu información personalizada y montada a tu gusto.CONCEPTOS PREVIOS, CÓMO SE COMPONEN LOS MENÚS EN BLOGGER:
- El menú en Blogger:El menú en Blogger, al igual que en otras publicaciones web se forma en laplantilla Blogger,basándose en unashojas de estilo (.css),en el cuerpo de la plantilla que se está utilizando para la presentación del Blog. Expliquemos paso a paso cada concepto, conviene tenerlos muy claros para entenderlo mejor.
- La plantilla Blogger: En el lenguaje más abstracto y menos técnico, la plantilla es el modelo de presentación sobre el que vas a trabajar para mostrar los contenidos de tu Blog. Se le denomina plantilla porque va a definir dónde y cómo se van a mostrar tus contenidos en el Blog. Por ejemplo, define dónde va a ir colocada la cabecera con el título del blog, qué tipos de letra se van a mostrar, con qué colores, qué componentes van a "dibujarse" y cómo van a hacerlo... es la base de la presentación que verán tus usuarios cuando accedan a tu Blog.
En un plano técnico, la plantilla es una representación esquemática realizada en XML que sintetiza código HTML en etiquetas "propias" de Blogger que al ser interpretadas conforman la presentación del blog.
El menú vamos a crearlo dentro de la plantilla Blogger.
- Las hojas de estilo (.css): las páginas web basan su presentación fundamentalmente en hojas de estilo. Esta clase de archivos tienen la extensión .css:Hojas_de_estilo_en_cascada. Contienen la información semánticamente construida de los elementos que en la página HTML constituirán el aspecto y el formato de los componentes que integran dicha página.
Simplificando técnicamente, son archivos externos que le dicen a cada componente que utilizamos en nuestra página web (cajas de texto, títulos, comentarios, etc...) qué formato deben tener para darle un "estilo", una presentación.
Como a cualquier otro elemento de una página web, el menú mostrará su presentación gracias a la hoja de estilo con la que trabaje nuestra plantilla.
Establecen, por citar ejemplos simples que puedan comprenderse al instante, el espaciado entre caracteres, el margen entre un marco y el texto, el color que se va a utilizar en las letras...
En cualquier publicación web se incluyen primero, antes del cierre de la etiqueta /head para que luego el resto del código pueda referenciarlas.
Se pueden ver en el HTML de cualquier sitio web porque quedan declaradas de la siguiente forma:link href='URL_A_LA_CSS' rel='stylesheet' type='text/css'/.Donde URL_A_LA_CSS es la dirección donde se encuentraalmacenada la hoja de estilos que estamos utilizando.
Etiqueta b:skin
