 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.

Slides:



Advertisements
Presentaciones similares
UD 4:Instalación y administración de servicios Web Introducción Jorge De Nova Segundo.
Advertisements

CI-2413 Examen. Pregunta 1 Respuesta 1 - a n La meta principal de todo sitio es maximizar el número de visitas al sitio. Esto debe ser considerado en.
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Normalizaciones de Bases de Datos
ANÁLISIS DE REQUERIMIENTOS
Bienvenido a Marangatu'i, Módulo del Contribuyente de la SET!
INTRODUCCION A CSS.
DOM ( Document Object Model) Prof. Franklin Cedeño.
CSS WALC 2004 – Track 2 Pep Turró Cuzco, octubre de 2004.
CSS 3.
Características generales de un servicio Web.
LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN
Windows XP sp3.
Teoría de Bases de Datos
1.1.2 Sistemas de información para la gestión y para la ayuda en la toma de decisiones. Los SI contribuyen activamente a la consecución de los objetivos.
Aplicaciones en línea:aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante.
POO (Programación Orientada a Objetos)
Introducción al desarrollo de proyectos RIA.
1 Las hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal utilizado para definir la presentación.
Estructura de Documento Atributos 1. Atributos Básicos id, class, style, title 2. Atributos para Internacionalización lang, xml:lang, dir 3. Atributos.
Hojas de Estilo Una hoja de estilo es un documento es un documento independiente, donde se definen todos los estilos que se utilizarán en todas las páginas.
Población y Muestra.
Desarrollo CSS.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Definition Type Document (DTD)
Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada.
Actividad 6. Requisitos del software, referente a la estructura y base de datos. M.C. Juan Carlos Olivares Rojas Syllabus May,
Hyper Text Markup Language Área de Programación y Metodologías de Desarrollo de Software Departamento de Informática Universidad Nacional de San Luis.
Viviana Poblete López Módulo: Modelo de Datos
SISTEMAS OPERATIVOS EN LOS QUE FUNCIONA
Una base de datos es un “almacén” que nos permite guardar grandes cantidades de información de forma organizada para que luego podamos encontrar y utilizar.
Introducción A Las Bases De Datos
Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.
TRABAJO 7 Diseño para un sitio Web Ramírez Alexandra / C.I.: V Prof.: Prof.: Maruja Cecilia Trejo Tovar / / / / Redacción y Estilo Licenciatura.
 Un lenguaje que permite asociar estilos de composición a documentos estructurados, como HTML y aplicaciones XML  Un conjunto de propiedades y valores.
Modelo-Vista-Controlador Este patrón fue descrito por primera vez por Trygve Reenskaug en 1979, y la implementación original fue realizada en Smalltalk.
UNIDAD 7 WEB Y HTML.
CSS: CASCADING STYLE SHEETS
Herramientas informáticas
Guía fácil del RSS.
ANTIVIRUS Bárbara Jambrina Gómez. 4ªA. ¿Que son? Debido al enorme peligro que supone la presencia de virus para la información almacenada en los ordenadores,
MIME EXTENSIONES DE CORREO INTERNET MULTIPROPÓSITO. SERIE DE ESPECIFICACIONES DIRIGIDAS AL INTERCAMBIO TRANSPARENTE DE TODO TIPO DE ARCHIVOS A TRAVÉS DE.
TECNOLOGIA E INFORMATICA BLOG Y SITIO WEB 2013 es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios.
C OLEGIO DE B ACHILLERES N O.13 X OCHIMILCO, T EPEPAN C ARRASCO G ARCÍA L ORENA T ORRES H EREDIA C ARLA P ALMIRA G RUPO : 308 M ATUTINO E QUIPO : 12.
EQUIPO:#3 GRUPO:304 NOMBRES: Lizbeth Nava Barón y Erick Ali Mejía.
Diseño de una base de datos y elementos básicos Integrantes: López Ponce de León José Efrén Velazquez Martínez Brenda Equipo:10Grupo:307.
Hojas de Estilo en Cascada (Cascading Style Sheets)
CSS Cascading Style Sheets
Problemas Juridicos en Tecnologias de la Informacion Legislacion del Comercio Electronico Universidad Mundial.
EXPOSICIÓN DE WEB Y MULTIMEDIA ESTILOS CSS INTEGRANTES:BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARIO VILLA LUISA.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
HTML HTML HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el.
Punto 1 – Introducción al servicio Juan Luis Cano.
HTML.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
Colegio de Bachilleres Plantel 13 Xochimilco - Tepepan
INTERFAZ DE ACCESS  Access es un sistema gestor de bases de datos relacionales (SGBD). Una base de datos suele definirse como un conjunto de información.
AJAX Asynchronous JavaScript And XML.
Sistemas Gestores de Bases de Datos
GUIA DE CSS 3 BASICA AUTOR: CARLOS BERBECI QUE ES CSS3 ? CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML.
¿QUÉ ES EL MODELO ENTIDAD-RELACIÓN?  Como ya he comentado este modelo es solo y exclusivamente un método del que disponemos para diseñar estos esquemas.
Marco de Trabajo para Indexación, Clasificación y Recopilación Automática de Documentos Digitales Javier Caicedo Espinoza Gonzalo Parra Chico.
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Plataformas e- learning Moodle. Instalacion  Descargamos Moodle de su página oficial  Una vez hemos descargado el archivo, lo descomprimimos y copiamos.
Presentación De UML Lenguaje estándar para escribir planos de software Se usa para visualizar, especificar, construir y documentar los artefactos de un.
GESTIÓN Y ADMINISTRACIÓN WEB. INTRODUCCIÓN A INTERNET Internet constituye una vía de comunicación y una fuente de recursos de información a escala mundial.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Transcripción de la presentación:

 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros lenguajes de estilo HTML al ser internos no eran disponibles al autor del documento.  Así nació en 1994 el primer borrador de Cascading HTML StyleSheets, publicado por Hakon Lie  Que permitiría combinar las preferencias del autor y del usuario  W3C se creo en 1994 para establecer los estándares técnicos del crecimiento y desarrollo de la Web y publicó su primera recomendación CSS1 (1996)  En Mayo del 98 W3C creo el CSS2, una mejora y ampliación de la anterior  CSS3 esta actualmente en desarrollo

 CSS permite adjuntar reglas de estilo a elementos de marcación HTML  Estas reglas definen el aspecto de presentación de los elementos HTML a los que se aplican, tales como el color y la tipografía.  Con CSS se cumple un principio muy importante para los desarrolladores Web, “Separación de contenido y presentación”, ya que se obtienen los siguientes beneficios: - Aumento de accesibilidad - Resultado mejorado - Disminución del trabajo de producción  CSS se diseñó para ser relativamente independiente del lenguaje, lo que permite utilizar CSS para cualquier lenguaje de marcación, con tal de que se basen en SGML y XML  La presentación afecta a la manipulación del color, la tipografía y otros factores como, por ejemplo, si está en un medio impreso o electrónico o si utiliza sonido y voz.  A diferencia de lenguajes mas sofisticados como XSL no puede modificar la estructura y contenidos del documento

En la Web el código es la clave para identificar los componentes específicos dentro de un documento. Esa posible identificación es la que permite dividir el documento en partes a las que aplicar el estilo que deseemos. Además de los elementos básicos y sus atributos, existen también atributos diseñados para tener en cuanta la identificación única de un elemento en un documento (el atributo id) y permitir la asociación de información arbitraria con un elemento ( los atributos class y style) El atributo id se remonta a los primeros de SGML cuando los documentos se analizaban y validaban, y permitía al analista identificar de forma única uno de los elementos del documento. En HTML id no se utilizó hasta la aparición de las Hojas de estilo El atributo class es relativamente nuevo y tiene muchos usos posibles, pero su uso más frecuente es para agrupar elementos relacionados asignando a sus atributos class el mismo valor Con los mecanismos de identificación CSS podemos, por tanto, describir los subcomponentes de un documento de manera precisa, permitiéndonos crear estilos que están asociados con esos subcomponentes en lugar de con la página en su totalidad

 Existen varios métodos para aplicar una regla de estilo a un elemento:  Se puede especificar el conjunto de propiedades de estilo que el elemento debería tener como valor de un atributo de ese elemento. Estas se conocen como definiciones de estilo en línea.  Se puede especificar una hoja de estilo única para un solo documento. Éstas se conocen como hojas de estilo incorporadas.  Se puede situar las definiciones en un archivo externo al documento y luego enlazarlo con éste. Así podrá enlazar la hoja de estilo con muchos documentos en un sitio Web dado. Éstas son las hojas de estilo externas

 Con la utilización de las definiciones de estilo en línea a menos que no se tengas intención de reutilizar el código, dichos estilos aumentan excesivamente el peso de un documento ya que se repiten mucho los nombres de propiedades, incluso si los valores son diferentes. Además el mantenimiento con hojas de estilo en línea son una pesadilla, al tener que hacerlo para cada elemento.  La ventaja del estilo en línea es que puedes estar seguro del estilo que va a tener cada elemento y si la reutilización y actualización no preocupan puede ser una buena solución. Define estilos específicos para un documento dado, aunque no de una forma tan específica como los estilos en línea, y permitiendo una mayor reutilización, al igual que una definición más compacta. Los estilos incorporados pueden aumentar el tiempo de respuesta de un documento porque el navegador no puede guardar en caché las definiciones, sino que tiene que ir a buscarlas cada vez que se solicita el documento

Una ventaja es que debido a que las reglas que definen los estilos están en el mismo documento puede resultar más sencillo la validación de estas, aunque los programas de validación son capaces de cargar una hoja de estilo externa para realizar dichas comprobaciones e incluso algunos de estos no validan hojas de estilo incorporadas. Son conjuntos de reglas de estilo que se han copiado en un archivo externo y a las que alude el documento por medio de distintos métodos Poseen todas las ventajas de las hojas de estilo incorporadas pero además permiten disminuir el tiempo de respuesta debido a que el navegador puede almacenar en caché esta hoja de estilo La posibilidad de aplicar la hoja de estilo externa a múltiples documentos contribuye a un diseño más lógico por último y como hemos comentado anteriormente existe software validación que aceptan un URL para una hoja de estilo externa, permitiendo que todo esté correcto.