Cascading Style Sheets <ul><li>Hojas de Estilo en Cascada (CCS) </li></ul>Realizado por: Ftico. Carmen Barrios Lic. Karen ...
Definición y Características: <ul><li>Lenguaje usado para dar estilo a documentos HTML o XLM, separando el contenido de la...
Definición y Características: <ul><li>Sirve para especificar, en una hoja de estilo separada: color, fuente, alineación de...
CSS proporciona tres caminos para agregar estilo a una Página Web: <ul><li>Hoja de estilo externa </li></ul><ul><li>Hoja d...
Normas y Reglas de CSS <ul><li>CSS funciona a base de reglas o declaraciones en las hojas de estilo, haciendo más práctica...
Ventajas De CSS <ul><li>CSS permite que el estilo se pueda guardar completamente por separado del contenido siendo posible...
Ventajas De CSS <ul><li>El ahorro global en el ancho de banda es notable, ya que la hoja de estilo se almacena el cache de...
5 Características de una Página Web Exitosa:
1. Apariencia <ul><li>El buen uso del color </li></ul>Aunque haya múltiples colores en las imágenes del portafolio, el est...
1. Apariencia <ul><li>El buen uso del color </li></ul>Aprovechando el fondo fotográfico, se difumina la imagen obteniendo ...
1. Apariencia <ul><li>El buen uso del color </li></ul>Aunque la intención es presentar un efecto de difuminación, la idea ...
1. Apariencia <ul><li>Utilidad del Color -  ROJO </li></ul>Palabras Clave:  Fiesta, Sexo, Diversión, Velocidad, Calor, Amo...
1. Apariencia <ul><li>Utilidad del Color -   AMARILLO </li></ul>Palabras Clave:  Alegría, Satisfacción,  Alimentación, Luz...
1. Apariencia <ul><li>Utilidad del Color  -  VERDE </li></ul>Palabras Clave:  Ecología, Naturaleza, Salud. Páginas frecuen...
1. Apariencia <ul><li>Utilidad del Color  -  AZUL </li></ul>Palabras Clave:  Tranquilidad, Confianza, Solidez, Calma. Pági...
1. Apariencia <ul><li>Utilidad del Color  -  NEGRO </li></ul>Palabras Clave:  Misterio, Noche, Rebelde, Auténtico, Secreto...
1. Apariencia <ul><li>Texto de lectura fácil:  La combinación más fácil de leer es el texto negro sobre fondo blanco, aunq...
1. Apariencia <ul><li>Indudablemente, cuando se decide incorporar fotografías e imágenes a una Página Web es contradictori...
2. Contenido <ul><li>Hablar de Francia en un solo párrafo, sin duda significa un reto. La capacidad de síntesis que pueda ...
3. Funcionalidad <ul><li>Amazon es un ejemplo claro de la Funcionalidad de una página. Está diseñada para compras por Inte...
4. Usabilidad <ul><li>Youtube es un ejemplo de usabilidad. Es muy sencillo de utilizar y de comprender su objetivo. </li><...
5. Motor de búsqueda optimizado (SEO)  <ul><li>Hoy en día Google se ha convertido en el mayor motor de búsqueda del mundo....
Conclusiones y Recomendaciones <ul><li>El CSS es una herramienta ideada para aplicar diseño a una Página Web, en nuestro c...
Upcoming SlideShare
Loading in...5
×

Página Web: CSS

694

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
694
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Página Web: CSS

  1. 1. Cascading Style Sheets <ul><li>Hojas de Estilo en Cascada (CCS) </li></ul>Realizado por: Ftico. Carmen Barrios Lic. Karen González Enero 2012 UNIVERSIDAD CENTRAL DE VENEZUELA FACULTAD DE FACES CEAP ESPECIALIZACIÓN MERCADEO PARA EMPRESAS CÁTEDRA: SISTEMAS DE INFORMACIÓN
  2. 2. Definición y Características: <ul><li>Lenguaje usado para dar estilo a documentos HTML o XLM, separando el contenido de la presentación. </li></ul><ul><li>CSS es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. </li></ul>
  3. 3. Definición y Características: <ul><li>Sirve para especificar, en una hoja de estilo separada: color, fuente, alineación del texto, tamaño y otras características no visuales, por ejemplo: definir el volumen de un sintetizador de voz. </li></ul><ul><li>Esta forma de descripción de estilo ofrece a los desarrolladores el control total sobre el estilo y formato de sus documentos e incluso les permite hacerlo en varias páginas al mismo tiempo. </li></ul>
  4. 4. CSS proporciona tres caminos para agregar estilo a una Página Web: <ul><li>Hoja de estilo externa </li></ul><ul><li>Hoja de estilo interna </li></ul><ul><li>Estilo en línea (online) </li></ul>
  5. 5. Normas y Reglas de CSS <ul><li>CSS funciona a base de reglas o declaraciones en las hojas de estilo, haciendo más práctica su aplicación. </li></ul><ul><li>Estructura de las Reglas: Comprende dos partes </li></ul><ul><li>El “Selector” que define a que partes del documento se les debe aplicar el estilo. </li></ul><ul><li>La “Declaración” se compone de una combinación de propiedades CSS, de una lista de parejas “propiedad:valor” separados por punto y coma, que se corresponden con propiedades válidas dentro de la especificación CSS. </li></ul><ul><ul><ul><ul><ul><li> Ejemplo: </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>h2 {color: green;} </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>h2 ---> es el selector </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>{color: green;} ---> es la declaración </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>color ---> es la propiedad o atributo </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>green ---> es el valor </li></ul></ul></ul></ul></ul>
  6. 6. Ventajas De CSS <ul><li>CSS permite que el estilo se pueda guardar completamente por separado del contenido siendo posible, por ejemplo, almacenar todos los estilos de presentación para una web de 10.000 páginas en un solo archivo. </li></ul><ul><li>CSS permite un mejor control en la presentación de un sitio web que los elementos de HTML, agilizando su actualización </li></ul><ul><li>Aumento de la accesibilidad de los usuarios gracias a que pueden especificar su propia hoja de estilo, permitiéndoles modificar el formato de un sitio web según sus necesidades </li></ul>
  7. 7. Ventajas De CSS <ul><li>El ahorro global en el ancho de banda es notable, ya que la hoja de estilo se almacena el cache después de la primera solicitud y se puede volver a usar para cada página del sitio, no se tiene que descargar con cada página web. </li></ul><ul><li>Una página puede tener diferentes hojas de estilo para mostrarse en diferentes dispositivos, como pueden ser impresoras, lectores de voz, o móviles. </li></ul>
  8. 8. 5 Características de una Página Web Exitosa:
  9. 9. 1. Apariencia <ul><li>El buen uso del color </li></ul>Aunque haya múltiples colores en las imágenes del portafolio, el estándar de la página es de gamas grises y verdes en un fondo blanco.
  10. 10. 1. Apariencia <ul><li>El buen uso del color </li></ul>Aprovechando el fondo fotográfico, se difumina la imagen obteniendo un foco muy cercano al naranja y se emplean colores como el azul celeste y verde manzana. De esta manera, se logra combinar perfectamente con el Logo de la empresa
  11. 11. 1. Apariencia <ul><li>El buen uso del color </li></ul>Aunque la intención es presentar un efecto de difuminación, la idea de la página es cómoda de visualizar y bastante bien diseñada la combinación de colores
  12. 12. 1. Apariencia <ul><li>Utilidad del Color - ROJO </li></ul>Palabras Clave: Fiesta, Sexo, Diversión, Velocidad, Calor, Amor. Páginas frecuentes: Carros, parejas, contenido adulto.
  13. 13. 1. Apariencia <ul><li>Utilidad del Color - AMARILLO </li></ul>Palabras Clave: Alegría, Satisfacción, Alimentación, Luz, Calor. Páginas frecuentes: Comida y alimentos, Líneas de Taxis
  14. 14. 1. Apariencia <ul><li>Utilidad del Color - VERDE </li></ul>Palabras Clave: Ecología, Naturaleza, Salud. Páginas frecuentes: Productos de belleza con base vegetal, organizaciones ecológicas, industria de estética.
  15. 15. 1. Apariencia <ul><li>Utilidad del Color - AZUL </li></ul>Palabras Clave: Tranquilidad, Confianza, Solidez, Calma. Páginas frecuentes: Empresas turísticas, Industria informática, Líneas Aéreas, Programas marinos, Medicina, Salud, Seguros, Bancos.
  16. 16. 1. Apariencia <ul><li>Utilidad del Color - NEGRO </li></ul>Palabras Clave: Misterio, Noche, Rebelde, Auténtico, Secreto. Páginas frecuentes: Diseño Gráfico, Deportes extremos, religiones, Música electrónica, rock, pop, juvenil, de índole clandestino.
  17. 17. 1. Apariencia <ul><li>Texto de lectura fácil: La combinación más fácil de leer es el texto negro sobre fondo blanco, aunque hay otras combinaciones aceptables. Mantener tamaño del texto entre 10 y 12 puntos. </li></ul>
  18. 18. 1. Apariencia <ul><li>Indudablemente, cuando se decide incorporar fotografías e imágenes a una Página Web es contradictorio y contraproducente que la calidad de las fotos sean bajas y de mala calidad. </li></ul><ul><li>Fotografía de Calidad </li></ul>
  19. 19. 2. Contenido <ul><li>Hablar de Francia en un solo párrafo, sin duda significa un reto. La capacidad de síntesis que pueda tener el diseñador a la hora de enfocarse en los intereses del usuario, dependerá del espacio y de su creatividad. </li></ul><ul><li>Textos cortos y organizados </li></ul>
  20. 20. 3. Funcionalidad <ul><li>Amazon es un ejemplo claro de la Funcionalidad de una página. Está diseñada para compras por Internet y se encarga netamente de eso. Su plataforma es estable y está disponible para el público general que desee comprar. </li></ul>
  21. 21. 4. Usabilidad <ul><li>Youtube es un ejemplo de usabilidad. Es muy sencillo de utilizar y de comprender su objetivo. </li></ul>
  22. 22. 5. Motor de búsqueda optimizado (SEO) <ul><li>Hoy en día Google se ha convertido en el mayor motor de búsqueda del mundo. La universalidad del motor de búsqueda no se relaciona con un buscador, sin embargo Google logra ser más que una simple página para realizar búsquedas específicas. </li></ul>
  23. 23. Conclusiones y Recomendaciones <ul><li>El CSS es una herramienta ideada para aplicar diseño a una Página Web, en nuestro caso resultó útil para la elaboración de la página www.elmercadeo.com.ve desarrollada como proyecto de la cátedra. </li></ul><ul><li>Es importante la integración entre la página web y las redes sociales con el marketing mundial ya que representan medios invaluables para realizar la promoción de cualquier objeto o idea que se desee publicitar. </li></ul><ul><li>El CSS combinado con las reglas de diseño para crear una Página Web exitosa, representa una herramienta de promoción eficaz y persuasiva de cualquier producto. </li></ul><ul><li>Se recomienda utilizar CCS cuando se requiera dar estilo a una Página Web, para realizarlo de una ,manera sencilla, rápida y con excelentes resultados. </li></ul>
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×