CONALEP

CSS
DISEO Y ELABORACION DE PAGINAS WEB PEDRO ANTONIO BASURTO ZARAGOZA PROF. J.C. MENDIAS 6TO SEMESTRE 10-368-9
09/05/2013 diseo y elaboracion de paginas web P3T3R

INTRODUCCION
En el documento presentado a continuacin se definir y explicara el concepto de la css.

Que beneficios trae con el. En que se puede aplicar como se puede o se va a usar Que mtodo hay para usarlo Ventajas Desventajas

Todo esto con el fin de obtener una pagina web presentable, interesante y de gran uso no solo para la persona creadora si no tambin para usuarios que requieran de ella.

Qu es CSS?
Puede que ya hayas odo hablar de CSS sin saber realmente qu es. En esta leccin aprenders ms cosas sobre CSS y qu puede hacer por ti. CSS es el acrnicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

Qu puedo hacer con CSS?

CSS es un lenguaje de estilo que define la presentacin de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, mrgenes, lneas, altura, anchura, imgenes de fondo, posicionamiento avanzado y muchos otros temas. Espera unos segundos y ya vers! Es posible usar HTML, o incluso abusar del mismo, para aadir formato a los sitios web. Sin embargo, CSS ofrece ms opciones y es ms preciso y sofisticado. CSS est soportado por todos los navegadores hoy da. Despus de unas cuantas lecciones de este tutorial sers capaz de crear tus propias hojas de estilo usando CSS para dar a tu sitio web un aspecto nuevo y genial. Qu diferencia hay entre CSS y HTML? HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado. Vale, suena un poco tcnico y confuso... pero sigue leyendo; pronto todo tendr sentido. All en los buenos tiempos en que Madonna era una "Virgen" y un tipo llamado Tim Berners Lee invent el World Wide Web, el lenguaje HTML slo se usaba para aadir estructura al texto. Los autores podan marcar sus textos diciendo "esto en un ttulo" o "esto es un prrafo", usando las etiquetas HTML <h1> y <p>, respectivamente. A medida que la Web fue ganando popularidad, los diseadores empezaron a buscar posibilidades para aadir formato a los documentos en lnea. Para satisfacer esta reclamacin, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>,

que se diferenciaba de las etiquetas originales HTML en que definan el formato... y no la estructura. Esto tambin llev a una situacin en la que las etiquetas estructurales originales, por ejemplo, <table>, se usaban cada vez ms de manera incorrecta para dar formato a las pginas en vez de para aadir estructura al texto. Muchas nuevas etiquetas que aadan formato, por ejemplo, <blink>, slo las soportaban un tipo determinado de navegador. "Necesitas el navegador X para visualizar esta pgina" se convirti en una declaracin de descargo comn en los sitios web. CSS se invent para remediar esta situacin, proporcionando a los diseadores web con sofisticadas oportunidades de presentacin soportadas por todos los navegadores. Al mismo tiempo, la separacin de la presentacin de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho ms fcil.

Qu beneficios me ofrece CSS?

CSS fue toda una revolucin en el mundo del diseo web. Entre los beneficios concretos de CSS encontramos: control de la presentacin de muchos documentos desde una nica hoja de estilo; control ms preciso de la presentacin; aplicacin de diferentes presentaciones a diferentes tipos de medios (pantalla, impresin, etc.);

numerosas tcnicas avanzadas y sofisticadas.

CSS sintaxis
CSS tiene una sintaxis muy sencilla, que usa unas cuantas palabras claves tomadas del ingls para especificar los nombres de sus selectores, propiedades y atributos. Una hoja de estilos CSS consta de 3 reglas. Cada regla consiste en uno o ms selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento que cumplan con el selector que les precede. Cada bloque de estilos se define entre llaves, y est formado por una o varias declaraciones de estilo con el formato propiedad:valor;.1

En el CSS, los selectors marcarn qu elementos se vern afectados por cada bloque de estilo que les siga, pudiendo afectar a uno o varios elementos a la vez, en funcin de su tipo, nombre (name), ID, clase (class), posicin dentro del Document Object Model, etctera.2 Abajo puede verse un ejemplo de una parte de una hoja de estilos CSS: selector [, selector2, ...] [:pseudo-class][::pseudo-element] { propiedad: valor; [propiedad2: valor2; ...] } /* comentarios */

Formas de usar CSS

Para dar formato a un documento HTML, puede emplearse CSS de tres formas distintas: 1. Mediante CSS introducido por el autor del HTML a) Un estilo en lnea (online) es un mtodo para insertar el lenguaje de estilo de pgina directamente dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripcin del formateo dentro del documento de la pgina Web, a nivel de cdigo, se convierte en una manera larga, tediosa y poco elegante de resolver el problema de la programacin de la pgina. Este modo de trabajo se podra usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro o estructurado que debera ser, pero funciona. Dado que los clientes de correo electrnico no soportan las hojas de estilos externas, y que no existen estndares que los fabricantes de clientes de correo respeten para utilizar CSS en este contexto, la solucin ms

recomendable para maquetar correos electrnicos, es utilizar CSS dentro de los propios elementos (online). b) Una hoja de estilo interna, que es una hoja de estilo que est incrustada dentro de un documento HTML, dentro del elemento <head>, marcada por la etiqueta <style>. De esta manera se obtiene el beneficio de separar la informacin del estilo del cdigo HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una pgina a otra (esta posibilidad es difcil de ejecutar si se desea para guardar las copias sincronizadas). En general, la nica vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna caracterstica a una pgina Web en un simple fichero, por ejemplo, si se est enviando algo a la pgina Web. c) Una hoja de estilo externa, es una hoja de estilo que est almacenada en un archivo diferente al archivo donde se almacena el cdigo HTML de la pgina Web. Esta es la manera de programar ms potente, porque separa completamente las reglas de formateo para la pgina HTML de la estructura bsica de la pgina. 2. Estilos CSS introducidos por el usuario que ve el documento, mediante un archivo CSS especificado mediante las configuraciones del navegador, y que sobreescribe los estilos definidos por el autor en una, o varias pginas web. 3. Los estilos marcados "por defecto" por los user agent, para diferentes elementos de un documento HTML, como por ejemplo, los enlaces

Limitaciones y ventajas de usar CSS

Limitaciones Algunas limitaciones que se encuentran en el uso del CSS hasta la versin CSS2.1, vigente, pueden ser: Los selectores no pueden usarse en orden ascendente segn la jerarqua del DOM (hacia padres u otros ancestros) como se hace mediante XPath La razn que se ha usado para justificar esta carencia por parte de la W3C, es para proteger el rendimiento del navegador, que de otra manera, podra verse comprometido. XSLT soporta en la actualidad un mayor nmero de sistemas

operativos. As mismo, tambin es mejor para trabajar con la mayora de buscadores de Internet.11 [cita requerida] Dificultad para el alineamiento vertical; as como el centrado horizontal se hace de manera evidente en CSS2.1, el centrado vertical requiere de diferentes reglas en combinaciones no evidentes, o no estndares. Ausencia de expresiones de clculo numrico para especificar valores (por ejemplo margin-left: 10% 3em + 4px;). Un borrador de la W3C para CSS3, propone calc() para solventar esta limitacin.12 Las pseudo-clases dinmicas (como :hover) no se pueden controlar o deshabilitar desde el navegador, lo que las hace susceptibles de abuso por parte de los diseadores en banners, o ventana emergentes.

Ventajas Algunas ventajas de utilizar CSS (u otro lenguaje de estilo) son: Control centralizado de la presentacin de un sitio web completo con lo que se agiliza de forma considerable la actualizacin del mismo. Separacin del contenido de la presentacin, lo que facilita al creador, diseador, usuario o dispositivo electrnico que muestre la pgina, la modificacin de la visualizacin del documento sin alterar el contenido del mismo, slo modificando algunos parmetros del CSS. Optimizacin del ancho de banda de la conexin, pues pueden definirse los mismos estilos para muchos elementos con un slo selector; o porque un mismo archivo CSS puede servir para una multitud de documentos. Mejora en la accesibilidad del documento, pues con el uso del CSS se evitan antiguas prcticas necesarias para el control del diseo (como las tablas), y que iban en perjuicio de ciertos usos de los documentos, por parte de navegadores orientados a personas con algunas limitaciones sensoriales.

CONCLUSION
CSS es un lenguaje de estilo que define la presentacin de los documentos HTML. Es casi obligatoriamente usar un cdigo HTML para poder utilizar este tipo de lenguaje. Lo que har este lenguaje es hacer que el programador de paginas web tenga una mayor facilidad en la creacin de la pagina y que tenga una mejor presentacin y creatividad para el uso de cualquier persona interesada. Lo que CSS hara ser introducir de manera manual fuentes, colores, mrgenes, lneas, altura, anchura, imgenes de fondo, posicionamiento avanzado y muchos otros temas, Para la presentacin esta tendr muchas ventajas como: Control centralizado de la presentacin de un sitio web completo con lo que se agiliza de forma considerable la actualizacin del mismo. Separacin del contenido de la presentacin. Optimizacin del ancho de banda de la conexin Mejora en la accesibilidad del documento.

Que ser de gran ayuda para el programador y necesitara menos tiempo, puesto que con solo insertar manualmente el objeto, este creara un cdigo.