Plantillas CSS (Tarea5)

BIBLIOGRAFÍA

http://ocw.innova.uned.es/mm2/dw/contenidos/html/unidad2/temas/tema007.html
http://ayudawordpress.com/manual-css-introduccion/
http://www.youtube.com/watch?v=qHSPJIMrfiA
http://gabodesign.awardspace.com/introduccion-css.php
http://www.mejoresplantillasgratis.es/free-templates/Plantillas-CSS.html

CONCLUSIÓN

En la actualidad tenemos muchos tipos de plantillas, hay mucha información y videos de tutoriales, así como plantillas prediseñadas, es una forma eficaz de administrar la información que queremos mostrar de manera más dinámica y amigable para el usuario.

TIPOS DE CSS

Existen tres tipos de css los cuales wikipedia clasifica de la siguiente manera:

Hojas te estilo externas: Que no es mas que un solo documento con extencion .css el cual sera llamado desde cualquier otro documento ya sea .html .php .xml etc...
Hojas de estilo internas: Las cuales son las que estan integradas en el mismo documento en el cual se emplearan, la hoja de estilo se escribira entre <head> y </head> con su etiqueta style pero esto lo explicare mas adelante
Estilo en linea: Son los estilos que se le asignara a alguna etiqueta, estos ultimos son muy pesados es por ello que no es muy recomendable pues aria el documento mas pesado y no se estarian aprovechando los beneficios que te da CSS.

Ejemplos:
Hojas de estilo externas: es muy sencillo en su mayoria las webs utilizan este tipo de hojas, en esta web utilizo, tengo un documento independiente para mis estilos, estos los llamas desde el documento que quieras con la etiqueta <link> y para que esto funcione sera de la siguiente manera:

Hojas de estilo internas: Este tipo de hojas es el que nos genera el dreamweaver o algun muy buen ejemplo es google, él emplea este tipo de hojas las cuales podremos ver con facilidad.

Estilos en linea: es dificil ver estos estilos pero son utiles cuando el detalle que se le quiere dar es minimo y no es necesario ponerlo en tus documentos, por ejemplo:

<img src="imagen.jpg" style="border:4 #ff0000 solid;padding: 10px 0 0 0;">

INTRODUCCIÓN

Las tan mencionadas hojas de estilo son uno de los lenguajes mas utilizados con esto del nuevo termino que se le ha dado a la web de estos dias (WEB 2.0). Dejando a un lado las tablas este lenguaje se ha empleado mucho junto con el html o xml y los resultados son notables, estos nos dicen el por que de la preferencia, pues como algunos sabran es mucho mas ligera una web hecha con css que con tablas.

Hojas de estilo en cascada (Cascading Style Sheets en ingles) es el nombre completo de CSS, con ella podremos maquetar perfectamente una web sin tantos problemas entre navegadores, es un lenguaje muy sencillo facil de puede aprender, en este manual que presento aprenderemos css haciendo una plantilla desde el boceto.

COMO HACER UNA PLANTILLA CSS

Haz un paso cada vez y comprueba cada paso en varios navegadores

Es muy fácil empezar a construir una plantilla y meterse en problemas a mitad de la tarea. Para evitarlo, trata de construir tu plantilla en pequeños pasos y comprueba cada paso en varios navegadores. Con esto conseguirás ver exactamente como progresa la plantilla y no habrá necesidad de volver atrás sobre tus pasos si te metes en problemas.

Construye para los navegadores actuales y luego trabaja hacia atrás

Es mejor empezar construyendo para navegadores que cumplen los estándares y mas tarde hacer repasos, tales como ocultar (via @import) para navegadores mas antiguos.

Mientras construyes y compruebas utiliza CSS en la cabecera del documento

Es mucho mas fácil empezar a construir tus plantillas con el CSS en la cabecera del documento – es mas rápido, y evita problemas de caché. Cuando hayas terminado del todo la plantilla, se puede quitar el CSS y situarlo en hojas de estilo externas.