Diario del curso 2007/2008

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