Revisión de 17:10 20 oct 2011

Lenguajes de Marcas (DAW)

Lenguajes de marcas y sistemas de gestión de información

Introducción  |  Documentación  |  Lenguajes ligeros  |  XML  |  HTML  |  HTML5 |  Web móvil  |  Aplicaciones  |  Almacenamiento  |  Sist. Gest. Empresarial

Contenido

• 1 La evolución de la web
  • 1.1 Documentación básica
  • 1.2 Herramientas
    • 1.2.1 Navegadores
    • 1.2.2 Editores
  • 1.3 ¿Por qué son necesarios los estándares web?
  • 1.4 Historia de internet y de los estándares
  • 1.5 Cómo funciona internet y la navegación web
  • 1.6 Modelo de los estándares: html, css y js
  • 1.7 La realidad de los estándares
  • 1.8 Conceptos básicos de html
  • 1.9 Actividades
• 2 Actividades

La evolución de la web

Este recurso te ayudará a centrar algunos conceptos en el tiempo: http://evolutionofweb.appspot.com/

Documentación básica

• Sitio del W3C: http://www.w3.org http://www.w3c.es
• http://www.w3.org/wiki/Web_Standards_Curriculum (trad. http://mosaic.uoc.edu/ac/le/es/index.html)
• http://dev.opera.com/articles/wsc/
• http://www.w3schools.com/html/

Herramientas

Navegadores

• Firefox
• IExplorer
• Opera
• Safari
• Chrome

Editores

• Aptana: http://aptana.com
• Notepad++. http://notepad-plus-plus.org/ (windows)
• Kompozer. http://kompozer.net/ (linux) o Blue Griffon. http://bluegriffon.org/pages/Download
• etc ...

¿Por qué son necesarios los estándares web?

• Eficiencia (tamaño más reducido y optimizado de ficheros)
• Facilidad de mantenimiento
• Accesibilidad
• Compatibilidad de dispositivos
• Posicionamiento en motores de búsqueda (mayor visibilidad en Google, Yahoo!, etc.)

Historia de internet y de los estándares

http://mosaic.uoc.edu/ac/le/es/m1/ud1/index.html

Cómo funciona internet y la navegación web

http://mosaic.uoc.edu/ac/le/es/m1/ud2/index.html

Modelo de los estándares: html, css y js

http://mosaic.uoc.edu/ac/le/es/m1/ud3/index.html

La realidad de los estándares

http://mosaic.uoc.edu/ac/le/es/m1/ud4/index.html

Conceptos básicos de html

http://mosaic.uoc.edu/ac/le/es/m3/ud1/index.html

• Head: http://mosaic.uoc.edu/ac/le/es/m3/ud2/index.html
• Doctype: http://mosaic.uoc.edu/ac/le/es/m3/ud3/index.html
• Listas: http://mosaic.uoc.edu/ac/le/es/m4/ud2/index.html
• Imágenes: http://mosaic.uoc.edu/ac/le/es/m4/ud2/index.html
• Enlaces: http://mosaic.uoc.edu/ac/le/es/m4/ud4/index.html
• Tablas: http://mosaic.uoc.edu/ac/le/es/m4/ud4/index.html
• Formularios: http://mosaic.uoc.edu/ac/le/es/m4/ud4/index.html
• Elementos semánticos: http://mosaic.uoc.edu/ac/le/es/m4/ud7/index.html
• Contenedores genéricos: http://mosaic.uoc.edu/ac/le/es/m4/ud8/index.html
• Accesibilidad: http://mosaic.uoc.edu/ac/le/es/m5/ud1/index.html
• Validar: http://mosaic.uoc.edu/ac/le/es/m4/ud10/index.html

Actividades

Actividades

Instalación Descubrir html