# Diario del curso

En esta página he ido contando lo que hcho cada día en clase durante el curso 2004/2005. Cada clase ha sido de 150 minutos de duración (3 "horas" seguidas de 50 minutos), con un descanso de 5 minutos.

7M - Día 1 - 28/09/04

- encuesta inicial
- direcciones de correos de alumnos
- contenido del curso: html + php
- fechas de exámenes
- página web de apuntes: mclibre
- introducción al html: historia de la web
- Amaya: instalación

7M - Día 2 - 30/09/04

- configuración de Amaya: idioma, mostrar destinos, exportar CR/LF
- variedades XHTML: Transitional / Frameset / Strict. Explicar frames
- elementos de una página vacía: ?xml, doctype, html, head, body
- etiquetas: apertura y cierre / monoatómicas, atributos
- breve repaso a los menús de Amaya
- crear página web: nombres de archivo, primera etiquetas: <p>, <h1>, ..., <h6>, <br />
- espacios en blanco y párrafos en blanco
- añadir estilos a un elemento, eliminarlos
- crear hoja de estilo externa, <link />, crear segunda página enlazada a la misma css
- selección de elementos con `F2`, línea de estado, menú atributos
- codificación de colores

7L - Día 1 - 01/10/04

- encuesta inicial
- direcciones de correos de alumnos
- contenido del curso: html + php
- fechas de exámenes
- página web de apuntes: mclibre
- introducción al html: historia de la web
- Amaya: configuración

7L - Día 2 - 05/10/04

- configuración de Amaya: idioma, mostrar destinos, exportar CR/LF
- variedades XHTML: Transitional / Frameset / Strict.
- elementos de una página vacía: ?xml, doctype, html, head, body
- etiquetas: apertura y cierre / monoatómicas, atributos
- breve repaso a los menús de Amaya
- crear página web: nombres de archivo, primera etiquetas: <p>, <h1>, ..., <h6>, <br />
- espacios en blanco y párrafos en blanco
- estilos: atributo style (crear y eliminar), etiqueta <style>, hoja de estilo externa
- crear hoja de estilo externa, <link />, crear segunda página enlazada a la misma css
- selección de elementos con `F2`, línea de estado, menú atributos
- codificación de colores: nombre html, códigos RGB

7M - Día 3 - 06/10/04

- ColorWiz: 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
- hojas de estilo: unidades de distancia (%, relativas, absolutas, nº decimales, nº negativos; propiedades de texto, propieades de tipo de letra
- currículum vitae de ejemplo: enlace a css, h1 y h2
- deberes: escribir el propio currículum vitae
- tutoría: comento que he añadido información y fechas en la web de la tutoría

7L - Día 3 - 08/10/04

- ColorWiz: 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
- hojas de estilo: unidades de distancia (%, relativas, absolutas, nº decimales, nº negativos; propiedades de texto, propieades de tipo de letra
- currículum vitae de ejemplo: enlace a css, h1 y h2
- deberes: escribir el propio currículum vitae

7M - Día 4 - 14/10/04

- terminar ejercicio CV
- propiedades margin-top, margin-bottom, margin-left, margin-right (para ejercicio Jargon file)
- ejercicio Jargon file (al empezar la tercera hora, les pido que dejen el ejercicio y empiezo las explicaciones)
- líneas horizontales: color, tamaño, alineación
- imágenes:
  - explicación formatos de imagen (mapa de bits/vectoriales), formatos de mapa de bits: (GIF, PNG, JPG, MNG)
  - etiqueta img: atributos alt y title
  - imágenes flotantes: propiedades float y clear
- ejercicio Tom Strong (no da tiempo a hacer casi nada, no llegan a insertar las imágenes)
- deberes: terminar el Jargon file en casa, si quieren mejorar el CV que me lo manden (bastantes me han entregado su CV en clase en vez de mandarlo por correo)

7L - Día 4 - 15/10/04

- terminar ejercicio CV
- propiedades margin-top, margin-bottom, margin-left, margin-right (para ejercicio Jargon file)
- ejercicio Jargon file (cuando quedaba media hora para terminar, les pido que dejen el ejercicio y empiezo las explicaciones)
- líneas horizontales: color, tamaño, alineación
- imágenes:
  - explicación formatos de imagen (mapa de bits/vectoriales), formatos de mapa de bits: (GIF, PNG, JPG, MNG)
  - etiqueta img: atributos alt y title
  - imágenes flotantes: propiedades float y clear
- deberes: terminar el Jargon file en casa, si quieren mejorar el CV que me lo manden

7L - Día 5 - 18/10/04

- desinstalan Amaya 8.5 e instalan Amaya 8.7-pre (da varios problemas, que he enviado a la lista de Amaya)
- comento que he colgado las páginas que me han enviado (en elaboración)
- ejercicio Tom Strong en común. Explico clases
- ejercicio Fuentes de Roma (cuando falta un cuarto de horapara terminar la clase, les pido que dejen el ejercicio y empiezo las explicaciones)
- bordes:
  - border-style
  - propiedad compuesta border
  - empezamos a hacer un ejemplo, pero suena el timbre

7M - Día 5 - 19/10/04

- comento que ayer los alumnos del 7L instalaron Amaya 8.7-pre y tenemos que confirmar los problemas para enviarlos a la lista de Amaya (el problema más grave, el cuelgue al guardar la hoja de estilo ocurren únicamente en tres PCs, el PC02, PC05 y PC08).
- comento que he colgado las páginas que me han enviado (en elaboración)
- ejercicio Tom Strong en común. Explico clases
- ejercicio Fuentes de Roma (cuando falta media hora para terminar la clase, les pido que dejen el ejercicio y empiezo las explicaciones)
- bordes:
  - border-style
  - propiedad compuesta border (hacemos un ejemplo)
  - margin, padding
- hacemos un ejemplo de bordes, margin, padding

7M - Día 6 - 21/10/04

- comento que Irène me ha dado las gracias para los alumnos por su ayuda localizando errores de Amaya
- ejercicios bordes
  - Bordes 1
  - Personajes del siglo XX
- instalan la versión 8.7 que ha salido esta misma tarde
- explico que se pueden gastar varias clases en una misma etiqueta
- ejercicio clases
  - Citas
- deberes: comento que las próximas páginas que tendrán que hacer (una vez hayamos visto el span) serán: una página sobre varias personas o personajes (con fotos), otra de citas o chistes y otra de un diccionario, para que vayan pensando el contenido
- reparto agendas medio ambiente

7L - Día 6 - 22/10/04

- comento que Irène me ha dado las gracias para los alumnos por su ayuda localizando errores de Amaya
- hacemos un ejemplo de bordes, margin, padding
- ejercicios bordes
  - Bordes 1
  - Personajes del siglo XX
- explico que se pueden gastar varias clases en una misma etiqueta
- ejercicio clases
  - Citas
- deberes: comento que las próximas páginas que tendrán que hacer (una vez hayamos visto el span) serán: una página sobre varias personas o personajes (con fotos), otra de citas o chistes y otra de un diccionario, para que vayan pensando el contenido

7L - Día 7 - 25/10/04

- terminan ejercicio de citas (les dejo un cuarto de hora)
- comento varias cosas que me había dejado sin explicar:
  - los estilos 3D en los bordes quedan bien si se eligen los colores adecuadamente, he añadido en la página de bordes un ejemplo que queda bien
  - centrar imágenes
  - -moz-border-radius
- explico span: poner y quitar
- ejercicio: premio Turing
- explico divisiones: poner y quitar (menú Editar > Transformar)
- ejercicio: chistes breves

7M - Día 7 - 26/10/04

- terminan ejercicio de citas (les dejo un cuarto de hora)
- comento varias cosas que me había dejado sin explicar:
  - los estilos 3D en los bordes quedan bien si se eligen los colores adecuadamente, he añadido en la página de bordes un ejemplo que queda bien
  - centrar imágenes
  - -moz-border-radius y -moz-border-colors
- explico span: poner y quitar
- ejercicio: premio Turing
- explico divisiones: poner y quitar (menú Editar > Transformar)
- ejercicio: chistes breves

7M - Día 8 - 28/10/04

- sólo damos 2 horas de clase, porque he cambiado de clase para poder ir a un entierro
- ejercicios divisiones: chistes, greguerías y necrológicas
- explico enlace a hoja de estilo: atributo title para que salga en Mozilla

7L - Día 8 - 29/10/04

- ejercicios divisiones: chistes, greguerías y necrológicas
- explico enlace a hoja de estilo: atributo title para que salga en Mozilla

7M - Día 9 - 02/11/04

- examen nº 1

7M - Día 10 - 04/11/04

- explico selector etiqueta etiqueta (p.e. div h2) para hacer el ejercicio de necrológicas. Siguen con el ejercicio de necrológicas
- empiezan ejercicios londres y recetas de jorge
- explico enlaces: enlace a otro archivo, crear destino (a / id), enlace a destino en el mismo archivo, enlace a destino en otro archivo, modificar/eliminar destinos/enlaces, crear índice)

7L - Día 9 - 05/11/04

- explico selector etiqueta etiqueta (p.e. div h2) para hacer el ejercicio de necrológicas. Siguen con el ejercicio de necrológicas
- empiezan ejercicios londres y recetas de jorge
- explico enlaces: enlace a otro archivo, crear destino (a / id), enlace a destino en el mismo archivo, enlace a destino en otro archivo, modificar/eliminar destinos/enlaces, crear índice)

7L - Día 10 - 08/11/04

- examen nº 1

7M - Día 11 - 09/11/04

- les digo que pongan los destinos como id, pero no en las divisiones, sino en el primer elemento del bloque (h2 por ejemplo).
- siguen con ejercicios: londres, recetas, radio futura y diccionario informático 2

7M - Día 12 - 11/11/04

- Hoy no hay clase: nos vamos a la jornada W3C en la Ciudad de las Artes y las Ciencias.

7L - Día 11 - 12/11/04

- les digo que pongan los destinos como id, pero no en las divisiones, sino en el primer elemento del bloque (h2 por ejemplo).
- siguen con ejercicios: londres, recetas, radio futura y diccionario informático 2

7L - Día 12 - 15/11/04

- pseudo-elementos :first-line y :first-letter, pseudo-clases de enlace :link y :visited, pseudo-clases dinámica :hover, :active y :focus
- mapas de imagen: hacemos el ejercicio de Tom Strong 2 en común.
  - funcionan fatal en Amaya 8.7 (ni siquiera hace páginas válidas)
  - no hacer flotar las imágenes
  - áreas superpuestas: MOz e IE se van a la primer área creada
- ejercicios de mapas de imagen: mapa de roma, sistema solar
- quería haber instalado Checky, pero al instalarlo en el Mozilla 1.7.3 en castellano del PC01, Mozilla se transtorna y ni se puede utilizar Checky no Mozilla funciona correctamente.

7M - Día 13 - 16/11/04

- pseudo-elementos :first-line y :first-letter, pseudo-clases de enlace :link y :visited, pseudo-clases dinámica :hover, :active y :focus
- mapas de imagen: hacemos el ejercicio de Tom Strong 2 en común.
  - funcionan fatal en Amaya 8.7 (ni siquiera hace páginas válidas)
  - no hacer flotar las imágenes
  - áreas superpuestas: MOz e IE se van a la primer área creada
- ejercicios de mapas de imagen: mapa de roma, sistema solar
- He instalado Checky sobre Mozilla 1.7.3 en inglés en el PC01, pero no funciona. Dice que no encuentra URL. No entiendo qué ocurre

7M - Día 14 - 18/11/04

- siguen un rato (15 min) con los ejercicios del día anterior
- explico fondos
- explico sTile
- ejercicios de fondos
- en los últimos 5 minutos, elegimos delegado y les pido ejercicios para el último fin de semana de noviembre: ejercicio de mapa de imagen y de sTile.

7L - Día 13 - 19/11/04

- explico fondos (propiedades CSS)
- explico sTile
- ejercicios de fondos
- les pido ejercicios para el último fin de semana de noviembre: ejercicio de mapa de imagen y de sTile.

7L - Día 14 - 22/11/04

- explico 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, efemérides 2 de diciembre

7M - Día 15 - 23/11/04

- explico listas:
  - tipos de listas, listas anidadas, transformación de párrafos en listas y viceversa, transformación de listas entre sí
  - propiedades CSS
  - diseño de listas
- ejercicios de listas: diseño de listas 1, efemérides 2 de diciembre, diseño de listas 2

7M - Día 16 - 25/11/04

- termino de explicar listas: cómo centrar una lista (he añadido tres listas más en el ejercicio diseño de listas 1)
- explico tablas:
  - estructura de una tabla: table, caption, thead, tfoot, tbody, td, th
  - crear, insertar, borrar, copiar, salir de la tabla
  - atributos colspan y rowspan (hace ejercicio)
  - atributos de los elementos
  - propiedades CSS
- ejercicios de tablas: colspan/rowspan, calendario

7L - Día 15 - 26/11/04

- termino de explicar listas: cómo centrar una lista (he añadido tres listas más en el ejercicio diseño de listas 1)
- explico tablas:
  - estructura de una tabla: table, caption, thead, tfoot, tbody, td, th
  - crear, insertar, borrar, copiar, salir de la tabla
  - atributos colspan y rowspan (hace ejercicio)
  - propiedades CSS (hacen ejercicio calendario)
  - atributos de los elementos

7L - Día 16 - 29/11/04

- ejercicio tablas: Calendarios
- explico col y colgroup

7M - Día 17 - 30/11/04

- ejercicio tablas: Calendarios
- explico col y colgroup

7M - Día 18 - 02/12/04

- explico posicionamiento
  - tamaño de elementos: width, min-width, max-width, height, max-width, min-width, overflow
  - posicionamiento flotante: float
- ejercicios posicionamiento flotante: Oscar Wilde y anuncios por palabras
- explico posicionamiento absoluto: position, left, right, top, bottom
- ejercicio posicionamiento absoluto: chistes de hombres y mujeres

7L - Día 17 - 03/12/04

- explico posicionamiento
  - tamaño de elementos: width, min-width, max-width, height, max-width, min-width, overflow
  - posicionamiento flotante: float
- ejercicios posicionamiento flotante: Oscar Wilde y anuncios por palabras
- explico posicionamiento absoluto: position, left, right, top, bottom
- ejercicio posicionamiento absoluto: chistes de hombres y mujeres

7M - Día 19 - 09/12/04

- Examen nº 2

7L - Día 18 - 10/12/04

- repaso posicionamiento absoluto y explico z-index
  - ejercicios posicionamiento absoluto: chistes de hombres y mujeres, leyes de murphy
- explico div dentro de div haciendo el ejercicio del menú

7L - Día 19 - 13/12/04

- Examen nº 2

7M - Día 20 - 14/12/04

- explico z-index
- ejercicios: chiste hombres/mujeres, leyes de Murphy

7M - Día 21 - 16/12/04

- ejercicios: diario Cesare Pavese

7L - Día 20 - 17/12/04

- Encuesta
- Nos pasamos discutiendo el resto de la clase

7L - Día 21 - 20/12/04

- Ejercicios posicionamiento absoluto: Diario de Cesare Pavese, Emperadores romanos, Citas
- Explico menús con javascript (muy poco), que pueden utilizar si participan en el concurso de páginas web del Instituto

7M - Día 22 - 21/12/04

- Ejercicio posicionamiento: calendario Leyes de Murphy 2005
- Explico menús con javascript (un poco más), aunque me han dicho que no van a participar en el concurso de páginas web del Instituto. Prueban cómo funciona.

7L - Día 22 - 10/01/05

- Instalamos Amaya 8.7.1, Amaya 9.0 y Mozilla 1.7.5 (es)
- Ejercicios: presentación cdlibre, calendario leyes de Murphy

7M - Día 23 - 11/01/05

- Ejercicio posicionamiento: presentación cdlibre
- Explico formularios

7M - Día 24 - 13/01/05

- Termino explicación formularios
- Ejercicios formularios: hoja de inscripción 1 y 2
- FIN HTML

7L - Día 23 - 14/01/05

- Explico formularios
- Ejercicios formularios: hoja de inscripción 1 y 2

7L - Día 24 - 17/01/05

- Explico atributos comunes y terminan ejercicio formulario hoja de inscripción 2 (1º hora)
- FIN HTML - Empezamos PHP

7M - Día 25 - 27/01/05

- Examen nº 3: HTML

7L - Día 25 - 28/01/05

- Examen nº 3: HTML

## Cosas para corregir

- 041019. Propiedad compuesta font. La he contado mal, porque en realidad no tenía claro cómo funcionaba. Tengo que terminar de aclararme y explicarlo en clase.