[hackmeeting] CALL4NODES: Propuesta- XHTML 1.0, Páginas web siguiendo los estándares, HTML, CSS, Accesibilidad...

Vie Oct 1 23:33:52 CEST 2004

Bueno ya contareis.

0. Modalidad
    a) Charla

 1. Nombre del/a dinamizador/a, autor/a, coordinador/a
Juan Etxenike Almeida
xare en sindominio.net
El pelma que dió el discurso inicial en el HM'03.  El poeta del que 
hablé en aquella ocasión fué Gabriel Aresti:
<http://www.epdlp.com/escritor.php?id=1398>

2. Título(s)
XHTML 1.0 de acuerdo a las normaas del W3C - HTML válido, css válido, 
test AAA

3. Resumen
Se realiza un recorrido por las normas propuestas por la W3C de cara a 
realizar páginas web con un código validable y accesible. En primer 
lugar realizaremos unas definiciones básicas. Se explicarán las 
novedades que supone XHTML respecto de html. Se estudiarán los distintos 
DTDs utilizables en páginas web y se explicará superficialmente su 
motivo de ser. A continuación se realizará un análisis de diversas 
etiquetas HTML y los atributos que favorecen la accesibilidad. Luego se 
verá un caso en el que se crea una página de tres colúmnas  (estilo 
indymedia o weblog) sin utilizar tablas. Se hablará de accesibilidad, 
tests AAA, análisis de los validadores, trucos y utilidades y finalmente 
se presenta la página web de escanda donde se ha intentado (no siempre 
con éxito) todas estas técnicas de html estandar y accesibilidad.

 4. Palabras clave
Accesibilidad, usabilidad, validación, HTML, CSS,  XHTML, DTD, DOCTYPE, 
Test AAA, WAI, W3C

 5. Conocimientos recomendados para los participantes
HTML básico.

 6. Estructura/contenido
1. Conceptos generales
2. Definiciones básicas
 2.1 La www
 2.2 URI
 2.3 HTML
 2.4 HTML 4.0
3. Mostrando código según distintos dispositivos
4. XHTML 1.0
 4.1 Definición básica
 4.2 Reglas de XHTML 1.0
5. DTD
 5.1 Doctype necesario para XHTML 1.0
 5.2 Doctypes necesarios para otros tipos de documentos html
6. HTML 4.0
 6.1 Lógica del lenguaje de marcas
 6.2 <html>: Utilización de etiquetas lang  y dir para definir aspectos 
idiomáticos.
 6.3 <head>
 6.4 <meta>
 6.5 <body>
 6.6 Definidores de etiquetas id y class
 6.7 Etiquetas <div> y <span>
 6.8 Etiquetas <h1>..<h6>
 6.9 Etiqueta <address>
 6.10 Etiquetas de estructuración de texto 
<em><strong><dfn><code><samp><kdb><var><cite><abbr><acronym>
 6.11 Etiquetas <blockquote> y <q>
 6.12 ...
7. CSS
 7.1 Definición
 7.2 Soporte de hojas de estilo según navegadores (modelo de caja en  IE)
 7.3 Definiciones (Viewport, lienzo, bloques, flujo normal, fuera de 
flujo, flotación,
 7.4 Tutorial Creación de una página de tres columnas cabecera y pié de 
página sin utilizar la etiqueta <table>
8. Accesibilidad
9. Test AAA
10. Recursos on-line - Validaciones
11. Trucos y utilidades prácticas
12. Página web de Escanda un ejemplo de página sin tablas y accesible 
con html y css válidos

7. Metodología: exposicion, discusión, cacharreo, etc.
Presentación, aunque durante la exposición se intentará llevar a cabo 
debate con el público para conocer otras ideas.

 8. Duracion
De  una hora y media a dos horas.

 9. Lecturas recomendadas. Para la gente que quiera entrar en el
    tema antes de entrar en el nodo.
http://www.w3.org
http://css.maxdesign.com.au
http://www.csszengarden.com

 * Información para coordinar:

 10. Material necesario (incluyendo tipo de espacio por si hace
     falta un espacio abierto sin sillas o lo que sea).
Espacio con sillas, pantalla proyector (si es posible), regleta de 
electricidad. Llevaré un portatil con wireless por lo que si hay 
internes mejor que mejor.

 11. Preferencias de horarios
 A la hora de la siesta no por favor que se me duerme el personal. Es la 
típica charla matinal diría yo, así lo que venga después parecerá más 
entretenido.

 12. Seguridad de asistencia (del 1 al 10)
La mia la valoro en un 10. El resto de la gente depende de la cantidad 
de cerveza que haya consumido la víspera. Yo pondría un 6 raspau, 
conociendome al personal.

 13. Documentos o archivos del nodo (si la hay, para colgar en la web: 
transparencias, textos, programas, etc.)
Pronto vendrá. Estoy preparando la presentación en Openoffice impress, 
van 60 proyecciones y tal vez llegen a 90 (eso sí muy paso a paso y 
pasarán muy rápidas porque he puesto poca información en cada una).