Diario del curso 2006/2007
En esta página voy a ir contando lo que estoy haciendo en clase durante el
curso 2006/2007. Cada clase dura 100 o 150 minutos de duración (2 o 3 "horas"
seguidas de 50 minutos). También se puede consultar los diarios del curso 2005/2006 y del curso 2004/2005.
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)
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)
7M - Día 16 - L 06/11/06 (2 horas)
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)
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)
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)
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)
7M - Día 31 - J 11/01/07 (3 horas)
7M - Día 32 - V 12/01/07 (1 hora)
- Estilos en cascada
- Fin XHTML+CSS
Autor: Bartolomé Sintes Marco
Última modificación: 15 de enero de 2007