Diseño de Páginas Web. 2002

Diseño de Páginas Web. 2002

Al finalizar el curso, el alumno será capaz de planificar y diseñar coherentemente desde sencillas páginas web hasta completos sitios web. Para ello se le proporciona primero los conocimientos necesarios del lenguaje HTML y después se estudia una aplicación de desarrollo rápido de sitios web, como es Microsoft FrontPage.

TEMARIO

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ódigoHTML, 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

Curso: Diseño de Páginas Web 2002

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