Diferencia entre revisiones de «Usuario:Lmorillas/modulo lenguajes de marcas/html»
De WikiEducator
Línea 28: | Línea 28: | ||
* Kompozer. http://kompozer.net/ (linux) o Blue Griffon. http://bluegriffon.org/pages/Download | * Kompozer. http://kompozer.net/ (linux) o Blue Griffon. http://bluegriffon.org/pages/Download | ||
* etc ... | * etc ... | ||
+ | |||
+ | == ¿Qué es HTML? == | ||
+ | * Es un lenguaje para describir páginas web | ||
+ | * Acrónimo de Hyper Text Markup Language | ||
+ | * No es un lenguaje de programación, sino un lenguaje de marcas | ||
+ | * Un lenguaje de marcas es un conjunto de etiquetas de marcado | ||
+ | * Las etiquetas de HTML son palabras entre los símbolos '''<>''' como <nowiki><html></nowiki> | ||
+ | ** Normalmente van en parejas: | ||
+ | <b> y </b> | ||
+ | ** La primera etiqueta es la de apertura, la segunda es la de fin. | ||
+ | * Los documentos HTML nos permiten escribir páginas web. | ||
+ | * Contienen etiquestas HTML y texto | ||
==¿Por qué son necesarios los estándares web?== | ==¿Por qué son necesarios los estándares web?== |
Revisión de 07:41 24 oct 2011
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
- 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 ...
¿Qué es HTML?
- Es un lenguaje para describir páginas web
- Acrónimo de Hyper Text Markup Language
- No es un lenguaje de programación, sino un lenguaje de marcas
- Un lenguaje de marcas es un conjunto de etiquetas de marcado
- Las etiquetas de HTML son palabras entre los símbolos <> como <html>
- Normalmente van en parejas:
y
- La primera etiqueta es la de apertura, la segunda es la de fin.
- Los documentos HTML nos permiten escribir páginas web.
- Contienen etiquestas HTML y texto
¿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
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
|