Nuevas etiquetas HTML5 estructurales por Joaquin Lara Sierra se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 2.5 Colombia.Basada en una obra en http://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/.
Nuevas etiquetas HTML5 estructurales por Joaquin Lara Sierra se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 2.5 Colombia.Basada en una obra en http://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/.
El mundo está cambiando, lo siento en los desarrollos, en los dispositivos móviles, lo huelo en las conversaciones de los eventos. Mucho se perdió entonces, pero ahora solo unos cuantos viven para recordarlo. Todo comenzó con la forja de nuevas versiones de navegador, de javascript y sus frameworks… Dos de ellos se declararon supremos, inmortales hasta ahora y capaces de hacer que cualquier desarrollador web se rinda ante ellos. En aquellos frameworks residía el poder para gobernar la web, pero fueron engañados pues unos cuantos más fueron forjados…. ¡Venga va que esto no es el señor de los anillos! ¡Y si! Los frameworks, la evolución de los navegadores, los desarrollos por componentes, la performance y los malos usos que se hacen…me llevan a querer hablaros del virtual DOM y el shadow DOM. ¿Qué es? ¿Para qué se usa? Y sobre todo… qué ventajas tiene en la performance respecto a lo que ha sido el desarrollo web de toda la vida.
How to use the Javascript WEB API. Programming in web browsers. Slides from the Javascript Module for Mobile Applications Development Diploma in Colombia
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
A brief introduction to HTML5 at UTAD, june 2013. For all audiences, from business to technical, from customer focused to backoffice.
Una breve introducción a HTML5 en UTAD, junio 2013. Para todos los públicos: técnicos y enfocados a negocio, funciones internas y de relación con el cliente.
HTML 5 es el próximo estándar de sitios web en Internet. La ponencia parte de la historia de Internet para llegar a las implementaciones actuales en los más modernos navegadores de Internet.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
El mundo está cambiando, lo siento en los desarrollos, en los dispositivos móviles, lo huelo en las conversaciones de los eventos. Mucho se perdió entonces, pero ahora solo unos cuantos viven para recordarlo. Todo comenzó con la forja de nuevas versiones de navegador, de javascript y sus frameworks… Dos de ellos se declararon supremos, inmortales hasta ahora y capaces de hacer que cualquier desarrollador web se rinda ante ellos. En aquellos frameworks residía el poder para gobernar la web, pero fueron engañados pues unos cuantos más fueron forjados…. ¡Venga va que esto no es el señor de los anillos! ¡Y si! Los frameworks, la evolución de los navegadores, los desarrollos por componentes, la performance y los malos usos que se hacen…me llevan a querer hablaros del virtual DOM y el shadow DOM. ¿Qué es? ¿Para qué se usa? Y sobre todo… qué ventajas tiene en la performance respecto a lo que ha sido el desarrollo web de toda la vida.
How to use the Javascript WEB API. Programming in web browsers. Slides from the Javascript Module for Mobile Applications Development Diploma in Colombia
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
A brief introduction to HTML5 at UTAD, june 2013. For all audiences, from business to technical, from customer focused to backoffice.
Una breve introducción a HTML5 en UTAD, junio 2013. Para todos los públicos: técnicos y enfocados a negocio, funciones internas y de relación con el cliente.
HTML 5 es el próximo estándar de sitios web en Internet. La ponencia parte de la historia de Internet para llegar a las implementaciones actuales en los más modernos navegadores de Internet.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
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: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML5 que deberá servirse con sintaxis XML (application/xhtml+xml).
Recursos Multimedia para la Comunicación AudiovisualLluís Codina
Presentación sobre bancos de fotografía, bancos de vídeo y de sonido. Incluye referencias a tres de los principales buscadores multimedia: AGE Fotostock, Getty, Corbis. Incluye referencias a repositorios CC. Bancos de vídeo, como BBC Motion y otros. Buscadores y bancos de sonido (efectos especiales).
Área de Ciencias de la Documentación|DigiDoc. UPF, 2011.
Sotfware de prototipado para la arquitectura de la información: funcionalidad...Lluís Codina
El diseño y planificación de la arquitectura de la información de los distintos componentes de un sitio web pasa necesariamente por una propuesta de prototipado de la estructura arquitectónica de ese entorno informacional. El objetivo de este artículo es analizar y evaluar una serie de herramientas informáticas diseñadas para facilitar la creación de prototipado en el diseño y creación de páginas web.
Principales características del Posicionamiento Web (SEO) desde el punto de vista de sus componentes y del análisis de páginas web con objetivos SEO. Puntos chequeo y buenas prácticas.
Presentación sobre motores de búsqueda especializados, como Scirus y Google Scholar, bases de datos de prensa y bancos de imágenes. Web 2.0 y posicionamiento.
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...JAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA crea y desarrolla el “ROMPECABEZAS DE ECUACIONES DE 1ER. GRADO OLIMPIADA DE PARÍS 2024”. Esta actividad de aprendizaje propone retos de cálculo algebraico mediante ecuaciones de 1er. grado, y viso-espacialidad, lo cual dará la oportunidad de formar un rompecabezas. La intención didáctica de esta actividad de aprendizaje es, promover los pensamientos lógicos (convergente) y creativo (divergente o lateral), mediante modelos mentales de: atención, memoria, imaginación, percepción (Geométrica y conceptual), perspicacia, inferencia, viso-espacialidad. Esta actividad de aprendizaje es de enfoques lúdico y transversal, ya que integra diversas áreas del conocimiento, entre ellas: matemático, artístico, lenguaje, historia, y las neurociencias.
Las capacidades sociomotrices son las que hacen posible que el individuo se pueda desenvolver socialmente de acuerdo a la actuación motriz propias de cada edad evolutiva del individuo; Martha Castañer las clasifica en: Interacción y comunicación, introyección, emoción y expresión, creatividad e imaginación.
Instrucciones del procedimiento para la oferta y la gestión conjunta del proceso de admisión a los centros públicos de primer ciclo de educación infantil de Pamplona para el curso 2024-2025.
Today is Pentecost. Who is it that is here in front of you? (Wang Omma.) Jesus Christ and the substantial Holy Spirit, the only Begotten Daughter, Wang Omma, are both here. I am here because of Jesus's hope. Having no recourse but to go to the cross, he promised to return. Christianity began with the apostles, with their resurrection through the Holy Spirit at Pentecost.
Hoy es Pentecostés. ¿Quién es el que está aquí frente a vosotros? (Wang Omma.) Jesucristo y el Espíritu Santo sustancial, la única Hija Unigénita, Wang Omma, están ambos aquí. Estoy aquí por la esperanza de Jesús. No teniendo más remedio que ir a la cruz, prometió regresar. El cristianismo comenzó con los apóstoles, con su resurrección por medio del Espíritu Santo en Pentecostés.
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA, crea y desarrolla ACERTIJO: «CARRERA OLÍMPICA DE SUMA DE LABERINTOS». Esta actividad de aprendizaje lúdico que implica de cálculo aritmético y motricidad fina, promueve los pensamientos lógico y creativo; ya que contempla procesos mentales de: PERCEPCIÓN, ATENCIÓN, MEMORIA, IMAGINACIÓN, PERSPICACIA, LÓGICA LINGUISTICA, VISO-ESPACIAL, INFERENCIA, ETCÉTERA. Didácticamente, es una actividad de aprendizaje transversal que integra áreas de: Matemáticas, Neurociencias, Arte, Lenguaje y comunicación, etcétera.
2. HTML v XHTML
• HTML5: futuro estándar que unifica HTML y XHTML, pero…
• Aún en desarrollo
• Dos versiones: W3C y WHATWG
• XHTML 1: estándar actual, pero sin continuidad
• Dos formas de codificar HTML5:
• html
• xml
2
3. Objetivos
• Evitar código innecesariamente complicado
• Frenar la versión 2 de xhtml que rompía con la compatibilidad
descendente
• Proporcionar flexibilidad a la codificación
• Poner las cosas más fáciles a:
• Los fabricantes de navegadores
• Los fabricantes de editores de páginas
• Los autores de páginas
3
4. Filosofía
• Racionalizar y flexibilizar
• Aportar una nueva estructura de página con mayor valor
semántico
• Evitar la dependencia de aplicaciones y plug-ins externos
(video, sonido)
• Facilitar el desarrollo de la Web 2.0 y la Web 3.0 (cloud
computing)
• En resumen: frenar un poco el amor del W3C por
complicarnos la vida
4
5. Ejemplos 1
• Actual declaración DOCTYPE, con metadatos de codificación
de caracteres:
5
6. Ejemplos 2
• Nueva declaración DOCTYPE, con metadatos de codificación
de caracteres:
6
7. Cambios
Cambios en:
1. Estructura de página
2. Atributos universales
3. Multimedialidad
Balance. Elementos y atributos:
1. Añadidos
2. Eliminados
3. Reinterpretados
7
8. Elementos de estructura
<header>
• Puede contener otros elementos y, en especial:
• Elemento <hgroup>
• Elemento <nav>
• Elementos <hn>
<nav>
• Navegación del sitio
<article>
• Componentes independientes de la página
<section>
• Organización de contenidos
<aside>
• Componentes complementarios
<footer>
• Pie de página 8
11. Elementos eliminados
• Todos los elementos y atributos de presentación > Alternativas
en CSS
• Elementos o atributos que nunca tuvieron mucho éxito:
• <frameset>
• <acronym>
• <applet>
• <dir>
• longdesc
• scheme
• rev
11
12. Elementos y atributos añadidos
• Elementos. En especial para:
• Estructuración de la página
• Multimedia
• Atributos. En especial para:
• Enlaces
• Listas
• En general: atributos universales
12
20. Soporte
• Navegadores
• Incompleto, pero avanza muy rápido
• La razón: es la apuesta de los fabricantes de navegadores
• Editores
• Dreamweaver
• Extensión para CS3 i CS4
• Soporte específico para CS5
• Código fuente
• TopStyle
• CoffeeCup
• Editores online
• Rendera
20
21. Conclusiones
• Una nueva gramática más lógica y consistente para el código
fuente
• Mayores opciones para la estructuración inteligente de
páginas
• Un nuevo concepto de calidad en código fuente
• Una nueva oportunidad para la Web Semántica
21
22. Fuentes
• HTML5 Doctor
html5doctor.com
• W3C HTML
w3.org/TR/html-markup
• W3C HTML5
dev.w3.org/html5/spec/Overview.html
• W3C differences from HTML4
w3.org/TR/html5-diff
• WHATWG
www.whatwg.org/html5
• Wikipedia
es.wikipedia.org/wiki/HTML_5
• W3 Schools
www.w3schools.com/html5/html5_reference.asp
• ThinkEPI > J. Franganillo
http://www.thinkepi.net/html5-nuevo-estandar-basico-del-web
Sitio del autor:
www.lluiscodina.com
22