Código: HOL-IE902. 1995: Se formaliza el HTML 2.0 y con ello la sintaxis y la mayoría de las reglas que se encuentran actualmente implementadas 1997:

Slides:



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

HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
JavaScript Rogelio Ferreira Escutia. 2 JavaScript Wikipedia, noviembre 2009http://es.wikipedia.org/wiki/Javascript.
Internet y tecnologías web
Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.
THE WORLD WIDE WEB La World Wide Web es una red de ordenadores alrededor de todo el mundo. Todos los ordenadores en la red (web) se pueden comunicar entre.
XFORMS CI-2413 Desarrollo de Aplicaciones para Internet.
INTRODUCCION A CSS.
Ing. Jéber G. Martínez. HTML: Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente,
Instructor :LIC. Jairo Flores de la o
Conceptos Generales XML.
INFOPATH.
Framework Hexápodo PHP fácil, rápido y sin dolor
Internet y la Web social: Diseño de páginas web
Faustino Efraín Ruiz Austria Info provided by
Curso de Diseño Web Profesor: Mario Figge. Vamos a construir un sitio  Para construir un sitio necesitamos 3 cosas:  1. Un nombre misitio.com  2. Un.
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.
Tecnologías para el desarrollo de aplicaciones Web
TALLER DE HTML5. Clase 01 – Prof. Germán RODRÍGUEZ.
Visualizador de imágenes remotas Alumno: Juan Pablo García Ortíz Director: Vicente Gonzalez Ruiz.
Diccionario técnico.
 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.
FACULTAD: Marketing CARRERA: Administracion de Empresas ASIGNATURA: GESTION DE INFORMACION WEB TÍTULO: TALLER AUTOR: DANILO NERVI PROFESOR: ERIKA ASCENCIO.
InfoPath Ventajas y Uso.
SISTEMAS OPERATIVOS EN LOS QUE FUNCIONA
Tecnologías web.
AJAX Daniel Montenegro Cordero Ingeniería de Sistemas y Computación Pontificia Universidad Javeriana - Cali.
Informática administrativa I Conceptos básicos
PROTOCOLO H T T P.
HTML5 & CSS3 Presentado Por: Fernando Ayala
Unidad didáctica 6 Diseño de páginas Web.
XHTML.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
UNIDAD 7 WEB Y HTML.
Los siguientes términos y acrónimos son un resumen de las tecnologías web actuales: ASP (Active Server Pages)  Páginas de servidor activas.  Tecnología.
NAVEGADORES parecidos pero diferentes Ángel Barcia.
LOGO e-Learning Desktop Integración de RIA’s a objetos de Aprendizaje Alvaro Rodríguez, Darvin Orozco, Rocael Hernández Universidad Galileo {alvrodriguez,
Navegadores y buscadores
Introducción al Lenguaje. ¿ Qué es PHP ? O Hypertext Pre-processoes (PHP) es un lenguaje de "código abierto" interpretado, de alto nivel, embebido en.
Cristian Fonnegra Marin
¿Qué es? Requisitos Ventajas y Desventajas
Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.
Introducción a los Sistemas de Computo
DEFINICIÓN DE HTML5 HTML5 es una combinación de nuevas etiquetas de markup (lenguaje) HTML, propiedades CSS3, JavaScript y algunas tecnologías complementarias.
VIDEOCONFERENCIA.
Programa Dreamwever.  Concepto.  Detalles.  Importancia.  Ventajas.
Introducción WWW y estándares web Jesús Torres Cejudo.
UD 4: “Instalación y administración de servicios Web”
¿Que son los exploradores? Los exploradores Web son aplicaciones de software que localizan y muestran páginas Web. Los dos exploradores más populares son.
HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.
Naime Cecilia del Toro Alvarez
Punto 1 – Introducción al servicio Juan Luis Cano.
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.
Hipertexto Transfer Protocol o HTTP: define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores,
Capítulo 9: Detección de Errores MSc. Alexis Cabrera Mondeja.
Navegador Trabajo extra clase.
Elementos básicos para sistemas WEB. Que es la WEB Web es una tecnología que opera sobre internet que lleva propuesta desde El sistema de documentos.
AJAX Asynchronous JavaScript And XML.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
2.1 Conocer la terminología básica del software para diseñar una página Web
Administración de Sitios Web Introducción al Lenguaje PHP
APLICACIONES DE LINUX CLASIFICACION Navegador de Internet Mozilla Firefox SUSE Linux Enterprise Desktop incluye Firefox, la versión más reciente del navegador.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.
1/11Departamento de Informática Tributaria AJAX Fundamentos básicos ( ) AJAX Fundamentos básicos ( )
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.
Transcripción de la presentación:

Código: HOL-IE902

1995: Se formaliza el HTML 2.0 y con ello la sintaxis y la mayoría de las reglas que se encuentran actualmente implementadas 1997: HTML 3.2 durante mucho tiempo ignorado por las empresas que proveen navegadores, las cuales implementan sus propias etiquetas 1998: Presionadas por la adopción de los estándar web, se otorga peso a las recomendaciones del W3C y se promocionan navegadores basados en dichos estándar 1999: Se estabiliza la sintaxis y la estructura del HTML 4.0, convirtiéndose en el estándar para la web 2000: Nace el XHTML 1.0 diseñado para adaptar el HTML a XML. Uso de DTD para renderizar como HTML : El incremento de las conexiones en el ancho de banda es alto, produciéndose una demanda en el campo del desarrollo de las aplicaciones y la multimedia, donde tecnologías como Flash y Ajax hacen que se trabaje en la especificación XHTML : No satisfechos con la dirección de XHTML, Apple, Mozilla y Opera proponen evolucionar el estándar HTML 4.0. Aunque son rechazados, forman el WHATWG (Web Hypertext Application Technology Working Group) 2005: Se publica el borrador de trabajo Web Applications : El W3C adopta el trabajo de WHATWG en un nuevo capítulo, publicando lo que sería el borrador de trabajo de HTML : Última llamada expedido para el proyecto de trabajo de HTML 5. El W3C no renueva XTML 2.0 HTML5 emitió una última llamada en Se prevé que alcanzará la condición de candidato en 2012, finalizaran las pruebas en 2020, y alcanzara la categoría de recomendación de pleno derecho en 2022

Nuevas funcionalidades: Javascript nativo integrado dentro del navegador Único DOM compartido entre IE y el motor JavaScript ECMAScript5 DOM basado en especificación WebIDL Los objetos DOM son ahora objetos ECMAScript5 Los objetos DOM son completamente detectables (por primera vez en cualquier navegador) Mejoras de rendimiento al incluir renderizado de aceleración por hardware mediante el nuevo compilador Javascript y soporte gráfico para renderizado SVG (Scalable Vector Graphics rendering) Incremento de soporte para estándares como las fuentes embedidas utilizando el estándar WOFF y mejorada la puntuación Acid 3 o soporte para Cascading Style Sheets (CSS) 3 Mejoras de parseo: Parseo de documentos con mime-type igual a application/xhtml+xml como XHTML Parseo de SVG en HTML Elementos genéricos Solapado de etiquetas Test adicionales enviados a los grupos de trabajo en el W3C Nuevos ejemplos de desarrollo en el sitio Internet Explorer 9 Test Drive siteInternet Explorer 9 Test Drive site Continuo feedback desde Connect Descarga de IE9 Platform Preview:

Última versión del lenguaje HTML. Introduce nuevos elementos que incorporan en nuestras páginas más semántica permitiendo de forma fácil a los buscadores y a lectores de pantalla navegar por nuestras páginas, y mejorar la experiencia web para todos. HTML 5 incluye APIs para dibujar gráficos en pantalla, almacenamiento de datos sin conexión, técnica de arrastrar y soltar, etc. HTML 5 soporta almacenamiento DOM (DOM Storage) como parte de la especificación de almacenamiento webalmacenamiento web Navegación Ajax Cross Document Messaging según especificación HTML5 Web MessagingHTML5 Web Messaging Agrega soporte para audio y video nativo reduciendo la necesidad de plugins Soporte SVG nativo DTD simplificadas: Web Forms 2.0 nativo

y : se incluyen elementos de vídeo y audio, que permiten a las páginas visualizar el video sin necesidad de un reproductor externo permitiéndose la precarga, reproducción, bucles y control de ajuste de volumen. : el elemento lienzo permitirá a los desarrolladores web diseñar y manipular gráficos 2D de una manera que en la actualidad sólo es posible con plugins externos, como por ejemplo Adobe Flash, mediante el uso de la especificación Canvas 2DCanvas 2D : Proporcionará la capacidad de mostrar datos en una rejilla a través acabando con la necesidad de un control de terceros o el uso del elemento de la tabla y HTML dinámico para crear una cuadrícula de datos Estructura mejorada: Elementos para utilizar por los diseñadores web con una nueva estructura mejorada de HTML para su utilización con CSS y etiquetas DIV:,,,,, etc.

Las APIs de almacenamiento DOM proporcionan dos mecanismos relacionados con la persistencia de datos en cliente de forma segura: SessionStorage LocalStorage El almacenamiento DOM es a menudo comparado con las cookies HTTP. Al igual que las cookies, los desarrolladores web pueden almacenar por sesión o por dominio datos pares de nombre/valor en aquellos clientes que utilicen almacenamiento DOM. Sin embargo, a diferencia de las cookies, el almacenamiento DOM hace más fácil controlar cómo la información almacenada por una ventana es visible para otra. Ofrece espacio de almacenamiento mayor que las cookies (un total de 10 Mg a diferencia de los 4 Kb de las cookies). Funcionalmente, las áreas de almacenamiento del cliente son muy diferentes de las cookies. Almacenamiento DOM no transmite los valores al servidor con cada petición como "cookies", ni tampoco los datos en un área de almacenamiento local expiran

Antes: Ahora: Antes: Ahora:

Especificación Web Forms 2.0 integrada en HTML 5 Controles de fecha, color, numéricos agregados Campos input type ahora incluyen búsqueda, y urls Métodos de formulario Put y Delete incluidos

SVG permite generar gráficos utilizando lenguaje XML permitiendo la creación de imágenes complejas y dinámicas. IE9 Platform Preview esta basado en la recomendación de especificación SVG 1.1 (Segunda edición)SVG 1.1 (Segunda edición) Se soportan las siguientes formas para integrar SVG: Fragmentos SVG en HTML5 embebido utilizando simplemente la inclusión de una etiqueta en el código HTML SVG como un tipo completo de documento (con extensión de archivo *.svg SVG en XML o XHTML (similar a incluir fragmentos en HTML5 method, pero en archivos XML o XHTML) SVG con una imagen en estilos CSS SVG utilizando la etiqueta object como en el siguiente ejemplo : SVG utilizando la etiqueta img, embed, iframe o frame como en el ejemplo siguiente:

Internet Explorer Platform Preview integra los siguientes elementos de formas básicas: Rectángulo (rect) Círculo (circle) Elipse (ellipse) Línea (line) Polilínea (polyline) Polígono (polygon) Ejemplo de rectángulos SVG :