Diseño de Paginas Web (Bonificable)

Módulo 1: Fundamentos del HTML
Se describe el lenguaje HTML, en el que están creadas las páginas web. El alumno adquiere los conocimientos necesarios para interpretar correctamente las etiquetas del código HTML de una página web, lo que permite tener el control total de su diseño.

Lección 1: Introducción
Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y se hace hincapié en las diferencias entre los navegadores a la hora de interpretar el mismo código HTML.
Capítulo 1: Una visita por la Web
Capítulo 2: ¿Qué es el HTML?
Capítulo 3: Diferencias entre navegadores
Capítulo 4: Presentación del curso

Lección 2: La primera página web
Se introducen las etiquetas HTML fundamentales, como html, head, body, etc. Además, se comprueba que el código HTML no es más que texto, por lo que puede ser creado con un sencillo editor de textos, como el Bloc de notas de Windows.
Capítulo 1: ¿Qué necesitamos?
Capítulo 2: Escribir el texto
Capítulo 3: Estructura de la página
Capítulo 4: Modificar la página

Lección 3: Formato de texto
Describe las características del texto de una página web, estudiando su formato, tanto de carácter como de párrafo. Así se estudian conceptos como los realces negrita, subrayado, cursiva y la distribución de párrafos y títulos o su alineación y cómo se representan en el código HTML.
Capítulo 1: Atributos de texto
Capítulo 2: Tamaño de letra
Capítulo 3: Párrafos y títulos
Capítulo 4: Alineación
Capítulo 5: Líneas separadoras
Capítulo 6: Comandos lógicos

Lección 4: Incorporar imágenes
Estudia las etiquetas HTML necesarias para incorporar imágenes en una página web, describiendo los formatos gráficos indicados para este propósito. También se introduce el concepto de animación sencilla utilizando el formato GIF animado.
Capítulo 1: Introducción
Capítulo 2: Formatos gráficos
Capítulo 3: La etiqueta IMG
Capítulo 4: Alineación y distancia al texto
Capítulo 5: Dimensiones de la imagen
Capítulo 6: Imágenes como fondo
Capítulo 7: Gifs animados

Lección 5: Hipervínculos
Introduce el concepto de hipervínculo, fundamental para poder ""navegar"" entre páginas web y cómo podemos representarlo en el código HTML.
Capítulo 1: Introducción
Capítulo 2: Vínculos dentro de la página
Capítulo 3: Vínculos a otras páginas
Capítulo 4: Vínculos a lugares de Internet
Capítulo 5: Imágenes como hipervínculos

Lección 6: Listas
Se aprende a añadir listas numeradas y sin numerar en las páginas web a través del código HTML.
Capítulo 1: Listas sin numerar
Capítulo 2: Listas numeradas
Capítulo 3: Listas anidadas
Capítulo 4: Listas de definición

Lección 7: Insertar tablas
Introduce los conocimientos necesarios para poder incorporar tablas en las páginas web a través del código HTML, comprobando cómo podemos modificar fácilmente su aspecto.
Capítulo 1: Introducción
Capítulo 2: Estructura de una tabla
Capítulo 3: Bordes y líneas
Capítulo 4: Márgenes entre celdas
Capítulo 5: Utilizar colores
Capítulo 6: Título y pie de tabla

Lección 8: Temas avanzados sobre tablas
Introduce conceptos avanzados en el trabajo con tablas en páginas web. Se indica cómo establecer las dimensiones de la tabla, su número de columnas, etc. y cómo afecta estos detalles al cargar la tabla en la página web. Todo esto desde el punto de vista de la introducción del código HTML.
Capítulo 1: Dimensiones de la tabla
Capítulo 2: Número de columnas
Capítulo 3: Unir celdas
Capítulo 4: Miscelánea

Lección 9: Dividir la página en frames
Describe cómo dividir la página web en frames o marcos a través del código HTML, deforma que sea posible mostrar en pantalla más de una página web al mismo tiempo.
Capítulo 1: Introducción
Capítulo 2: El conjunto de frames
Capítulo 3: Propiedades de los frames
Capítulo 4: Los bordes de los frames
Capítulo 5: Contenido alternativo

Lección 10: Más sobre los frames
Introduce conceptos avanzados en el trabajo con frames o marcos en que podemos dividir las páginas web, indicando cómo hacerlo en el lenguaje HTML
Capítulo 1: Frames anidados
Capítulo 2: El atributo TARGET
Capítulo 3: Base para los vínculos
Capítulo 4: Nombres especiales de frame

Módulo 2: Microsoft FrontPage 2002
Estudia la aplicación Microsoft FrontPage 2002, con la que se pueden crear rápida y cómodamente completos sitios web prácticamente sin necesidad de escribir ni una sola línea de código HTML, ya que todo el trabajo se hace de forma visual.

Lección 11: Introducción a FrontPage
Presenta la aplicación Microsoft FrontPage, con la que es sencillo diseñar páginas web.
Capítulo 1: ¿Qué es FrontPage?
Capítulo 2: Diferencias entre navegadores
Capítulo 3: Las vistas de FrontPage
Capítulo 4: La vista Página
Capítulo 5: Editores predeterminados
Capítulo 6: Software de servidor web

Lección 12: Trabajando en la vista Página
Estudia la vista Página de FrontPage, donde es sencillo escribir y modificar el aspecto del texto, añadir listas, insertar hipervínculos, imágenes, etc.
Capítulo 1: Creando un nuevo web
Capítulo 2: Añadiendo contenido
Capítulo 3: Organizando el texto
Capítulo 4: Mejorando el aspecto
Capítulo 5: Añadiendo interactividad
Capítulo 6: Comprobando el resultado

Lección 13: Imágenes
Estudia cómo incorporar imágenes en las páginas web cuando se trabaja en FrontPage. Introduce el concepto de mapa de imagen.
Capítulo 1: Mapa de imagen
Capítulo 2: Insertando la imagen
Capítulo 3: Crear las zonas activas
Capítulo 4: Propiedades de las imágenes
Capítulo 5: Galería de fotografías

Lección 14: Estructurar la página con tablas
Se indica lo sencillo que es incorporar tablas en las páginas web cuando se trabaja en FrontPage y su utilización para conseguir una buena distribución de los elementos que aparecen en la página web.
Capítulo 1: Dibujando la tabla
Capítulo 2: Insertando elementos
Capítulo 3: Modificando la tabla
Capítulo 4: Una barra de navegación

Lección 15: Estructurar el web con marcos
Se presentan las plantillas que proporciona FrontPage para incorporar frames o marcos en las páginas web con el objetivo de mostrar en pantalla más de una página web al mismo tiempo.
Capítulo 1: Utilizando una plantilla
Capítulo 2: Estableciendo el contenido
Capítulo 3: Modificando la estructura
Capítulo 4: Estableciendo propiedades
Capítulo 5: Manteniendo la sencillez

Lección 16: Elementos multimedia
Explica cómo incorporar elementos multimedia, esto es, sonido, vídeo y animación, en laspáginas web cuando se trabaja en FrontPage. Indica las diferencias que existen en este asunto entre los navegadores más utilizados.
Capítulo 1: Introducción
Capítulo 2: Insertar sonido
Capítulo 3: Insertar vídeo
Capítulo 4: ¿Qué ocurre con Netscape?
Capítulo 5: Animación Flash

Lección 17: Otros elementos activos
Indica cómo introducir elementos activos en las páginas web cuando estamos trabajando con FrontPage, sin necesidad de conocer lenguajes de guiones como JavaScript o de programación como Java.
Capítulo 1: Animación de objetos
Capítulo 2: Marquesinas
Capítulo 3: Botones activables
Capítulo 4: Utilizar banners

Lección 18: Utilizar formularios
Estudia las herramientas que proporciona FrontPage para crear fácilmente formularios con los que recoger datos provenientes del visitante de la página web.
Capítulo 1: Obtener información del usuario
Capítulo 2: Crear el formulario
Capítulo 3: Propiedades de los campos
Capítulo 4: Validar los campos
Capítulo 5: Preparar el resultado

Lección 19: Más componentes de FrontPage
Introduce los componentes de FrontPage, que son programas que podemos incorporar enlas páginas web para obtener una determinada funcionalidad, como un formulario de búsqueda, un contador de visitas, etc.
Capítulo 1: ¿Qué son los componentes?
Capítulo 2: Insertar la fecha y la hora
Capítulo 3: Contador de visitas
Capítulo 4: Formulario de búsqueda
Capítulo 5: Componentes Web de Office

Lección 20: Herramientas de productividad
Estudia algunas herramientas que incorpora FrontPage para realizar cómoda y rápidamente tareas repetitivas o que representan un gran esfuerzo de desarrollo.
Capítulo 1: Usar plantillas y asistentes
Capítulo 2: Exploración del web
Capítulo 3: Temas y hojas de estilo
Capítulo 4: Herramientas de escritura

Lección 21: Publicar el sitio web
Explica el proceso de publicar un sitio web en el servidor web donde se pondrá a disposición de los usuarios, utilizando para ello el asistente de publicación de FrontPage.
Capítulo 1: Elegir el servidor web
Capítulo 2: Instalar IIS
Capítulo 3: Instalar las extens. de servidor
Capítulo 4: Preparar la publicación
Capítulo 5: Publicar el web

Profesores:
Yolanda Gil Aranda