Aprendizaje Hojas de estilo para las páginas Web hace mejor.

Aprendizaje Hojas de estilo para las páginas Web hace mejor.

Contar palabras:
994

Resumen:
El otro día me preguntaron por qué me gusta estilos en cascada CSS (hojas) y lo que hace CSS tan grande. He aquí mi respuesta a esas preguntas.

El Santo Grial de la CSS a los contenidos de páginas web totalmente independiente de las instrucciones que controlan su apariencia. Si esto se logra, entonces es mucho más fácil para los varios dispositivos para visualizar la página web correctamente. Por ejemplo, la misma página se muestra correctamente en un navegador Web estándar (Internet Explorer, FireFox, Opera, Netscape, etc ),...


Palabras clave:

 

Cuerpo del artículo:
El otro día me preguntaron por qué me gusta estilos en cascada CSS (hojas) y lo que hace CSS tan grande. He aquí mi respuesta a esas preguntas.

El Santo Grial de la CSS a los contenidos de páginas web totalmente independiente de las instrucciones que controlan su apariencia. Si esto se logra, entonces es mucho más fácil para los varios dispositivos para visualizar la página web correctamente. Por ejemplo, la misma página se muestra correctamente en un navegador Web estándar (Internet Explorer, FireFox, Opera, Netscape, etc), dispositivos utilizados por personas con discapacidad, los teléfonos celulares, y las interfaces sin embargo-a-ser-desarrollados. Tampoco sería el diseñador del sitio web, tiene que hacer que las páginas separadas de algunos de estos dispositivos. La realidad es muy diferente y aunque aquí en el mundo real CSS aún no hacer todas estas cosas. Pero tiene suficientes beneficios positivos de aprender cómo funciona y para incorporar en sus páginas web.

Hay diferentes maneras de controlar cómo las cosas se ve en una página web. Por ejemplo, el color, tamaño y tipo de letra utilizado para un titular o el color, el tamaño y la fuente de un párrafo de texto se puede definir con estilos en línea y las etiquetas. En los medios en línea que estos comandos de formato para controlar el color, tamaño, y la fuente se mezclan con el contenido. Esto hace que el código fuente de la página mucho más difícil de leer y modificar cuando se quiera cambiar o solucionar un problema. Además, debido a que está repitiendo las mismas órdenes una y otra vez por la página, hace que el tamaño de archivo de la página se hacen más grandes y más grandes y menos eficientes (más lento) para los que navegar por su sitio.

CSS no se repite en toda la página. CSS se pueden definir en la sección principal de la página HTML, o poner en un archivo separado y referencia de la página HTML, o incluso se puede hacer ambas cosas. CSS consta de definiciones de cómo un componente de la página debe buscar en la página o dispositivo. Por ejemplo, puede definir que un título debe ser de color rojo, 26 puntos, alineado a la derecha del texto y que un párrafo debe ser de color negro, de 10 puntos, a la izquierda de texto alineados. Todo normal, etiquetas HTML de párrafo o las etiquetas título sería utilizar estas definiciones cuando se representa.
Puede definir más o menos todo lo normal objetos HTML de esta manera, el color de fondo, imagen de fondo, posición de la imagen de fondo, tablas, celdas, imágenes, divs, etc Esto elimina el desorden de su código HTML y hace que sea mucho más fácil de leer. Pero espere, hay más! Si usted tiene un sitio web con más de una página y utiliza CSS, y que ponga todos sus definiciones CSS en un archivo separado, sólo tiene un lugar para ir a cambiar el aspecto y la sensación de todas las páginas de su sitio. Si usted tiene un sitio de la página 50 y se entera de que el tamaño de su texto es demasiado pequeño o ha utilizado el color incorrecto para maximizar las ventas: en lugar de tener que editar 50 páginas y cambiar la definición de cada etiqueta de párrafo, sólo tiene que editar el CSS archivo y ya está!

Usted puede preguntar cómo hacer que un párrafo o un conjunto de párrafos ser distinta de la predeterminada? Una forma es definir una clase de ese elemento. Si usted tiene una columna de la derecha en la que mostrar anuncios, en el CSS que haría una clase y darle un nombre como ". Rcol". Se podría definir los elementos necesarios para la clase que desea controlar (las etiquetas de párrafo o el encabezado). ". Rcol p" se utiliza para controlar cómo una etiqueta de párrafo que se dictó. Para asociar a la clase que el objeto, simple agregar "class = rcol" a la etiqueta de párrafo, o la etiqueta de tabla si está en una mesa, o etiqueta div si está en un div, etc Esta es también donde el derramamiento plazo en CSS gana es mantener: la cascada de definiciones por defecto en una clase, siempre y cuando la clase no contiene algo que anula el valor predeterminado. Esto significa que en nuestro ejemplo de texto prestados en una etiqueta de párrafo tiene un aspecto diferente de la clase rcol. Sin embargo, porque eso es lo único que hemos definido para rcol, todo lo demás sería el mismo que el resto de la página.

También puede definir el tamaño y la colocación de objetos en CSS. Este es un lugar en el que golpeó el mundo real de CSS bastante difícil. No todos los navegadores son compatibles con el tamaño y la posición de los comandos de la misma manera. Esto lleva a hacks que definir una posición y luego usar un comando que se conoce, por ejemplo, para hacer que Internet Explorer para rescatar de la CSS, después de que la línea se utiliza un comando de la posición que Netscape por ejemplo, entiende. CSS utiliza la última definición de un objeto por lo que esta técnica puede ser utilizada para "engañar" o "hackear"

CSS en los navegadores de trabajo a través de más de lo normal. Yo no recomiendo hacer esto. Una de las razones es que es complicado y fácil de olvidar por qué hizo algo. La otra razón es porque, como los navegadores están actualizados o nuevos dispositivos se conecten, no puede seguir estos hacks no escritas y no admitidos y sus páginas son susceptibles de ser todos en mal estado. Para evitar esto suelo usar CSS tanto como me sea posible y utilizar tablas y definiciones en línea para controlar la posición y tamaño. Algunas personas hacen todo lo posible para utilizar CSS para todo, incluso sustituir todas las tablas, pero aquí en el mundo real, el que obtiene la página construido, funcionamiento, y en una forma que puede utilizarse de forma fiable en tantas plataformas como sea posible.

No todos los paquetes de software web, sitio como Microsoft Front Page, Dreamweaver o Adobe GoLive, etc totalmente compatible con CSS.

Usted tendrá que hacer algo de código de forma manual. No te preocupes, no es tan difícil. Tengo un curso en línea que le puede enseñar, sólo tienes que seguir el enlace al final de este artículo.

Tómese el tiempo para aprender y entender CSS. Implementarlo en sus páginas web. Será un tiempo bien empleado.