Vídeo de la presentación: http://www.youtube.com/watch?v=EDTgmwVNGjs
XML (eXtensible Markup Language, Lenguaje de marcas extensible)
- XHTML (eXtensible Hypertext Markup Language, Lenguaje extensible de marcado de hipertexto)
- Diferencias HTML - XHTML
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
CLEFormación organizó un seminario técnico gratuito sobre "HTML5, el lenguaje del futuro, nuevos paradigmas y nuevos problemas en el desarrollo de aplicaciones web". Como referentes en la Capacitación Profesional en el entorno de las Tecnologías de la Información, concretamente en cursos de programación Oracle, Java, y HTML5 quisieron reiterar su compromiso con la formación en el sector. Por eso después del seminario, comparten la presentación desarrollada por el formador.
Guía básica para pegarle al xhtml (Primera parte)Carlos Caicedo
Esta presentación es un apoyo para una capacitación que hice a una empresa.
La primera parte presenta aspectos fundamentales del xhtml y la segunda busca explicar conceptos básicos sobre los CSS
(CC Atribución-No Comercial-Licenciar Igual 2.5)
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.
Published in:
1st International Workshop on Wireless Information Systems (WIS 2002), p. 58-69, Ciudad Real (Spain), April 2 2002.
Download:
http://gplsi.dlsi.ua.es/almacenes/ver.php?pdf=33
Published in:
Proceedings International Joint Conference, 7th Ibero-American Conference, 15th Brazilian Symposium on AI, IBERAMIA-SBIA 2000, Open Discussion Track Proceedings, p. 217-226, Atibaia - Sao Paulo (Brasil), November 19-22 2000. ISBN: 85-87837-03-6.
Download:
http://gplsi.dlsi.ua.es/almacenes/ver.php?pdf=1
Vídeo de la presentación: http://www.youtube.com/watch?v=-7HttBJnk9g
XML (eXtensible Markup Language, Lenguaje de marcas extensible)
- Aplicación XML = Lenguaje de marcado = Vocabulario
- Ejemplos: DocBook, Chemical Markup Language, Keyhole Markup Language, Mathematical Markup Language, Open Document, Open XML Format, Scalable Vector Graphics, Systems Byology Markup Language
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=qJ3_9F7bEp8
XML (eXtensible Markup Language, Lenguaje de marcas extensible)
- Orígenes: GML, SGML
- Documento correcto: bien formado y válido
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=5sSideuXCFQ
¿Cómo funcionan las cookies?:
- JavaScript: document.cookie
- PHP: setcookie() y $_COOKIE
- RFC 6265 HTTP State Management Mechanism
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=8LaTgXMhgtE
¿Qué son y para qué sirven las cookies?:
- Definición
- Funcionamiento
- Origen
- Protocolo HTTP sin estado
- Carro o cesta de la compra virtual
- Cookies de seguimiento (tracking cookies)
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=i__IbhyrB28
Cookies: ¿Cómo se usan en JavaScript?
Uso de las cookies en JavaScript: document.cookie, atributos de una cookie, setCookie(), getCookie(), escape(), unescape()
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=m9TaKSWPFfI
Más información: http://accesibilidadweb.dlsi.ua.es/formacion/introduccion-a-la-accesibilidad-web-1/
Aprende a hacer webs:
1. A las que todo el mundo pueda acceder
2. Visibles desde cualquier dispositivo
3. Mejor posicionadas en buscadores
Más información: http://accesibilidadweb.dlsi.ua.es/formacion/introduccion-a-la-accesibilidad-web-1/
Vídeo de la presentación: http://www.youtube.com/watch?v=VUPSg8Jp_Es
Los orígenes del captcha y su uso en las páginas web.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=ma0sm4kE0v4
Algunas propuestas de captcha que se pueden emplear en un futuro cercano.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Video de la presentación: http://www.youtube.com/watch?v=eFzbuPjXaDw
Errores web: Tame
El sitio web de la aerolínea ecuatoriana Tame presenta problemas de consistencia en el manejo de las fechas, lo cual incide de forma negativa en la usabilidad del sitio web y puede causar importantes problemas al usuario.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=KHIaow8ifoo
Errores web: Renfe y las fechas
El sitio web del operador ferroviario Renfe presenta problemas de consistencia en el manejo de las fechas, lo cual incide de forma negativa en la usabilidad del sitio web y puede causar importantes problemas al usuario.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=DSk2cRGC_XA
Errores web: Renfe y los nombres de las ciudades
El sitio web del operador ferroviario Renfe presenta problemas de consistencia en el manejo de los nombres de la ciudades, lo cual incide de forma negativa en la usabilidad del sitio web y puede causar importantes problemas al usuario.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=fJMfaKo92Kw
Errores web: El País
La página principal del periódico El País presenta numerosos problemas de contraste que pueden ocasionar problemas entre los usuarios que presenten sensibilidad reducida al contraste y entre los usuarios que tengan problemas de contraste debido al contexto de uso.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=5nx13G-WiP4
Errores web: Amadeus y su calendario
La página web de Amadeus, servicio global de reserva de viajes, presenta un problema de consistencia al mostrar su calendario para seleccionar las fechas de salida y de regreso de los viajes.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Vídeo de la presentación: http://www.youtube.com/watch?v=UM-jeSPSMv4
Errores web: Rumbo y su calendario
La página web de Rumbo, agencia de viajes online, presenta un problema de consistencia al mostrar su calendario para seleccionar las fechas de salida y de regreso de los viajes.
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Seminario "Herramientas web aplicadas a la educación" en la Escuela Politécnica Nacional (Quito, Ecuador) en agosto de 2011.
Herramientas educativas: blogs, wikis, creación de sitios web (Google Sites), publicación de documentos (Scribd, Slideshare), mapas mentales (mindmeister).
Seminario "Herramientas web aplicadas a la educación" en la Escuela Politécnica Nacional (Quito, Ecuador) en agosto de 2011.
Recursos 2.0 de la Universidad de Alicante: RUA, OCW, Portal Audiovisual, Blogs, Espacios de creación.
Seminario "Herramientas web aplicadas a la educación" en la Escuela Politécnica Nacional (Quito, Ecuador) en agosto de 2011.
La Web 2.0 y la educación: Web 2.0, Principios de la Web 2.0, Docencia 2.0, Tutorías colaborativas.
Más de Sergio Luján Mora - Universidad de Alicante (20)
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.
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.
17. XHTML es el lenguaje de marcado pensado
para sustituir a HTML como estándar para las
páginas web.
En su versión 1.0, XHTML es solamente la
versión XML de HTML, por lo que tiene,
básicamente, las mismas funcionalidades,
pero cumple las especificaciones, más
estrictas, de XML.
18. XHTML incorpora a las páginas web el rigor
de XML, lo cual se traduce en un mejor
procesamiento, un mantenimiento más
sencillo y es el primer paso hacia la llamada
web semántica.
34. Diferencias con XHTML
• Versiones de HTML 4.01:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
35. Diferencias con XHTML
• Versiones de XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
36.
37. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml”>
<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
</head>
<body>
<p>… Your HTML content here …</p>
</body>
</html>
38. <?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml”>
<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=ISO-8859-1" />
</head>
<body>
<p>… Your HTML content here …</p>
</body>
</html>
42. 1. Los documentos tienen que estar bien
formados
– Incorrecto: elementos superpuestos.
<p>aquí hay un <b>texto en
negrita</p></b>
– Correcto: elementos anidados.
<p>aquí hay un <b>texto en
negrita</b></p>
43. 2. Los elementos y atributos tienen que estar
en minúsculas
– Incorrecto: mezcla de mayúsculas y minúsculas.
<table BORDER="0"><TR ALIGN="LEFT">
– Correcto: todo en minúsculas.
<table border="0"><tr align="left">
44. 3. Los elementos vacíos llevan etiqueta de
cierre
– Incorrecto: elementos vacíos sin etiqueta de cierre.
<br><hr>
– Correcto: elementos vacíos con etiqueta de cierre.
<br></br><hr></hr>
o
<br/><hr/>
45. 4. Los elementos no vacíos necesitan la
etiqueta de cierre
– Incorrecto: elementos sin etiqueta de cierre.
<p>Esto es un párrafo.<p>Esto es
otro párrafo.
– Correcto: elementos con etiqueta de cierre.
<p>Esto es un párrafo.</p><p>Esto es
otro párrafo.</p>
46. 5. Los valores de los atributos tienen que llevar
siempre comillas
– Incorrecto: valores de atributos sin comillas.
<table rows=3>
– Correcto: valores de atributos entre comillas.
<table rows="3">
<table rows='3'>
47. 6. La minimización de atributos no es posible
– Incorrecto: atributo minimizado.
<dl compact>
<option value="1" selected>
<input type="radio" checked>
– Correcto: atributo no minimizado.
<dl compact="compact">
<option value="1" selected="selected">
<input type="radio" checked="checked">
48. 7. Manejo de espacios en blanco en los
atributos
– Espacios en blanco al principio y al final: se
eliminan
– Uno o más espacios en blanco (incluyendo saltos
de línea) se traducen en un único espacio en
blanco entre palabras
49. 8. Empleo de scripts (<script>) y estilos
(<style>)
- Interpretación de < y &
- <![CDATA[
... contenido de script ...
]]>
- Usar ficheros separados
50. 9. Exclusiones de SGML
- Elementos que no pueden ser contenidos en otros
elementos
a: a
pre: img, object, big, small, sub, sup
button: input, select, textarea, label,
button, form, fieldset, iframe isindex
label: label
form: form
51. 10. Solo el atributo id actúa como identificador
– Incorrecto: no es un atributo identificador.
<a name="algo">
– Correcto: id es un atributo ID.
<a id="algo">
52. 11. Atributos con conjunto de valores
predefinidos
– Incorrecto: mezcla de mayúsculas y minúsculas.
<tr align="LEFT">
<input type="TEXT" name="algo">
– Correcto: todo en minúsculas.
<tr align="left">
<input type="text" name="algo">
53. 12. Referencias de entidad como valores
hexadecimales
– Incorrecto: valores de atributos sin comillas.
&#Xnn;
&#xnn;
– Correcto: sólo en minúsculas.
&#xnn;