# Diario del curso 2009/2010

En esta página fui apuntando brevemente lo que hice en clase durante el curso 2009/2010. Por tratarse de un curso semipresencial, indicaba el trabajo previsto para cada semana. Las horas dedicadas a este módulo eran 12 horas semanales.

7P - Semana 01 - 05/10/09 a 11/10/09

- Historia de la World Wide Web:
  - HTML y CSS
  - Los navegadores
  - XML y Web semántica (este no hace falta leerlo, está muy incompleto y no vamos a trabajar estos temas en el curso)
  - Cuadros cronológicos
- Instalación y configuración de Firefox
  - Instalación de Firefox
  - Configuración básica de Firefox
  - Configuración avanzada de Firefox
- Instalación y configuración de Amaya
  - Instalación de Amaya
  - Configuración de Amaya

7P - Semana 02 - 12/10/09 a 18/10/09

- ¿Qué es una página web?
  - ¿Qué es una página web?
- ¿Qué es una hoja de estilo?
  - ¿Qué es una hoja de estilo?
- Firefox: Extensiones
  - Extensiones
- HTML: Etiquetas de texto
  - Texto
- CSS: Colores
  - Colores
- CSS: Propiedades de fuente
  - Fuente
- CSS: Propiedades de texto
  - Texto
- Amaya: Creación de una página web básica
  - Configuración de Amaya: Interfaz de usuario
  - Crear una nueva página web
  - Enlazar y abrir una hoja de estilo
  - Vídeo explicativo: creación de página web y de hoja de estilo con Amaya
  - Vídeo explicativo: crear saltos de línea <br /> en Amaya.
  - Ventana de herramientas (apartado Herramienta "Atributos").
  - Editar una página web (apartados Creación de etiquetas HTML, Selección de marcas / etiquetas, Espacios y párrafos en blanco)
- Ejercicios
  - Cómo realizar los ejercicios

7P - Semana 03 - 19/10/09 a 25/10/09

- HTML: Imágenes
  - Imágenes
  - Posicionamiento flotante de imágenes
- CSS: Distancias y tamaños
  - Distancias y tamaños
- CSS: Líneas horizontales
  - Líneas horizontales
- CSS: Modelo de caja
  - Modelo de caja
- CSS: Bordes
  - Bordes
- CSS: Márgenes (margin, padding)
  - Márgenes
- Amaya: Inserción de imágenes flotantes
  - Vídeo explicativo: inserción de imágenes y utilización de clases para hacerlas flotantes
  - Vídeo explicativo: imágenes flotantes y utilización de clases
- Realizar los ejercicios "Tom Strong" y "Fuentes de Roma" del apartado Imágenes de la página de ejercicios Ejercicios de texto, imágenes y borde.
- Realizar los ejercicios "Bordes 1" y "Personajes del siglo XX" del apartado Imágenes de la página de ejercicios Ejercicios de texto, imágenes y borde.

7P - Semana 04 - 26/10/09 a 01/11/09

- HTML: Clases. Etiqueta <span>

  Apuntes: Clases - Etiqueta <span>

- Amaya: Clases

  Apuntes: Ventana de herramientas - Edición (etiqueta span)

- HTML: Divisiones

  Apuntes: Etiqueta <div> (divisiones)

- Amaya: Divisiones

  Apuntes: Edición (crear divisiones, borrar divisiones y asignar atributos a una división)

- HTML: Hojas de estilo alternativas

  Apuntes: Hojas de estilo alternativas (salvo el apartado de JavaScript)

- Amaya: Hojas de estilo alternativas

  Apuntes: Hojas de estilo alternativas

  Vídeo: Hojas de estilo alternativas

- Realizar los ejercicios "Premio Turing" y "Citas" del apartado Clases de la página de ejercicios Ejercicios de clases y divisiones.
- Realizar los ejercicios "Chistes breves", "Greguerías" y "Necrológicas 2001" del apartado Clases de la página de ejercicios Ejercicios de clases y divisiones.

7P - Semana 05 - 02/11/09 a 08/11/09

- HTML: Enlaces

  Apuntes: Enlaces - Pseudo-clases de enlace :link y :visited

- Amaya: Enlaces

  Apuntes: Enlaces

- Realizar los ejercicios "Londres" y "Recetas de cocina" del apartado Enlaces de la página de ejercicios Ejercicios de enlaces y mapas de imagen.
- Realizar los ejercicios "Citas", "Diccionario informático en fichas coleccionables", "Discografía incompleta de Radio Futura" del apartado Enlaces de la página de ejercicios Ejercicios de enlaces y mapas de imagen.

7P - Semana 06 - 09/11/09 a 15/11/09

- HTML: Entidades de carácter

  Apuntes: Entidades de carácter

- CSS: Fondos, pseudo-clases y pseudo-enlaces

  Apuntes: Fondos - Pseudo-clases y pseudo-enlaces

- Amaya: Entidades de carácter

  Apuntes: Entidades de carácter

- Realizar los ejercicios "Cuatro poemas de amor", "Los muertos vivientes" y "Sleeper " del apartado Fondos de la página de ejercicios Ejercicios de fondos.

7P - Semana 07 - 16/11/09 a 22/11/09

- HTML: Listas

  Apuntes: Listas

- CSS: Listas, Diseños de listas, Selectores

  Apuntes: Listas - Diseños de listas - Selectores

- Amaya: Edición de listas

  Apuntes: Edición de listas

- Realizar los ejercicios "Pío Baroja", "Los elementos de Euclides" y "Diseño de listas 1" del apartado Listas de la página de ejercicios Ejercicios de listas.

7P - Semana 08 - 23/11/09 a 29/11/09

- HTML: Tablas

  Apuntes: Tablas y Atributos de tablas

- CSS: Tablas

  Apuntes: Tablas y Bordes, márgenes y fondos

- Amaya: Tablas

  Apuntes: Edición de tablas

- Realizar los ejercicios "colspan y rowspan", "Calendario" y "Calendarios" del apartado Tablas de la página de ejercicios Ejercicios - Listas y tablas.
- Realizar el ejercicio "Distribuciones de Linux" del apartado Ejercicios de repaso de la página de ejercicios Ejercicios - Listas y tablas.

7P - Semana 09 - 30/11/09 a 06/12/09

- CSS: Posicionamiento

  Apuntes: Tamaño, Posicionamiento, Posicionamiento flotante, Posicionamiento absoluto

- Realizar los ejercicios "Citas de Óscar Wilde" y "Anuncios por palabras" del apartado Posicionamiento flotante de la página de ejercicios Ejercicios - Posicionamiento.
- Realizar el ejercicio "Citas de Óscar Wilde 2" del apartado Posicionamiento relativo de la página de ejercicios Ejercicios - Posicionamiento.
- Realizar el ejercicio "Las leyes de Murphy" y "Chistes de hombres y mujeres" del apartado Posicionamiento absoluto de la página de ejercicios Ejercicios - Posicionamiento.

7P - Semana 10 - 07/12/09 a 13/12/09

- CSS: Posicionamiento

  Apuntes: Ejemplos de posicionamiento absoluto

- Realizar el ejercicio "Diario de Cesare Pavese" del apartado Posicionamiento absoluto de la página de ejercicios Ejercicios - Posicionamiento.
- Realizar los ejercicios "Menú", "Citas", "Citas de Henry-Louis Mencken" y "Presentación de cdlibre" del apartado Posicionamiento absoluto de la página de ejercicios Ejercicios - Posicionamiento.

7P - Semana 11 - 14/12/09 a 20/12/09

- Los temas de esta semana no van para examen. Los ejercicios propuestos son ejercicios de repaso.
- HTML: Objetos. MathML y SVG

  Apuntes: Objetos, MathML y SVG

- Amaya: MathML y SVG

  Apuntes: MathML y SVG

- Realizar los ejercicios "Fuente Stravinsky" y "Oidobarra" del apartado Ejercicios de repaso de la página de ejercicios Ejercicios - Clases y divisiones.
- Realizar los ejercicios "Buscadores de Internet" del apartado Ejercicios de repaso de la página de ejercicios Ejercicios - Enlaces y mapas de imagen.
- Realizar los ejercicios "Peak Oil" y "Edubuntu" del apartado Ejercicios de repaso de la página de ejercicios Ejercicios - Fondos.

7P - Semana 12 - 21/12/09 a 10/01/10

- Los temas de esta semana no van para examen. Los ejercicios propuestos son ejercicios de repaso.
- HTML: Formularios

  Apuntes: Formularios

- Amaya: Formularios

  Apuntes: Edición de formularios

- CSS: Estilos en cascada
  Apuntes: Estilos en cascada
- Realizar los ejercicios "Hoja de inscripción" de la página de ejercicios Ejercicios - Formularios.
- Realizar los ejercicios "Peanuts" y "KDE 1º parte" del apartado Sin posicionamiento de la página de ejercicios Ejercicios - Repaso.

7P - Semana 13 - 11/01/10 a 17/01/10

- Los temas de esta semana no van para examen. Los ejercicios propuestos son ejercicios de repaso.
- HTML: Favicon

  Apuntes: Favicon

- HTML: Eventos intrínsecos

  Apuntes: Eventos intrínsecos

- CSS: Interface de usuario

  Apuntes: Interface de usuario

- Realizar los ejercicios "Distribuciones Primavera 2008", "Cartelera de cine diciembre 2007" y "Revistas de informática" del apartado Con posicionamiento de la página de ejercicios Ejercicios - Repaso.
- FIN XHTML+CSS

7P - Semana 15 - 25/01/10 a 31/01/10

- Examen HTML

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