Diario del curso 2009/2010

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