Diseño de Páginas Web 2002

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, de forma que sea posible mostar 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 utillizació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 las pá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 en las 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