Aprendiendo codigo XHTML y diseño WEB

Llevo tiempo sin actualizar el blog, principalmente por el estado de aturdimiento en el que me encuentro, pero se me ocurrió una idea para rellenar este Post y dado que no se cuando publique el siguiente aquí la dejo.

Como ya he comentado en alguna ocasión estoy intentando aprender algo de todo esto del diseño Web, por lo que buscaba algo de material para profundizar en la teoría y alguien me aconsejo el ebook "Introducción al XHTML" escrito por Javier Eguíluz Pérez, el cual me está resultando muy útil para aprender y comprender parte de lo que hice a ojo de buen cubero en este blog para editarlo. A mi parecer esta muy bien explicado con ejemplos y ejercicios, además explica las diferencias con el código HTML simple.

Como descubrí al hojearlo, este libro está publicado en la Web LibrosWeb.es donde hay más material didáctico de diseño Web y todo ello con licencia Creative Commons. Hay material sobre CSS (a este también le tengo que echar un buen ojo), JavaScript y alguna otra cosa que aun no sé ni lo que es, todo se andará. Tienes la posibilidad de leer todo el material online o descargarlo en formato PDF y lo mejor de todo es que parece ser que actualizan los contenidos con frecuencia incluso reeditando los ebook terminados si es necesario.

No se si halla material más adecuado o probablemente más extenso sobre las distintas materias, pero teniendo en cuenta que es de libre difusión y lo que he leído hasta ahora, lo recomiendo a todos aquellos que estén en mi situación y quieran aprender una base minima de conocimientos.

Diseño terminado.

Voy a dar por finalizado el diseño de blog, por lo menos de momento, aun me mosquea un poco el ancho.

Los primeros colores que puse, los acabe cambiando porque me di cuenta que en las pantallas TFT se veían distinto (la mía es CRT) y no me gustaba. Aun sigue sin gustarme como se ven algunas cosas en la TFT, pero se va a quedar así.

Mi logro personal, teniendo en cuenta que no se código HTML, a sido insertar una imagen detrás de los títulos de la columna de la izquierda, llamado "Sidebar Title Background color" en el editor de color de Blogger y como descubrí después, llamado "sidebar h2" en la edición de HTML. Esto se hace añadiendo la línea en rojo del fragmento de código que he copiado y sustituyendo "dirección del hosting de la imagen" por la dirección de vuestra imagen, antes deberéis de haberla creado y adaptado al tamaño idóneo claro:

.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
background-image: url(dirección del hosting de la imagen);
font-size: 100%;
color: $sidebarTitleTextColor;
}

Si queréis eliminar el color de fondo podéis borrar la línea "background-color: $sidebarTitleBgColor;" aunque si la imagen lo tapa completamente o le habéis dado un color adecuado no es necesario.

Muy importante, antes de modificar nada en el código HTML copiarlo entero y pegarlo por ejemplo en el notepad, para así poder recuperarlo por si hacemos algo mal.

Sé que para los que saben, esto puede ser muy fácil o incluso una tontería, pero para los que no sabemos o estamos aprendiendo, los primero logros son importantes y cuestan mucho.

P.D.: ¡Más de 100 visitas y solo he entrado yo a la pagina para modificar el diseño! Este contador cuenta muy ligero.