HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.

Slides:



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

DISEÑO Y MONTAJE DE UN SITIO WEB
HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
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.
Repaso desde HTML a XHTML
Publicación de páginas web
DOM ( Document Object Model) Prof. Franklin Cedeño.
Instructor :LIC. Jairo Flores de la o
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB
Introducción al HTML Colnodo Ariel Barbosa & Sylvia Cadena
D E F I N I C I O N E S.
Internet y la Web social: Diseño de páginas web
Faustino Efraín Ruiz Austria Info provided by
Actividad 8 Equipo 3: o Gemma Cedillo Saucedo. o Alejandra Castillo Almazán. o Adriana Lara Mata. o Jorge Arregoytia García. o Aleida Villegas Rodríguez.
Introducción al desarrollo de proyectos RIA.
Al término de la clase, el alumno reconoce las ventajas de usar JAVASCRIPT para un proyecto web.
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.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Diccionario técnico.
Lenguaje de Marcado.
Diseño de Páginas Web Unidad 7. 5 puntos imprescindibles 11. Conocer los grupos de trabajo que sobre la red tratan la accesibilidad y el intercambio de.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
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.
Tecnologías web.
PROTOCOLO H T T P.
HTML5 & CSS3 Presentado Por: Fernando Ayala
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.
UNIDAD 7 WEB Y HTML.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
XML. La vida antes de XML ► Comunicación ► Persistencia ► Armado de Documentos.
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.
HTML5 Es la quinta revisión importante del lenguaje básico de la world wide web, HTML. Al no ser reconocido en viejas versiones de navegadores por sus.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
Actividad 8.
¿Cómo funciona la web?.
UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 Taller Utilice Power Point para elaborar una presentación y responder las siguientes preguntas: 1) ¿Qué es.
Internet y Navegadores Unidad 5.  WWW World wide web Literalmente "tela de araña mundial", más conocida como web.  HTML Lenguaje de Marcado de HyperTexto.
WORD WIDE WEB Nace a principios de los años 90 en Suiza. Su función es ordenar y distribuir la información que existe en internet. La World Wide Web se.
La información que se mueve en la red es de tipo multimedia: unión de imagen, sonido, vídeo y CD-ROM en el ordenador. El hipertexto es un documento.
Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.
DEFINICIÓN DE HTML5 HTML5 es una combinación de nuevas etiquetas de markup (lenguaje) HTML, propiedades CSS3, JavaScript y algunas tecnologías complementarias.
HTML.
Diseño HTML.
Introducción WWW y estándares web Jesús Torres Cejudo.
MATHML Collado Rafael Eduardo. Introducción  MathML puede describirse con etiquetas y atributos.  HTML puede volverse interminable cuando tu documento.
CODIGO HTML HTML, siglas de HyperText Markup Language
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
UNITEC NEGOCIOS ELECTRÓNICOS ”DESARROLLO DE SOFTWARE ”
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,
LAS PAGINAS WEB. LAS PAGINAS WEB ¿QUE ES UNA PAGINA WEB? Una página Web, también conocida como una página de Internet, es un documento electrónico.
TRABAJO MONOGRÁFICO – 4º ESO
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
EQUIPO JOKER ´NAVEGADORES` DIEGO ROLANDO JOSUE.
Internet y Codigo HTML. Internet (interconnected Networks): es una red compuesta por miles de redes independientes pertenecientes a instituciones públicas,
2.1 Conocer la terminología básica del software para diseñar una página Web
Integrante: Mariana Alcalá Hdz María del Carmen Andrade G. Alondra E. García Mtz Joselyn Gpe García V. Antonio de Jesús Hdz R. Cristian Jesús Ruvalcaba.
INTRODUCCIÓN AL HTML. VAMOS A HABLAR DE...HTML Conceptos del lenguaje Estructura para documentos Herramientas usadas para crear documentos Buenas prácticas.
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.
HTML.
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.
HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes.
Implementación y administración de sitios web 2013
2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende.
Transcripción de la presentación:

HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.

ALGUNAS DEFINICIONES: HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. XHTML es básicamente HTML expresado como XML valido. Es más estricto a nivel técnico, pero esto permite que posteriormente sea más fácil al hacer cambios o buscar errores entre otros. XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium (W3C). Por lo tanto XML no es realmente un lenguaje en particular, sino una manera de definir lenguajes para diferentes necesidades, de ahí que se le denomine metalenguaje.

HTML 5 HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: O Un «clásico» HTML (text/html) O Una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

O Todavía se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por múltiples desarrolladores web por sus avances, mejoras y ventajas. O Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que trae HTML5. O El desarrollo de este código es regulado por el Consorcio W3C.

DIFERENCIAS CON OTRAS VERSIONES O HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. Algunos de ellos son técnicamente similares a las etiquetas y, pero tienen un significado semántico, como por ejemplo (bloque de navegación del sitio web) y. O Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos y. O Mejoras en el elemento, capaz de renderizar en algunos navegadores elementos 3D. O Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos puramente de presentación, como y, cuyos efectos son manejados por el CSS. También hay un renovado énfasis en la importancia del scripting DOM para el comportamiento de la web.

NUEVOS ELEMENTOS O Incorpora etiquetas (canvas 2D y 3D, audio, video) con codecs para mostrar los contenidos multimedia. O Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y Command. Permiten generar tablas dinámicas que pueden filtrar, ordenar y ocultar contenido en cliente. O Mejoras en los formularios. Nuevos tipos de datos ( , number, url, datetime …) y facilidades para validar el contenido sin Javascript. O Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales). En general se deja abierto a poder interpretar otros lenguajes XML. O Drag & Drop. Nueva funcionalidad para arrastrar objetos como imágenes.

Entre los elementos y atributos nuevos que nos encontramos esta: O article: una sección de la página que es una parte independiente de un documento, página o sitio. O aside: contenido que está relacionado tangencialmente al contenido, suele representarse con los sidebars. O dialog: una conversación. O footer: pie de página de una sección. O header: cabecera de una sección. O nav: representa la navegación de la página. O section: documento genérico o parte de una aplicación. O ping: atributo de los enlaces que contiene una lista de URIs que son interesantes de ser notificadas si el usuario sigue por ese enlace. O datagrid: corresponde a una representación interactiva de una lista, árbol o datos tabulados. O progress: barra de progreso para representar el desarrollo de una tarea.

EJEMPLO SENCILLO O Código HTML5 para reproducir audio sin la necesidad de plugins. Para video es algo similar. fuente de múltiples elementos no audio for you