El documento habla sobre HTML, CSS3 y su evolución. Explica que HTML se usa para definir la estructura de documentos web, mientras que CSS3 es un lenguaje de hojas de estilo que controla la presentación y formato. También describe cómo CSS3 separa el contenido de la presentación, permitiendo actualizaciones de estilo más sencillas. Finalmente, traza la historia de cómo CSS3 evolucionó para estandarizar los estilos y mejorar la compatibilidad entre navegadores.
1. UNIVERSIDAD AUTONOMA DE TAMAULIPAS
TECNICO SUPERIOR UNIVERSITARIO
TECNOLOGIAS DE LA INFORMACION
INTERACCION CON LA WEB: CASO DE TECNOLOGIA
HTML 5 Y CSS3
FUNDAMENTOS DE TECNOLOGIAS WEB
JOSE GUADALUPE DE LA CRUZ BORREGO
NADIA CAROLINA RAMOS ZUÑIGA
18/MAYO/16
2. Es un lenguaje usado para definir y crear la presentación de un documento
estructurado escrito en HTML o XML (y por extensión en XHTML). El World Wide
Web Consortium (W3C) es el encargado de formular la especificación de las hojas
de estilo que servirán de estándar para los agentes de usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura
de un documento de su presentación.
La información de estilo puede ser definida en un documento separado o en el
mismo documento HTML. En este último caso podrían definirse estilos generales
con el elemento «style» o en cada etiqueta particular mediante el atributo
«style».
A diferencia de CSS2, que fue una única especificación que definía varias
funcionalidades, CSS3 está dividida en varios documentos separados, llamados
"módulos".
Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera
que se preservan las anteriores para mantener la compatibilidad.
3. INTRODUCCION
Una hoja de estilos en cascada (CSS) contiene definiciones de
estilos que se aplican a los elementos de un documento HTML. Los
estilos CSS definen la forma de mostrar los elementos y su posición
en la página. En lugar de asignar individualmente atributos a cada
elemento de la página, puede crear una regla general que aplique
atributos específicos siempre que un explorador Web encuentre una
instancia de un elemento o un elemento asignado a un cierto
estilo CLASS.
Puede aplicar estilos CSS en línea a un elemento HTML
individual, agrupados en un bloque <STYLE> de la parte HEAD de una
página Web o importado desde un archivo de hoja de estilos en
cascada (CSS). Es posible vincular un mismo archivo externo de hoja
de estilos en cascada a muchas páginas Web, con el fin de
proporcionar una apariencia uniforme a todo un sitio Web.
4. ¿QUE ES Y PARA QUE SIRVE UN HTML?
HTML es el lenguaje que se emplea para el desarrollo
de páginas de internet. Está compuesto por una serie
de etiquetas que el navegador interpreta y da forma en
la pantalla. HTML dispone de etiquetas para imágenes,
hipervínculos que nos permiten dirigirnos a otras
páginas, saltos de línea, listas, tablas, etc.
6. ¿QUE ES CSS3 Y PARA QUE SIRVE?
Es un lenguaje que describe la presentación de los
documentos estructurados en hojas de estilo para
diferentes métodos de interpretación, es decir,
describe como se va a mostrar un documento en
pantalla, por impresora, por voz (cuando la
información es pronunciada a través de un
dispositivo de lectura) o en dispositivos táctiles
basados en Braille.
Sirve para permitir la separación de los contenidos
de los documentos escritos en HTML, XML,
XHTML, SVG, o XUL de la presentación del
documento con las hojas de estilo, incluyendo
elementos tales como los colores, fondos,
márgenes, bordes, tipos de letra..., modificando as
la apariencia de una página web de una forma más
sencilla, permitiendo a los desarrolladores controlar
el estilo y formato de sus documentos.
8. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
El origen de HTML se remonta a 1980, cuando el
físico Tim Berners - Lee, trabajador del
CERN(Organización Europea para la Investigación
Nuclear) propuso un nuevo sistema
de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido
desarrollados años antes. En el ámbito de la
informática, el "hipertexto" permitía que los
usuarios accedieran a la información relacionada
con los documentos electrónicos que estaban
visualizando. De cierta manera, los primitivos
sistemas de "hipertexto" podrían asimilarse a los
enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema
de "hipertexto", Tim Berners-Lee lo presentó a una
convocatoria organizada para desarrollar un
sistema de "hipertexto" para Internet. Después de
unir sus fuerzas con el ingeniero de sistemas
Robert Cauilliau, presentaron la propuesta
ganadora llamada WorldWideWeb (W3).
9. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
La primera propuesta oficial para convertir
HTML en un estándar se realizó en 1993
por parte del organismo IETF (Internet
Engineering Task Force). Aunque se
consiguieron avances significativos (en
esta época se definieron las etiquetas para
imágenes, tablas y formularios) ninguna de
las dos propuestas de estándar, llamadas
HTML y HTML+ consiguieron convertirse
en estándar oficial.
En 1995, el organismo IETF organiza un
grupo de trabajo de HTML y consigue
publicar, el 22 de septiembre de ese
mismo año, el estándar HTML 2.0. A pesar
de su nombre, HTML 2.0 es el primer
estándar oficial de HTML
10. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
A partir de 1996, los estándares de HTML los publica otro
organismo de estandarización llamado WEC (World
Wide Web Consortium). La versión HTML 3.2 se publicó
el 14 de Enero de 1997 y es la primera recomendación
de HTML publicada por el W3C. Esta revisión incorpora
los últimos avances de las páginas web desarrolladas
hasta 1996, como applets de Java y texto que fluye
alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una
versión corregida de la publicación original del 18 de
Diciembre de 1997) y supone un gran salto desde las
versiones anteriores. Entre sus novedades más
destacadas se encuentran las hojas de estilos CSS, la
posibilidad de incluir pequeños programas oscripts en
las páginas web, mejora de la accesibilidad de las
páginas diseñadas, tablas complejas y mejoras en los
formularios.
11. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
La última especificación oficial de HTML se publicó el
24 de diciembre de 1999 y se denomina HTML 4.01.
Se trata de una revisión y actualización de la versión
HTML 4.0, por lo que no incluye novedades
significativas.
12. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
Originalmente, las páginas HTML sólo
incluían información sobre sus
contenidos de texto e imágenes. Con el
desarrollo del estándar HTML, las
páginas empezaron a incluir también
información sobre el aspecto de sus
contenidos: tipos de letra, colores y
márgenes.
La posterior aparición de tecnologías
como Java Script, provocaron que las
páginas HTML también incluyeran el
código de las aplicaciones
(llamadas scripts) que se utilizan para
crear páginas web dinámicas.
13. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
Incluir en una misma página HTML los contenidos, el
diseño y la programación complica en exceso su
mantenimiento. Normalmente, los contenidos y el
diseño de la página web son responsabilidad de
diferentes personas, por lo que es conveniente
separarlos.
CSS es el mecanismo que permite separar los
contenidos definidos mediante XHTML y el aspecto
que deben presentar esos contenidos:
14. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
El gran impulso de los lenguajes de hojas de estilos se
produjo con el boom de Internet y el crecimiento
exponencial del lenguaje HTML para la creación de
documentos electrónicos. La guerra de navegadores y
la falta de un estándar para la definición de los estilos
dificultaban la creación de documentos con la misma
apariencia en diferentes navegadores.
El organismo WEC (World Wide Web Consortium),
encargado de crear todos los estándares relacionados
con la web, propuso la creación de un lenguaje de hojas
de estilos específico para el lenguaje HTML y se
presentaron nueve propuestas. Las dos propuestas que
se tuvieron en cuenta fueron la CHSS (Cascading
HTML Style Sheets) y la SSP (Stream-based Style
Sheet Proposal).
15. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
En 1995, el W3C decidió apostar por el desarrollo y
estandarización de CSS y lo añadió a su grupo de
trabajo de HTML. A finales de 1996, el W3C publicó
la primera recomendación oficial, conocida como
"CSS nivel 1".
A principios de 1997, el W3C decide separar los
trabajos del grupo de HTML en tres secciones: el
grupo de trabajo de HTML, el grupo de trabajo de
DOM y el grupo de trabajo de CSS.
16. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
De esta forma, utilizando
exclusivamente XHTML se crean
páginas web "feas" pero correctas.
Aplicando CSS, se pueden crear
páginas "bonitas" a partir de las
páginas XHTML correctas.
19. Originalmente, las páginas HTML sólo arrojan
información sobre sus contenidos de texto y de las
imágenes.
Mas que nada el HTML se esta utilizando en la
creación de páginas web dinámicas.
Al igual que el estilos de hojas de cascada que son
las css3 son capaces de definir un documento
estructurado listo para ser editado a un modo en el
cual uno pueda cambiar color de letra, márgenes,
color de relleno, tipo de letra entre otras cosas.
20. BIBLIOGRAFIAS
librosweb.es › Libros › Introducción a XHTML ›
Capítulo 1.
www.acercadehtml.com/manual-html/que-es-
html.html.
html5.dwebapps.com/que-es-css3.