Desde Inconcientecolectivo.cl, les adjunto este tutorial de css, lenguaje y herramienta indispensable para los diseñadores grí¡ficos interesados en el í¡rea web. Se los recomiendo
Sin abordar temas un tanto recurrentes, como la importancia de las CSS y el uso de estí¡ndares web empezaremos a publicar una serie de tutoriales que abordarí¡n aspectos prí¡cticos del uso de css y xhtml para que usuarios noveles se inicien en este lenguaje.
Lo que si de forma escueta podríamos decir que la CSS es un lenguaje formal(que se escribe en un archivo de texto), que define la presentación de un documento Html, Xml y Xhtml.
En este sentido el Xhtml es un lenguaje derivado del html y el xml que es mí¡s estricto en el uso del código y por ende se apega mí¡s a los estí¡ndares que su antecesor html.I Introducción
hasta hace unos años los sitios web se diseñaban bí¡sicamente en tablas y frames.
Si le sumamos a esto algo de flash, la estructura de un proyecto web se constituye bajo una forma descentralizada, necesitando mucho software y exigiendo ademí¡s una gestión totalmente inadecuada para un documento que contiene información.
Las tablas se crearon para manejar información que necesita estar tabulada tal cual lo hace Excell, pero no para estructurar el posicionamiento de los elementos. Estos trucos trajeron muchos vicios como la típica imagen transparente, el diseño de sitios en photoshop(con la famosa herramienta de corte) y otras aberraciones(creo que nadie queda libre de esto).Si tomamos en cuenta que la primera iniiativa de separar el contenido de la presentación con la introducción de CSS de nivel 1 fue en Diciembre de 1996 y la especificación de CSS de nivel 2 existe desde 1998 la pregunta que todos se hacen es ¿Porqué se ha demorado tanto en implementarse? La principal respuesta tiene un nombre y es Explorer de Microsoft que aparte de sus conocidos problemas de seguridad nunca marchó con los estí¡ndares.
Aunque no siempre hay un solo demonio, ya que el enfoque tan determinado de los diseñadores en basar su trabajo en herramientas computacionales como dreamweaver, fireworks o photoshop, dejó de lado algunos temas importantes como la semí¡ntica web, la tipografía y la economía de medios que se pueden lograr con un simple editor de texto.II Materiales(o qué necesito?)
Bueno es tan simple como tener un computador en primera medida, algunos conocimientos de html y un buen editor de texto. A la gente que tenga dominio de Dreamweaver puede seguir utilizando esta herramienta para crear hojas de estilos.
En su versión 8 ha mejorado bastante en la rapidez y prestacia pero es un tanto incómoda la pretensión de autocompletar código( a mi me molesta bastante).
Sugiero partir con un editor de texto simple y ojalí¡ con coloreado de sintaxis que ayuda bastante para no perderse entre tanto texto, como smultron o text wrangler ambos gratuitos livianos y para Mac ( a los usuarios PC les pido que coloquen links con buenos editores en los comentarios).(Continuar leyendo artículo original en inconcientecolectivo)
