SlideShare una empresa de Scribd logo
1 de 13
¿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.
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.
Sintaxis: Una hoja de estilo se compone de una lista de reglas.
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 .
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.
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¨.
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
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>.
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.
LIMITACIONES Y VENTAJAS
AL USAR CSS
LIMITACIONES:
• 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
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.
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…

Más contenido relacionado

La actualidad más candente

Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLandreajose13
 
Cuestionario de power point
Cuestionario de power pointCuestionario de power point
Cuestionario de power pointJavier Laguna
 
¿Cómo crear tablas en Word?.
¿Cómo crear  tablas en Word?.¿Cómo crear  tablas en Word?.
¿Cómo crear tablas en Word?.Ticdys
 
COMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPPCOMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPPdisenarUniminuto
 
Introducción a adobe animate cc
Introducción a adobe animate ccIntroducción a adobe animate cc
Introducción a adobe animate ccGiannina Núñez
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSSPatricio Mas
 
Modelos de software ventajas y desventajas
Modelos de software ventajas y desventajasModelos de software ventajas y desventajas
Modelos de software ventajas y desventajasEdith Carreño
 
INDICES EN SQL SERVER
INDICES EN SQL SERVERINDICES EN SQL SERVER
INDICES EN SQL SERVERDarwin Durand
 
Uml lenguaje unificado de modelado
Uml lenguaje unificado de modeladoUml lenguaje unificado de modelado
Uml lenguaje unificado de modeladoMarvin Zumbado
 
Tópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datosTópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datosJosé Antonio Sandoval Acosta
 
Guía Básica de CSS.pptx
Guía Básica de CSS.pptxGuía Básica de CSS.pptx
Guía Básica de CSS.pptxClaudiaNaveda2
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014jorgequiat
 
Gestión de proyectos de software - Tema 3: Planificación del proyecto
Gestión de proyectos de software - Tema 3: Planificación del proyectoGestión de proyectos de software - Tema 3: Planificación del proyecto
Gestión de proyectos de software - Tema 3: Planificación del proyectoJair Valenz
 

La actualidad más candente (20)

Qué es css
Qué es cssQué es css
Qué es css
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Cuestionario de power point
Cuestionario de power pointCuestionario de power point
Cuestionario de power point
 
¿Cómo crear tablas en Word?.
¿Cómo crear  tablas en Word?.¿Cómo crear  tablas en Word?.
¿Cómo crear tablas en Word?.
 
COMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPPCOMO CREAR UNA BASE DE DATOS EN XAMPP
COMO CREAR UNA BASE DE DATOS EN XAMPP
 
Adobe Illustrator
Adobe IllustratorAdobe Illustrator
Adobe Illustrator
 
Arquitectura sql
Arquitectura sqlArquitectura sql
Arquitectura sql
 
Introducción a adobe animate cc
Introducción a adobe animate ccIntroducción a adobe animate cc
Introducción a adobe animate cc
 
Ejemplo de Trigger en Mysql
Ejemplo de Trigger en MysqlEjemplo de Trigger en Mysql
Ejemplo de Trigger en Mysql
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSS
 
Modelos de software ventajas y desventajas
Modelos de software ventajas y desventajasModelos de software ventajas y desventajas
Modelos de software ventajas y desventajas
 
INDICES EN SQL SERVER
INDICES EN SQL SERVERINDICES EN SQL SERVER
INDICES EN SQL SERVER
 
Uml lenguaje unificado de modelado
Uml lenguaje unificado de modeladoUml lenguaje unificado de modelado
Uml lenguaje unificado de modelado
 
Fundamentos de ingenieria del software (2)
Fundamentos de ingenieria del software (2)Fundamentos de ingenieria del software (2)
Fundamentos de ingenieria del software (2)
 
Tópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datosTópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datos
 
Funciones del DBA, SA Y DA
Funciones del DBA, SA Y DAFunciones del DBA, SA Y DA
Funciones del DBA, SA Y DA
 
Guía Básica de CSS.pptx
Guía Básica de CSS.pptxGuía Básica de CSS.pptx
Guía Básica de CSS.pptx
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Gestión de proyectos de software - Tema 3: Planificación del proyecto
Gestión de proyectos de software - Tema 3: Planificación del proyectoGestión de proyectos de software - Tema 3: Planificación del proyecto
Gestión de proyectos de software - Tema 3: Planificación del proyecto
 

Similar a Que es CSS? Presentacion Basica para CSS (20)

CSS OK.pptx
CSS OK.pptxCSS OK.pptx
CSS OK.pptx
 
Qué es CSS.ppsx
Qué es CSS.ppsxQué es CSS.ppsx
Qué es CSS.ppsx
 
Qué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptxQué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptx
 
Hojas de calculo CSS
Hojas de calculo CSSHojas de calculo CSS
Hojas de calculo CSS
 
Taller de informatica
Taller de informaticaTaller de informatica
Taller de informatica
 
Css
CssCss
Css
 
Css
CssCss
Css
 
CLASE N° 1 - INTRODUCCIÓN A CCS3
CLASE N° 1 - INTRODUCCIÓN A CCS3CLASE N° 1 - INTRODUCCIÓN A CCS3
CLASE N° 1 - INTRODUCCIÓN A CCS3
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Css
CssCss
Css
 
Css
CssCss
Css
 
LECCIÓN N°1
LECCIÓN N°1LECCIÓN N°1
LECCIÓN N°1
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
CSS estilos.pptx
CSS estilos.pptxCSS estilos.pptx
CSS estilos.pptx
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Compresión de video
Compresión de videoCompresión de video
Compresión de video
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 

Que es CSS? Presentacion Basica para CSS

  • 1.
  • 2. ¿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.
  • 3. 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.
  • 4. Sintaxis: Una hoja de estilo se compone de una lista de reglas.
  • 5. 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 .
  • 6. 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.
  • 7. 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¨.
  • 8. 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
  • 9. 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>.
  • 10. 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.
  • 11. LIMITACIONES Y VENTAJAS AL USAR CSS LIMITACIONES: • 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
  • 12. 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.
  • 13. 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…