Diario del curso 2006/2007

7M - Día 1 - L 25/09/06 (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)
• introducción al html: historia de la web (apenas empiezo)

7K - Día 1 - M 26/09/06 (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

7K - Día 2 - X 27/09/06 (2 horas)

• introducción al html: cuadros cronológicos
• Firefox 1.5.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.5.2
• configuración de Amaya: idioma, 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

7M - Día 2 - J 28/09/06 (3 horas)

• introducción al html: historia de la web
• Firefox 1.5.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.5.2
• configuración de Amaya: idioma, 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

7K - Día 3 - J 28/09/06 (3 horas)

• 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
• 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
• etiquetas de texto: bloque, en-línea y contenedores
  • bloque: <pre> (salir de <pre>), <address>
  • en-línea: poner y quitar, etiquetas cruzadas
• estilos: hoja de estilo externa
• crear hoja de estilo externa, <link />, crear segunda página enlazada a la misma css

7M - Día 3 - V 29/09/06 (2 horas)

• 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
• 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
• amaya: XHTML > Generar índice de materias
• estilos: hoja de estilo externa
• crear hoja de estilo externa, <link />,
• etiquetas en-línea: escribir dentro y salir de ella, espacios en blanco en los extremos,
• codificación de colores: nombre html, códigos RGB

7K - Día 4 - V 29/09/06 (2 horas)

• etiquetas en-línea: escribir dentro y salir de ella, espacios en blanco en los extremos
• hojas de estilo externa: title
• codificación de colores: nombre html, códigos RGB
• extensiones de Firefox. IE Tab, Colorzilla. ColorWiz 1.0: instalación y uso
• css: propiedades de texto, propiedades de tipo de letra
• css: líneas horizontales: color, tamaño

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

• hojas de estilo externa: title, crear segunda página enlazada a la misma css
• extensiones de Firefox. IE Tab, Colorzilla. ColorWiz 1.0: instalación y uso
• css: propiedades de texto, propiedades de tipo de letra
• css: líneas horizontales: color, tamaño, alineación

7K - Día 5 - M 03/10/06 (3 horas)

• css: líneas horizontales: alineación
• ejercicio: currículum vitae
• ejercicio: jargon file (empiezan)
• deberes: página currículum vitae propio para colgar

7K - Día 6 - X 04/10/06 (2 horas)

• css: margin-top, margin-bottom, margin-left, margin-right (para ejercicio Jargon file)
• ejercicio: jargon file (terminar)
• 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

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

• ejercicio: currículum vitae
• ejercicio: jargon file (empiezan)
• deberes: página currículum vitae propio para colgar

7K - Día 7 - J 05/10/06 (3 horas)

• ejercicio Tom Strong (terminar)
• ejercicio Fuentes de Roma
• modelo de caja
• margin, padding
• bordes
• ejercicio: bordes 1, personajes siglo XX (empiezan)

7M - Día 6 - V 06/10/06 (2 horas)

• css: margin-top, margin-bottom, margin-left, margin-right (para ejercicio Jargon file)
• ejercicio: jargon file (terminar)
• 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

7K - Día 8 - V 06/10/06 (3 horas)

• ejercicio: personajes siglo XX (terminan)
• ejercicio de repaso: París
• deberes: página personajes para colgar
• etiqueta span
• ejercicios de clases: Premio Turing (apenas empiezan)

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

• ejercicios de clases: Premio Turing (terminan)
• asignar varias clases a un elemento
• ejercicios clases: citas

7M - Día 7 - V 13/10/06 (2 horas)

• ejercicio Tom Strong (terminar)
• ejercicio Fuentes de Roma
• modelo de caja
• margin, padding
• bordes
• ejercicio: bordes 1 (empiezan)

7K - Día 10 - V 13/10/06 (2 horas)

• divisiones
• ejercicios divisiones: chistes breves
• ejercicios divisiones: greguerías

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

• ejercicio: bordes 1, personajes siglo XX (terminan)
• ejercicio de repaso: París
• deberes: página personajes para colgar
• etiqueta span
• ejercicios de clases: Premio Turing

7K - Día 11 - M 17/10/06 (3 horas)

• hojas de estilo alternativas
• ejercicios divisiones: greguerías (terminar)
• descendientes: div p
• ejercicios divisiones: necrológicas 2001

7K - Día 12 - X 18/10/06 (2 horas)

• ejercicios divisiones: necrológicas 2001 (terminar)
• ejercicio repaso: la fuente Stranvinsky
• CSS3: bordes redondeados
• enlaces

7M - Día 8 - J 19/10/06 (3 horas)

• Instalación de Amaya 9.52
• ejercicios de clases: Premio Turing (terminan)
• asignar varias clases a un elemento
• ejercicios clases: citas
• divisiones

7K - Día 13 - J 19/10/06 (3 horas)

• Instalación de Amaya 9.52
• enlaces (termino)
• ejercicios enlaces: Londres - Diccionario en fichas
• deberes: ejercicio de chistes con divisiones

7M - Día 9 - V 20/10/06 (2 horas)

• ejercicios divisiones: chistes breves
• ejercicios divisiones: greguerías (empiezan)

7K - Día 14 - V 20/10/06 (2 horas)

• ejercicios enlaces: Recetas de Jorge + Discografía incompleta de Radio Futura

7M - Día 10 - L 23/10/06 (2 horas)

• ejercicios divisiones: greguerías
• hojas de estilo alternativas
• descendientes: div p
• ejercicios divisiones: necrológicas 2001 (empiezan)

7K - Día 15 - M 24/10/06 (3 horas)

• instalación de Firefox 2: configuración avanzada
• ejercicios enlaces: Discografía incompleta de Radio Futura
• pseudo-clases y pseudo-elementos
• ejercicios enlaces: Efemérides 2 de diciembre

7K - Día 16 - X 25/10/06 (2 horas)

• ejercicios enlaces: Efemérides 2 de diciembre
• fondos
• ejercicios enlaces: Buscadores de Internet

7M - Día 11 - J 26/10/06 (3 horas)

• instalación de Firefox 2
• ejercicios divisiones: necrológicas 2001 (terminan)
• ejercicio repaso: la fuente Stranvinsky
• CSS3: bordes redondeados
• enlaces
• ejercicios enlaces: Londres (apenas empiezan)

7K - Día 17 - J 26/10/06 (3 horas)

• ejercicio enlaces: Buscadores de Internet
• hacer imágenes con transparencia: IrfanView
• hacer imágenes para fondos: sTile
• ejercicio fondos: 4 poemas de amor
• deberes: páginas con enlaces dentro de la página + 3 páginas con enlaces entre sí

7M - Día 12 - V 27/10/06 (2 horas)

• ejercicios enlaces: Londres (terminan) - Diccionario en fichas
• Firefox 2: configuración avanzada
• ejercicios enlaces: Recetas de Jorge
• deberes: ejercicio de chistes con divisiones

7K - Día 18 - V 27/10/06 (2 horas)

• ejercicio fondos: sTile

7M - Día 13 - L 30/10/06 (2 horas)

• ejercicios enlaces: Recetas de Jorge + Discografía incompleta de Radio Futura

7K - Día 19 - M 31/10/06 (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 + 2

7M - Día 14 - J 02/11/06 (3 horas)

• ejercicios enlaces: Discografía incompleta de Radio Futura
• pseudo-clases y pseudo-elementos
• ejercicios enlaces: Efemérides 2 de diciembre
• fondos

7K - Día 20 - J 02/11/06 (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

7M - Día 15 - V 02/11/06 (2 horas)

• ejercicio enlaces: Buscadores de Internet
• hacer imágenes con transparencia: IrfanView
• hacer imágenes para fondos: sTile
• deberes: páginas con enlaces dentro de la página + 3 páginas con enlaces entre sí

7K - Día 21 - V 03/11/06 (2 horas)

• examen nº 1

7M - Día 16 - L 06/11/06 (2 horas)

• examen nº 1

7K - Día 21 - M 07/11/06 (3 horas)

• instalación de Internet Explorer 7
• tablas:
  • propiedades css
  • modos de bordes
• ejercicios: Calendario noviembre de 2003, calendarios 2004/2005

7K - Día 22 - X 08/11/06 (2 horas)

• ejercicios: calendarios 2004/2005
• ejercicios de repaso: Distribuciones de Linux, Calendario 1º trimestre 2006

7M - Día 17 - J 09/11/06 (3 horas)

• ejercicios fondos

7K - Día 23 - J 09/11/06 (3 horas)

• selectores
• posicionamiento: width, height, min-, max-, posicionamiento flotante
• ejercicios posicionamiento flotante: Citas Oscar Wilde, Anuncios por palabras

7M - Día 18 - V 10/11/06 (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
• deberes: páginas con enlaces dentro de la página + 3 páginas con enlaces entre sí

7K - Día 24 - V 10/11/06 (2 horas)

• posicionamiento relativo
• ejercicio posicionamiento relativo: Citas Oscar Wilde
• posicionamiento absoluto
• ejercicios posicionamiento absoluto: leyes de murphy, chistes de hombres y mujeres (empiezan)

7M - Día 19 - L 13/11/06 (2 horas)

• ejercicios de diseño de listas 1 + 2

7K - Día 25 - M 14/11/06 (3 horas)

• z-index
• ejercicios posicionamiento absoluto: leyes de murphy, chistes de hombres y mujeres (terminan)
• enlaces a div dentro de div
• ejercicios posicionamiento absoluto: menú, cesare pavese

7K - Día 26 - X 15/11/06 (2 horas)

• ejercicios posicionamiento absoluto: cesare pavese, citas

7M - Día 20 - J 13/11/06 (3 horas)

• tablas:
  • etiquetas: table, caption, thead, tbody, tfoot, tr, td, th
  • atributos: colspan y rowspan
  • ejercicios: colspan y rowspan
  • otros atributos de tablas

7K - Día 27 - J 16/11/06 (3 horas)

• ejercicios posicionamiento absoluto: citas de Mencken - Calendario de Murphy - Presentación de cdlibre

7M - Día 21 - V 13/11/06 (2 horas)

• tablas:
  • propiedades css
  • modos de bordes
  • ejercicios: Calendario noviembre de 2003, calendarios 2004/2005 (apenas empiezan)
• deberes: página de creación de fondo

7K - Día 28 - V 17/11/06 (2 horas)

• ejercicios posicionamiento absoluto: Presentación de cdlibre
• formularios

7M - Día 22 - L 20/11/06 (2 horas)

• Instalación de Amaya 9.53 snapshot
• ejercicios: calendarios 2004/2005
• ejercicios de repaso: Distribuciones de Linux, Calendario 1º trimestre 2006

7K - Día 29 - M 21/11/06 (3 horas)

• Instalación de Amaya 9.53 snapshot
• formularios (termino la explicación)
• ejercicios formularios: Hoja de inscripción

7M - Día 23 - J 23/11/06 (3 horas)

• ejercicios: calendarios 2004/2005
• posicionamiento: width, height, min-, max-, posicionamiento flotante
• ejercicios posicionamiento flotante: Citas Oscar Wilde, Anuncios por palabras

7K - Día 30 - J 23/11/06 (3 horas)

• ejercicios formularios: Hoja de inscripción y Encuesta informática

7M - Día 24 - V 24/11/06 (2 horas)

• ejercicios posicionamiento flotante: Anuncios por palabras
• posicionamiento relativo
• ejercicio posicionamiento relativo: Citas Oscar Wilde 2
• posicionamiento absoluto
• z-index
• ejercicios posicionamiento absoluto: leyes de murphy

7K - Día 31 - V 24/11/06 (2 horas)

• Instalación de fuentes MIT MathML para Firefox y MathPlayer para Internet Explorer.
• MathML
• ejercicios MathML: Números notables y El número Pi

7M - Día 25 - L 27/11/06 (2 horas)

• ejercicios posicionamiento absoluto: leyes de murphy, chistes de hombres y mujeres
• ejercicios posicionamiento absoluto: cesare pavese

7K - Día 32 - M 28/11/06 (3 horas)

• SVG
• Instalación del plug-in Adobe SVG Viewer 6.0 beta para IE
• ejercicios SVG

7K - Día 33 - X 29/11/06 (3 horas)

• CSS ZenGarden
• Ejercicio posicionamiento fijo y hojas de estilo alternativas: Casa de citas

7M - Día 26 - J 30/11/06 (2 horas - 1 menos por elecciones sindicales)

• ejercicios posicionamiento absoluto: cesare pavese
• enlaces a div dentro de div
• ejercicios posicionamiento absoluto: menú - citas (apenas empiezan)

7K - Día 34 - J 30/11/06 (3 horas)

• Hojas de estilo alternativas con JavaScript
• Eventos
• Ejercicio posicionamiento fijo y hojas de estilo alternativas: Casa de citas

7K - Día 35 - V 01/12/06 (2 horas)

• Estilos en cascada
• Ejercicio posicionamiento fijo y hojas de estilo alternativas: Casa de citas
• FIN XHTML+CSS

7M - Día 27 - L 04/12/06 (2 horas)

• ejercicios posicionamiento absoluto: citas - citas de Mencken

7M - Día 27 - L 11/12/06 (2 horas)

• instalación de Amaya 9.53
• ejercicios posicionamiento absoluto: Calendario de Murphy - Presentación de cdlibre

7K - Día 36 - J 14/12/06 (2 horas)

• Examen nº 2

7M - Día 27 - J 14/12/06 (2 horas)

• instalación de Amya 9.53
• ejercicios posicionamiento absoluto: Presentación de cdlibre

7M - Día 28 - V 15/12/06 (2 horas)

• examen nº 2

7M - Día 29 - L 18/12/06 (2 horas)

• encuesta + balance de la evaluación

7M - Día 30 - L 08/01/07 (2 horas)

• formularios

7M - Día 31 - J 11/01/07 (3 horas)

• ejercicios formularios

7M - Día 32 - V 12/01/07 (1 hora)

• Estilos en cascada
• Fin XHTML+CSS