# Diario del curso 2005/2006

En esta página fui apuntando brevemente lo que hice en clase durante el curso 2005/2006 en cada uno de los dos grupos (7L y 7M). Cada hora de clase era de 50 minutos.

7M - Día 1 - 30/09/05 (2 horas)

- encuesta inicial
- direcciones de correos de alumnos
- contenido del curso: html + php
- fechas de exámenes
- página web de apuntes: mclibre (apuntes, ejercicios, trabajos de alumnos, exámenes)
- página web de tutoría: tutoría (calendario, horario, documentos, etc)

7L - Día 1 - 03/10/05 (3 horas)

- encuesta inicial
- direcciones de correos de alumnos
- contenido del curso: html + php
- fechas de exámenes
- página web de apuntes: mclibre (apuntes, ejercicios, trabajos de alumnos, exámenes)
- introducción al html: historia de la web (no cuento la parte de navegadores)

7L - Día 2 - 05/10/05 (4 horas)

- introducción al html: navegadores
- instalación de Amaya 9.2.2
- Firefox 1.0.6
- carpetas: Mis documentos/amaya/ejercicios y Mis documentos/amaya/pruebas
- configuración de Amaya: idioma, mostrar destinos, exportar CR/LF
- interface de Amaya: ventana de herramientas, código fuente, pestañas, botón derecho en enlaces, `F5`, `F11`
- variedades XHTML: 1.1, Transitional / Frameset / Strict.
- elementos de una página vacía: ?xml, doctype, html, head, body
- etiquetas: apertura y cierre / monoatómicas, atributos
- crear página web: nombres de archivo, primera etiquetas: <p>, <h1>, ..., <h6>, <br />, <hr />
- selección de elementos con `F2`, línea de estado, menú atributos
- espacios en blanco y párrafos en blanco, espacios duros
- amaya: XHTML > Generar índice de materias
- estilos: hoja de estilo externa
- crear hoja de estilo externa, <link />, crear segunda página enlazada a la misma css

7M - Día 2 - 06/10/05 (4 horas)

- introducción al html
- instalación de Amaya 9.2.2
- Firefox 1.0.6
- carpetas: Mis documentos/amaya/ejercicios y Mis documentos/amaya/pruebas
- configuración de Amaya: idioma, mostrar destinos, exportar CR/LF
- interface de Amaya: ventana de herramientas, código fuente, pestañas, botón derecho en enlaces, `F5`, `F11`
- variedades XHTML: 1.1, Transitional / Frameset / Strict.
- elementos de una página vacía: ?xml, doctype, html, head, body
- etiquetas: apertura y cierre / monoatómicas, atributos
- selección de elementos con `F2`, línea de estado, menú atributos
- crear página web: nombres de archivo, primera etiquetas: <p>, <h1>, ..., <h6>

7M - Día 3 - 07/10/05 (3 horas)

- crear página web: <br /> (ctrl+intro)
- espacios en blanco y párrafos en blanco, espacios duros (ctrl+espacio)
- amaya: XHTML > Generar índice de materias
- estilos: hoja de estilo externa
- crear hoja de estilo externa, <link />, crear segunda página enlazada a la misma css, title
- hojas de estilo alternativas
- hojas de estilo en Firefox
- hojas de estilo: unidades de distancia (%, relativas, absolutas, nº decimales, nº negativos)
- codificación de colores: nombre html, códigos RGB
- etiquetas de texto: bloque, en-línea y contenedores
  - bloque: <pre> (salir de <pre>), <address>
  - en-línea: poner y quitar, escribir dentro y salir de ella, espacios en blanco en los extremos, etiquetas cruzadas
- currículum vitae de ejemplo: empiezan a poner etiquetas
- línea horizontal: <hr />

7L - Día 3 - 10/10/05 (3 horas)

- hojas de estilo en Firefox
- hojas de estilo externa: title
- hojas de estilo alternativas
- codificación de colores: nombre html, códigos RGB
- extensiones de Firefox. Colorzilla 0.8.3 y ColorWiz 1.0: instalación y uso
- etiquetas de texto: bloque, en-línea y contenedores
  - bloque: <pre> (salir de <pre>), <address>
  - en-línea: poner y quitar, escribir dentro y salir de ella, espacios en blanco en los extremos, etiquetas cruzadas
- currículum vitae de ejemplo: empiezan a poner etiquetas y a hacer la hoja de estilo

7M - Día 4 - 13/10/05 (4 horas)

- extensiones de Firefox. Colorzilla 0.8.3 y ColorWiz 1.0: instalación y uso
- hojas de estilo: propiedades de texto, propiedades de tipo de letra
- líneas horizontales: color, tamaño, alineación
- terminan currículum vitae
- ejercicio Jargon file
- deberes: página currículum vitae propio para colgar, terminar Jargon file

7M - Día 5 - 14/10/05 (3 horas)

- página web de tutoría: tutoría (sección de preguntas)
- restos día anterior: ejemplo de font-family con varios nombres, configurar familias genéricas en Firefox
- propiedades margin-top, margin-bottom, margin-left, margin-right (para ejercicio Jargon file)
- imágenes:
  - explicación formatos de imagen (mapa de bits/vectoriales), formatos de mapa de bits: (JPG, GIF, PNG, MNG)
  - etiqueta img: atributos alt y title
  - imágenes flotantes: propiedades float y clear
- ejercicio Tom Strong en común. Explico clases
- ejercicio Fuentes de Roma
- deberes: página personajes para colgar

7L - Día 4 - 17/10/05 (3 horas)

- hojas de estilo: propiedades de texto, propiedades de tipo de letra
- configurar familias genéricas en Firefox
- líneas horizontales: color, tamaño, alineación
- terminan currículum vitae
- ejercicio Jargon file
- deberes: página currículum vitae propio para colgar, terminar Jargon file
- deberes: página personajes para colgar

7L - Día 5 - 19/10/05 (4 horas)

- propiedades margin-top, margin-bottom, margin-left, margin-right (para ejercicio Jargon file)
- imágenes:
  - explicación formatos de imagen (mapa de bits/vectoriales), formatos de mapa de bits: (JPG, GIF, PNG, MNG)
  - etiqueta img: atributos alt y title
  - imágenes flotantes: propiedades float y clear
- ejercicio Tom Strong en común. Explico clases
- ejercicio Fuentes de Roma
- modelo de caja
- margin, padding
- bordes
- deberes: página personajes para colgar

7M - Día 6 - 20/10/05 (4 horas)

- restos día anterior: centrar imágenes, inserción imágenes para float, text-align en elemento en línea
- modelo de caja
- margin, padding
- bordes
- ejercicios de bordes: Bordes 1 y Personajes del siglo XX
- bordes redondeados, bordes de varios colores
- span
- ejercicios de clases: Premio Turing (empiezan)

7M - Día 7 - 21/10/05 (3 horas)

- ejercicios de clases: Premio Turing
- asignar varias clases a un elemento
- selector .clase
- ejercicios clases: citas
- divisiones
- ejercicios divisiones: chistes breves

7L - Día 6 - 24/10/05 (3 horas)

- restos día anterior: centrar imágenes, text-align en elemento en línea
- ejercicios de bordes: Bordes 1 y Personajes del siglo XX
- bordes redondeados, bordes de varios colores
- comentarios en css (/* ... */) y html (<!-- ... -->)
- span
- ejercicios de clases: Premio Turing (apenas empiezan)

7L - Día 7 - 24/10/05 (4 horas)

- ejercicios de clases: Premio Turing
- asignar varias clases a un elemento
- selector .clase
- ejercicios clases: citas
- divisiones
- ejercicios divisiones: chistes breves, greguerías
- deberes: página chistes para colgar

7M - Día 8 - 27/10/05 (4 horas)

- restos día anterior: comentarios en css (/* ... */) y html (<!-- ... -->)
- ejercicios divisiones: chistes breves, greguerías
- descendientes: div p
- ejercicios divisiones: necrológicas

7M - Día 9 - 28/10/05 (3 horas)

- enlaces
- ejercicio: hacer página con enlaces a los ejercicios hechos en clase
- ejercicios enlaces: Londres - Diccionario en fichas - Recetas de cocina

7L - Día 8 - 02/11/05 (4 horas)

- ejercicios divisiones: greguerías
- descendientes: div p
- ejercicios divisiones: necrológicas
- enlaces: explicación

7M - Día 10 - 03/11/05 (4 horas)

- ejercicios enlaces: Londres - Diccionario en fichas - Recetas de cocina - Discografía incompleta de Radio Futura
- pseudo-clases y pseudo-elementos

7M - Día 11 - 04/11/05 (3 horas)

- fondos
- stile
- ejercicios fondos

7L - Día 9 - 07/11/05 (3 horas)

- ejercicios enlaces: Londres - Diccionario en fichas - Recetas de cocina - Discografía incompleta de Radio Futura

7L - Día 10 - 09/11/05 (4 horas)

- examen 1 (hasta enlaces)
- ejercicios enlaces: Recetas de cocina - Discografía incompleta de Radio Futura
- pseudo-clases y pseudo-elementos

7M - Día 12 - 11/11/05 (4 horas)

- No hay clase porque estoy resfriado y no puedo ir a clase

7M - Día 12 - 11/11/05 (3 horas)

- examen 1 (hasta enlaces)
- listas (no llego a dar diseño de listas)

7L - Día 11 - 14/11/05 (3 horas)

- fondos
- stile
- ejercicios fondos

7L - Día 12 - 21/11/05 (3 horas)

- listas:
  - tipos de listas, listas anidadas, transformación de párrafos en listas y viceversa
  - propiedades CSS
  - diseño de listas
- ejercicios de listas: diseño de listas 1

7L - Día 13 - 23/11/05 (4 horas)

- ejercicios de listas: diseño de listas 1 y 2
- tablas:
  - etiquetas: table, caption, thead, tbody, tfoot, tr, td, th
  - atributos: colspan y rowspan
  - propiedades CSS
- ejercicios: colspan y rowspan, Calendario.

7M - Día 13 - 25/11/05 (2 horas)

- diseño de listas
- ejercicios de listas: diseño de listas 1 y 2
- hubo un corte de luz y perdimos una hora de clase de las tres previstas

7L - Día 14 - 28/11/05 (4 horas: 3 + 1 recuperada)

- tablas:
  - atributos de table, tbody, tr, td, th
  - modos de bordes
  - etiquetas col y colgroup
- ejercicios: calendarios

7L - Día 15 - 01/12/05 (4 horas)

- instalación de Firefox 1.5 es
- posicionamiento:
  - tamaño, tamaño mínimo y máximo
  - overflow
- posicionamiento flotante
- ejercicios posicionamiento flotante: Oscar Wilde y Anuncios
- posicionamiento relativo
- ejercicios posicionamiento relativo: Oscar Wilde 2
- posicionamiento absoluto
- ejercicio posicionamiento absoluto: chistes de hombres y mujeres

7M - Día 14 - 01/12/05 (4 horas)

- explico tablas:
  - etiquetas: table, caption, thead, tbody, tfoot, tr, td, th
  - atributos: colspan y rowspan
  - propiedades CSS
- ejercicios: colspan y rowspan, Calendario.
- tablas:
  - atributos de table, tbody, tr, td, th
- ejercicios: calendarios (empiezan los 3 primeros)

7L - Día 16 - 02/12/05 (3 horas)

- ejercicio posicionamiento absoluto: chistes de hombres y mujeres
- z-index
- ejercicio z-index: Leyes de Murphy
- ejercicio posicionamiento absoluto: Diario de Cesare Pavese

7M - Día 15 - 02/12/05 (3 horas)

- instalación de Amaya 9.3 RC
- ejercicios: calendarios (terminan los 3 primeros)
- tablas
  - modos de bordes
  - etiquetas col y colgroup
- ejercicios: calendarios (resto)

7L - Día 17 - 05/12/05 (3 horas)

- ejercicio posicionamiento absoluto: chistes de hombres y mujeres
- z-index
- ejercicio z-index: Leyes de Murphy
- ejercicios posicionamiento absoluto: Menú, Diario de Cesare Pavese, Citas

7M - Día 16 - 05/12/05 (3 horas)

- posicionamiento:
  - tamaño, tamaño mínimo y máximo
  - overflow
- posicionamiento flotante
- ejercicios posicionamiento flotante: Oscar Wilde y Anuncios
- posicionamiento relativo

7L - Día 18 - 07/12/05 (4 horas)

- ejercicio posicionamiento absoluto: Calendario de Murphy, Presentación de cdlibre, Televisión
- ejercicio posicionamiento flotante: Ejercicios de aritmética

7M - Día 17 - 07/12/05 (3 horas)

- ejercicios posicionamiento relativo: Oscar Wilde 2
- posicionamiento absoluto
- ejercicio posicionamiento absoluto: chistes de hombres y mujeres
- z-index
- ejercicio z-index: Leyes de Murphy

7M - Día 18 - 09/12/05 (3 horas)

- ejercicios posicionamiento absoluto: Menú, Diario de Cesare Pavese, Citas

7L - Día 19 - 12/12/05 (3 horas)

- No hay clase porque estoy resfriado y no puedo ir a clase

7L - Día 19 - 14/12/05 (4 horas)

- examen 2 (hasta posicionamiento)

7M - Día 19 - 15/12/05 (4 horas)

- ejercicio posicionamiento absoluto: Calendario de Murphy, Presentación de cdlibre, Televisión
- ejercicio posicionamiento flotante: Ejercicios de aritmética

7M - Día 20 - 16/12/05 (3 horas)

- examen 2 (hasta posicionamiento)

7L - Día 20 - 21/12/05 (4 horas)

- mapas de imagen
- ejercicios mapas de imagen: Tom Strong, Plano de Roma, Sistema solar

7L - Día 21 - 09/01/06 (3 horas)

- formularios
- ejercicios formularios: Hoja de inscripción (apenas empiezan)

7L - Día 22 - 10/01/06 (3 horas)

- ejercicios formularios: Hoja de inscripción
- MathML
- SVG
- FIN HTML

7M - Día 21 - 12/01/06 (4 horas)

- mapas de imagen
- ejercicios mapas de imagen: Tom Strong, Plano de Roma, Sistema solar
- MathML
- SVG

7M - Día 22 - 13/01/06 (3 horas)

- MathML
- SVG
- formularios

7M - Día 23 - 19/01/06 (4 horas)

- ejercicios formularios: Hoja de inscripción
- FIN HTML

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.