Diario del curso 2004/2005

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, propiedades 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, propiedades 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