.comment-form { margin:0px auto; width:400px; } /* Nube de enlaces-------*/ #tagcloud{ text-align:center; padding:5px; } #tagcloud .tag1{ font-size:0.9em; color:#0000FF;} #tagcloud .tag5{ font-size:1.2em; color:#D02090;} #tagcloud .tag2{ font-size:1.1em; color:#6495ED;} #tagcloud .tag3{ font-size:1.3em; color:#ADD8E6;} #tagcloud .tag4{ font-size:1.0em; color:#6A5ACD;} #tagcloud .tag6{ font-size:1.2em; color:#32CD32;} #tagcloud .tag7{ font-size:1.2em; color:#ffff00;} #tagcloud a{ text-decoration:none; } #tagcloud a:hover{ text-decoration:underline; } #navbar-iframe { height:0px; visibility:hidden; display:none; } -->
Con mis maestros he aprendido mucho; con mis compañeros, más; con mis alumnos, todavía más (Proverbio hindú)

El diseño de la plantilla

La siguiente imagen nos muestra la pestaña y opciones con las cuales adaptar la plantilla a nuestro gusto, tanto en los colores del blog como en las fuentes utilizadas.

Ya hemos aprendido a utilizarla y practicado con ella para, de un modo sencillo, ir configurando el blog y hacerlo más personal.

Ahora, vamos a adentrarnos en el diseño de las plantillas, pero utilizando el "lenguaje" de las mismas, el html. Realizaremos un ejercicio práctico ayudados por los siguientes enlaces:

1.- La combinación de teclas que nos indica el siguiente enlace es imprescindible para la búsqueda de códigos en ese enrevesado laberinto que es la estructura de una plantilla:


2.- Haciendo uso de lo anterior, vamos a ensanchar la plantilla para que podamos aprovechar el espacio proporcionado por las pantallas actuales:


2 comentarios:

~Ainhoa~ dijo...

Oye una cosa esto son deberes que haremos en clase o en casa?

Es que no entiendo lo que hay que hacer si eso ya lo explicaras.

José Gilaberte dijo...

Hola, Ainhoa:
La actividad consiste en ensanchar la plantilla para que el blog aproveche gran parte del espacio de la pantalla del ordenador, pero lo haremos mañana en clase todos a la vez.
Un saludo y hasta mañana.

Publicar un comentario