# Diario del curso 2007/2008

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

7K - Día 1 - J 20/09/07 (3 horas)

- encuesta inicial
- direcciones de correos de alumnos
- contenido del curso: html + php
- información sobre el desarrollo de la clase, ejercicios, exámenes, etc
- página web de apuntes: mclibre (apuntes, ejercicios, trabajos de alumnos, exámenes)
- introducción al html: historia de la web (hasta URI)

7M - Día 1 - J 20/09/07 (2 horas)

- encuesta inicial
- direcciones de correos de alumnos
- contenido del curso: html + php
- información sobre el desarrollo de la clase, ejercicios, exámenes, etc
- página web de apuntes: mclibre (apuntes, ejercicios, trabajos de alumnos, exámenes)

7M - Día 2 - V 21/09/07 (3 horas)

- introducción al html: historia de la web
- Firefox 2.0.0.7 (pestañas ctrl+T, zoom ctrl+0, vista preliminar zoom, buscar mientras se escribe, hojas de estilo, código fuente, marcadores dinámicos)
- instalación de Amaya 9.55

7K - Día 2 - L 24/09/07 (3 horas)

- introducción al html: historia de la web
- Firefox 2.0.0.7 (pestañas ctrl+T, zoom ctrl+0, vista preliminar zoom, buscar mientras se escribe, hojas de estilo, código fuente). Configuración básica y avanzada.
- extensiones de Firefox.

7K - Día 3 - M 25/09/07 (2 horas)

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

7M - Día 3 - M 25/09/07 (2 horas)

- instalación de extensiones de Firefox. IE Tab, Colorzilla.
- configuración de Amaya: mostrar destinos, exportar CR/LF
- interface de Amaya: menús, ventana de herramientas, código fuente, pestañas, botón derecho en enlaces, `F5`, `F11`.
- carpetas: Mis documentos/amaya/ejercicios y Mis documentos/amaya/pruebas
- variedades XHTML: 1.1, Transitional / Frameset / Strict.
- elementos de una página vacía: ?xml, doctype, html, head, body
- marcas: apertura y cierre / monoatómicas, atributos
- crear página web: nombres de archivo, primeras marcas: <p>, <h1>, ..., <h6>
- 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

7K - Día 4 - X 26/09/07 (2 horas)

- espacios duros (resto día anterior)
- amaya: XHTML > Generar índice de materias
- marcas: <title>, <br />, <hr />, comentarios <!-- --> (resto día anterior)
- marcas de texto: bloque, en-línea y contenedores
  - bloque: <pre> (salir de <pre>), <address>
  - en-línea: poner y quitar, marcas cruzadas, escribir dentro y salir de ellas, atributo title en <accronym> o <h1>, marca <span>
  - contenedores: <blockquote>, <div>
- estilos: hoja de estilo externa
- crear hoja de estilo externa, <link />

7M - Día 4 - J 27/09/07 (2 horas)

- marcas: <title>, <br />, <hr />, comentarios <!-- --> (resto día anterior)
- marcas de texto: bloque, en-línea y contenedores
  - bloque: <pre> (salir de <pre>), <address>
  - en-línea: poner y quitar, marcas cruzadas, escribir dentro y salir de ellas, atributo title en <accronym> o <h1>, marca <span>
  - contenedores: <blockquote>, <div>
- estilos: hoja de estilo externa
- crear hoja de estilo externa, <link />
- hojas de estilo externa: title
- codificación de colores: nombre html

7M - Día 5 - V 28/09/07 (3 horas)

- codificación de colores: códigos RGB, X11/SVG, sistema
- css: propiedades de texto, propiedades de tipo de letra
- ejercicio: currículum vitae

7K - Día 5 - L 01/10/07 (3 horas)

- crear segunda página web enlazada a la misma css
- hojas de estilo externa: title
- codificación de colores: nombre html, códigos RGB, X11/SVG, sistema
- css: propiedades de texto, propiedades de tipo de letra
- ejercicio: currículum vitae

7K - Día 6 - M 02/10/07 (2 horas)

- ejercicio: currículum vitae (terminar)
- ejercicio: jargon file
- css: distancias y tamaños: px, em, %
- css: líneas horizontales: color, tamaño

7M - Día 6 - M 02/10/07 (2 horas)

- ejercicio: currículum vitae (terminar)
- ejercicio: jargon file
- css: distancias y tamaños: px, em, %

7K - Día 7 - X 03/10/07 (2 horas)

- deberes: página currículum vitae propio para colgar
- imágenes:
  - explicación formatos de imagen (mapa de bits/vectoriales), formatos de mapa de bits: (JPG, GIF, PNG, MNG, APNG, BMP)
  - etiqueta img: atributos alt y title
  - imágenes flotantes: propiedades float y clear
- ejercicio Tom Strong en común. Explico clases

7K - Día 8 - J 04/10/07 (3 horas)

- ejercicio: Tom Strong (terminan)
- ejercicio: Fuentes de Roma
- modelo de caja
- bordes
- ejercicio: bordes - bordes 1
- margin, padding
- ejercicio: bordes y márgenes - personajes siglo XX (empiezan)

7M - Día 7 - J 04/10/07 (2 horas)

- ejercicio: jargon file
- imágenes:
  - explicación formatos de imagen (mapa de bits/vectoriales), formatos de mapa de bits: (JPG, GIF, PNG, MNG, APNG, BMP)
  - etiqueta img: atributos alt y title
  - imágenes flotantes: propiedades float y clear
- ejercicio Tom Strong en común. Explico clases

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

- ejercicio: Tom Strong (terminan)
- deberes: página currículum vitae propio para colgar
- css: líneas horizontales: color, tamaño
- ejercicio: Fuentes de Roma
- modelo de caja
- bordes
- ejercicio: bordes - bordes 1

7K - Día 9 - X 10/10/07 (2 horas)

- ejercicio: bordes y márgenes - personajes siglo XX
- ejercicios: repaso - París, Radio Futura

7K - Día 10 - J 11/10/07 (3 horas)

- deberes: página personajes para colgar
- ejercicio: clases - Premio Turing
- asignar varias clases a un elemento
- ejercicio: clases - citas
- divisiones
- ejercicio: divisiones - chistes breves (apenas empiezan)

7M - Día 9 - J 11/10/07 (2 horas)

- margin, padding
- ejercicio: bordes y márgenes - personajes siglo XX
- ejercicios: repaso - París, Radio Futura
- deberes: página personajes para colgar

7K - Día 11 - L 15/10/07 (3 horas)

- ejercicio: divisiones - chistes breves
- hojas de estilo alternativas
- ejercicio: divisiones + css alternativas - greguerías

7K - Día 12 - M 16/10/07 (2 horas)

- ejercicio: divisiones + selectores - necrológicas 2001

7M - Día 10 - M 16/10/07 (2 horas)

- ejercicio: clases - Premio Turing
- asignar varias clases a un elemento
- ejercicio: clases - citas

7K - Día 13 - X 17/10/07 (2 horas)

- CSS3: bordes redondeados
- ejercicio: repaso - la fuente Stranvinsky
- enlaces

7K - Día 14 - J 18/10/07 (3 horas)

- ejercicios: enlaces - Londres; Diccionario informático en fichas; Recetas de Jorge
- deberes: ejercicio de chistes con divisiones

7M - Día 11 - J 18/10/07 (2 horas)

- divisiones
- ejercicio: divisiones - chistes breves
- ejercicio: divisiones + css alternativas - greguerías (empiezan estilo 1)

7M - Día 12 - V 19/10/07 (3 horas)

- hojas de estilo alternativas
- ejercicio: divisiones + css alternativas - greguerías
- ejercicios: divisiones + selectores - necrológicas 2001

7K - Día 15 - L 22/10/07 (3 horas)

- Instalación de Amaya 9.99
- ejercicios: enlaces - Recetas de Jorge + Discografía incompleta de Radio Futura
- pseudo-clases y pseudo-elementos
- fondos

7K - Día 16 - M 23/10/07 (3 horas)

- fondos
- ejercicios: fondos, pseudo-clases y pseudo-elementos - Efemérides del 2 de diciembre + Buscadores de Internet + Los muertos vivientes + Sleeper

7M - Día 13 - M 23/10/07 (2 horas)

- ejercicio: divisiones + selectores - necrológicas 2001
- CSS3: bordes redondeados
- ejercicio: repaso - la fuente Stranvinsky
- enlaces

7K - Día 17 - X 25/10/07 (2 horas)

- ejercicios: fondos, pseudo-clases y pseudo-elementos - Efemérides del 2 de diciembre + Buscadores de Internet + Los muertos vivientes + Sleeper

7K - Día 18 - J 26/10/07 (3 horas)

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

7M - Día 14 - J 25/10/07 (2 horas)

- ejercicios: enlaces - Londres; Diccionario informático en fichas; Recetas de Jorge
- deberes: ejercicio de chistes con divisiones

7M - Día 15 - V 26/10/07 (3 horas)

- ejercicios: enlaces - Diccionario informático en fichas; Recetas de Jorge; Discografía de Radio Futura

7K - Día 19 - L 29/10/07 (3 horas)

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

7K - Día 20 - M 30/10/07 (2 horas)

- tablas:
  - propiedades css
  - modos de bordes
- ejercicios: Calendario noviembre de 2003, calendarios 2004/2005

7M - Día 16 - M 30/10/07 (2 horas)

- ejercicios: enlaces - Recetas de Jorge; Discografía de Radio Futura
- deberes: ejercicios de enlaces

7K - Día 21 - X 31/10/07 (2 horas)

- tablas: columnas y grupos de columnas
- ejercicios: calendarios 2004/2005
- ejercicios de repaso: Distribuciones de Linux, Calendario 1º trimestre 2006

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

- posicionamiento: width, height, min-, max-, posicionamiento flotante
- ejercicios: posicionamiento flotante - Citas Oscar Wilde, Anuncios por palabras (empiezan)

7K - Día 23 - M 06/11/07 (2 horas)

- Examen nº 1 (hasta fondos)

7M - Día 17 - M 06/11/07 (2 horas)

- pseudo-clases y pseudo-elementos
- fondos
- ejercicios: fondos, pseudo-clases y pseudo-elementos - Efemérides del 2 de diciembre (empiezan)

7K - Día 24 - X 07/11/07 (2 horas)

- ejercicios: posicionamiento flotante - Anuncios por palabras
- posicionamiento relativo
- ejercicio: posicionamiento relativo - Citas Oscar Wilde
- posicionamiento absoluto, z-index
- ejercicios: posicionamiento absoluto - Leyes de Murphy (empiezan)

7K - Día 25 - J 08/11/07 (3 horas)

- ejercicios: posicionamiento absoluto - Leyes de Murphy + Chistes de hombres y mujeres + Diario de Cesare Pavese

7M - Día 18 - J 08/11/07 (2 horas)

- ejercicios: fondos, pseudo-clases y pseudo-elementos - Efemérides del 2 de diciembre + Buscadores de Internet + Los muertos vivientes + Sleeper

7M - Día 19 - V 09/11/07 (2 horas)

- ejercicios: fondos, pseudo-clases y pseudo-elementos - Los muertos vivientes + Sleeper

7K - Día 26 - L 12/11/07 (3 horas)

- ejercicios: posicionamiento absoluto - Menú + Citas + Citas de Mencken

7K - Día 27 - M 13/11/07 (2 horas)

- ejercicios: posicionamiento absoluto - Calendario de Murphy + Presentación cdlibre

7M - Día 20 - M 13/11/07 (2 horas)

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

7K - Día 28 - X 14/11/07 (2 horas)

- ejercicios: posicionamiento absoluto - Presentación cdlibre + Las cinco webs más visitadas

7K - Día 29 - J 15/11/07 (3 horas)

- ejercicios de repaso: posicionamiento absoluto - Premios IgNobel + Liga 2006

7M - Día 21 - J 15/11/07 (2 horas)

- ejercicios de repaso: Falacias lógicas + Los muertos vivientes + Lorem Ipsum + Iznogud el infame

7M - Día 22 - V 16/11/07 (2 horas)

- tablas:
  - etiquetas: table, caption, thead, tbody, tfoot, tr, td, th
- examen nº 1

7K - Día 30 - L 19/11/07 (3 horas)

- formularios
- ejercicios: formularios - Hoja de inscripción + Encuesta informática

7K - Día 31 - M 20/11/07 (2 horas)

- ejercicios: formularios - Hoja de inscripción + Encuesta informática
- Instalación de fuentes MIT MathML para Firefox y MathPlayer para Internet Explorer.
- MathML

7M - Día 23 - M 20/11/07 (2 horas)

- tablas:
  - atributos: colspan y rowspan
- ejercicio: tablas - colspan y rowspan
- tablas:
  - otros atributos de tablas
  - propiedades css
  - modos de bordes

7K - Día 32 - X 21/11/07 (2 horas)

- ejercicios: MathML - Números notables + El número Pi
- SVG

7K - Día 33 - J 22/11/07 (3 horas)

- Instalación del plug-in Adobe SVG Viewer 6.0 beta para IE
- Instalación de Inkscape 0.45.1
- ejercicios SVG

7M - Día 24 - J 22/11/07 (2 horas)

- ejercicios: tablas - Calendario noviembre de 2003 + Calendarios 2004/2005 (apenas empiezan)

7M - Día 25 - V 23/11/07 (3 horas)

- tablas: columnas y grupos de columnas
- ejercicios: tablas - Calendarios 2004/2005

7K - Día 34 - L 26/11/07 (3 horas)

- interface de usuario
- estilos en cascada
- selectores
- mapas de imagen
- ejercicios de mapas de imagen: emperadores romanos
- Fin XHTML+CSS

7M - Día 26 - M 27/11/07 (2 horas)

- posicionamiento: width, height, min-, max-, posicionamiento flotante
- ejercicios: posicionamiento flotante - Citas Oscar Wilde, Anuncios por palabras (empiezan)

7M - Día 27 - J 29/11/07 (2 horas)

- posicionamiento absoluto, z-index
- ejercicios: posicionamiento absoluto - Leyes de Murphy (empiezan)

7M - Día 28 - V 30/11/07 (3 horas)

- ejercicios: posicionamiento absoluto - Leyes de Murphy + Chistes de hombres y mujeres + Diario de Cesare Pavese

7K - Día 35 - M 11/12/07 (2 horas)

- Examen nº 2

7M - Día 29 - M 11/12/07 (2 horas)

- ejercicios: posicionamiento absoluto - Menú + Citas + Citas de Mencken

7M - Día 30 - J 13/12/07 (2 horas)

- ejercicios: posicionamiento absoluto - Citas de Mencken + Calendario de Murphy

7M - Día 31 - V 14/12/07 (3 horas)

- ejercicios: posicionamiento absoluto - Calendario de Murphy + Presentación de cdlibre

7M - Día 32 - M 18/12/07 (2 horas)

- Examen nº 2

7M - Día 33 - M 08/01/08 (2 horas)

- formularios

7M - Día 34 - J 10/01/08 (2 horas)

- ejercicios - formularios

7M - Día 35 - V 11/01/08 (3 horas)

- ejercicios - formularios
- interface de usuario
- estilos en cascada
- Fin XHTML+CSS

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