Que es CSS? Presentacion Basica para CSS

13

Transcript of Que es CSS? Presentacion Basica para CSS

Page 1: Que es CSS? Presentacion Basica para CSS
Page 2: Que es CSS? Presentacion Basica para CSS

¿QUE ES CSS?

Es la forma como indicamos el diseño, colores, tamaños, etc. De un documento

estructurado escrito en HTML o XML, este se hace de manera SEPARADA de

la programación y la estructura de este.

XML: Un lenguaje de

marcado que da

soporte a bases de

datos. Especificación

para diseñar

lenguajes de

marcado, que

permite definir

etiquetas

personalizadas para

descripción y

organización de

datos.

Page 3: Que es CSS? Presentacion Basica para CSS

DE AQUÍ SURGE UNA PREGUNTA ¿DE DÓNDE

SURGIÓ CSS?

Surgió gracias a HTML y a las empresas ya que el diseño de CSS era muy

importante para dar una buena impresión a la página web y así llamara más la

atención.

¿Cuál es la idea principal de CSS?La idea que se encuentra detrás del desarrollo de CSS es separar la

estructura de un documento de su presentación.

En este caso seria del código de HTML ya sea dentro o fuera del cuerpo del

código.

Page 4: Que es CSS? Presentacion Basica para CSS

Sintaxis: Una hoja de estilo se compone de una lista de reglas.

Page 5: Que es CSS? Presentacion Basica para CSS

HISTORIA DE CSS Y DEL ¿POR QUÉ

SURGIÓ?• Css se creo en varios niveles CSS1,CSS2,CSS3 con lo cual surgió con la idea de

hacer que se vieran las paginas web mejor para que en si ¨Atrajeran a los

clientes de las empresas¨ con esto cada nivel de CSS se construye sobre el

anterior AÑADIENDO funciones nuevas .

Page 6: Que es CSS? Presentacion Basica para CSS

NIVELES CSS

1) CSS 1:Funciones básicas como fuente de la letra, color, tamaño, color de texto,

bordes, fondos. Fue publicada en diciembre de 1996 y abandonada en Abril 2008

2) CSS 2: Capas <div> ( Es una etiqueta de posicionamiento), Soporte para hojas

de estilo Auditivas, texto bidireccional, sombras,etc. Fue publicada en mayo de

1998. CABE MENCIONAR CSS 2.1 (Salio en el 2011 para eliminar

funcionalidades poco soportadas en los navegadores)

3) CSS 3: Está dividida en varios documentos separados, llamados "módulos¨ los

cuales añade nuevas funcionalidades a las definidas en CSS2, de manera que se

preservan las anteriores para mantener la compatibilidad.

Page 7: Que es CSS? Presentacion Basica para CSS

WEB 2.0

Es un claro punto clave ya que se maneja para FACILITAR EL

COMPARTIR LA INFORMACION un claro ejemplo es

FACEBOOK,TWITTER que son empresas de suma importancia y con

esto acuden a CSS, el diseño de Facebook y Twitter se basan en hacer

cómodo y accesible el sito además de ¨ATRACTIVO¨.

Page 8: Que es CSS? Presentacion Basica para CSS

FORMAS DE USAR CSS

Un estilo en línea: Es un método para insertar el

lenguaje de estilo de página directamente

dentro de una etiqueta HTML

Page 9: Que es CSS? Presentacion Basica para CSS

UNA HOJA DE ESTILO INTERNA

Es una hoja de estilo que está incrustada dentro

de un documento HTML, dentro del elemento

<head>, marcada por la etiqueta <style>.

Page 10: Que es CSS? Presentacion Basica para CSS

UNA HOJA DE ESTILO EXTERNA

Es una hoja de estilo que está almacenada en un archivo

diferente al archivo donde se almacena el código HTML

de la página Web.

Page 11: Que es CSS? Presentacion Basica para CSS

LIMITACIONES Y VENTAJAS

AL USAR CSSLIMITACIONES:

• Algunas limitaciones que se encuentran en el uso del CSS hasta la versión

CSS2.1

• Dificultad para el alineamiento vertical

• Ausencia de expresiones de cálculo numérico para especificar valores

VENTAJAS:

• Control centralizado de la presentación de un sitio web completo

• Optimización del ancho de banda de la conexión

• Mejora en la accesibilidad del documento

Page 12: Que es CSS? Presentacion Basica para CSS

CSS ZEN GARDEN

Se utilizan hojas de estilo contribuidas por diseñadores gráficos de todo el

mundo para cambiar la presentación visual de un único

archivo HTML.

Page 13: Que es CSS? Presentacion Basica para CSS

CONCLUSION

Se desarrolló este tema para comprender la importancia de darle

diseño a la página web, mostrando así algunos puntos importantes que

se deben de destacar como las formas de usar CSS o bien las Ventajas

y Desventajas que con lleva al mismo, pero lo más importante es para

hacerlo llamativo para las personas, clientes e Industria. Se mostró

algunas etiquetas básicas como <style>, en fin se mostró una pequeña

introducción al diseño de las páginas web…