INTRODUCCION AL CSS

http://www.xsvc.com.ve/tutoriales/ManualCssHojasDeEstilos.pdf


Introducción a las CSS
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así 
porque fué concebido para otros usos (científicos sobretodo), distinto a los actuales, 
mucho más amplios. 
Para solucionar estos problemas los diseñadores han utilizado técnicas tales como la 
utilización de tablas imagenes transparentes para ajustarlas, utilización de etiquetas que 
no son estádares del HTML y otras. Estas "trampas" han causado a menudo problemas en 
las páginas a la hora de su visualizaciónen distintas plataformas. 
Además, los diseñadores se han visto frustrados por la dificultad con la que, aun 
utilizando estos trucos, se encontraban a la hora de maquetar las páginas, ya que muchos 
de ellos venian maquetando páginas sobre el papel, donde el control sobre la forma del 
documento es absoluto. 
Finalmente, otro antecedente que ha hecho necesario el desarrollo de esta tecnología 
consiste en que las páginas web tienen mezclado en su código HTML el contenido del 
documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes 
ya que la lectura del código HTML se hece pesada y difícil a la hora de buscar errores o 
depurar las páginas. Aunque, desde el punto de vista de la riqueza de la información y la 
utilidad de las páginas a la hora de almacenar su contenido, es un gran problema que 
estos textos estáen mezclados con etiquetas incrustadas para dar forma a estos: se 
degrada su utilidad. 
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque 
práctico para que en pocos capítulos podáis usar las CSS de una manera depurada, 
reflejando toda nuestra experiencia en su uso

HACER TITULO PARA BLOGGER CON PHOTOSCAPE

Para poder poner nuestra propia imagen con el título de nuestro blog, simplemente tendremos que ir a DiseñoDe ese modo tan sencillo la cabecera de nuestro blog queda 100% personalizada.

¿Cómo crear esos títulos? Os pongo las imágenes de algunos de los títulos que he usado yo según la temporada: por Halloween, Navidad, Primavera...

Yo he utilizado siempre un fondo transparente, pero podemos utilizar como fondo una textura que se adapte a las necesidades de nuestro blog.

Todo lo que voy a explicar está hecho con Photoscape.

1. Nos vamos a Editor y abrimos la textura o la transparencia que queramos utilizar.

Para descargar un fondo transparente pincha aquí.

2. En Edición damos a redimensionar. Yo uso el tamaño 1000X209 que me ajusta perfectamente a mi cabecera, pero lo mejor es que probéis este tamaño en vuestro blog y si no pongáis las medidas que mejor queden.

Os dejo aquí algunos fondos que podéis usar:

3. En Complementos nos vamos a la montañita con el sol y vamos añadiendo uno a uno los elementos que van a configurar nuestro título. Si las letras las queremos poner como una fuente normal, no como imagen nos iremos a la T y escribiremos lo que queramos. Queda más bonito si en lugar de eso utlizamos imágenes de alfabetos, según se adapten a nuestro blog.

Por ejemplo, yo voy a coger de fondo la imagen azul y le voy a añadir el título con un alfabeto png. Después, del mismo modo, iré añadiendo imágenes. Quedará así.

El alfabeto lo encontraréis aquí si lo descargáis tendréis que cortar las letras ya que van de tres en tres.

(Con photoscape, recortar elegís con el cuadradito la letra y la guardáis con otro nombre).

Desde aquí podéis descargar un archivo comprimido con bastantes gorjuss.

4. Una vez guardado el título, ya lo podemos colocar como imagen en Diseño

MATERIALES QUE PODÉIS USAR

Os dejo enlaces para otros alfabetos:

                                           




Espero que os sea útil. Un saludo.