Diseño de Páginas Web

Objetivos:

Desarrollar las habilidades necesarias para el diseño de páginas Web, con los programas Frontpage y Dreamweaver de manera que resuelvan los problemas complejos que le surjan, además de conocer herramientas avanzadas que supongan un ahorro de tiempo en el trabajo diario.

Contenidos:

Tema 1.- Introducción a la WWW.

¿Qué es Internet? El Servidor. La Casa de una Página Web. ¿Cómo Funciona Internet? Tipos de Páginas Web.

Tema 2.- Introducción al HTML.

¿Qué es el HTML? Requisitos Para el Diseño de una Página Web. Versiones del HTML. Abrir y Guardar Páginas HTML. Estructura de un Documento en HTML.

Tema 3.- Operaciones Básicas.

Fondos de Página. Introducir Texto. Caracteres Especiales. Insertar Imágenes en una Página Web. Listas.

Tema 4.- Marcos, Tablas y Enlaces.

División de Páginas con Marcos. Tablas. Hiperenlaces. Mapas.

Tema 5.- Estilos y Capas.

Hojas de Estilo. Clases. Propiedades de las Hojas de Estilo. Capas.

Tema 6.- Formularios.

¿Qué es un Formulario? Introducir Formularios en un Documento HTML. Otros Elementos de un Formulario.

Tema 7.- Elementos Avanzados para la Web

Introducir Sonidos en un Documento HTML. GIF Animados. Applet.

Tema 8.- Trucos para Mejorar tu Pagina Web. Javascript.

Introducción al JavaScript. Cargar Varios Frames con un Único Enlace. Personalizar la Barra de Estado. Limitar el Acceso a una Página por Medio de un Password. Abrir una Ventana Dimensionable. Redireccionamiento Automático de las Páginas. Cambiar las Imágenes de un Enlace.

Tema 9.- Últimos Pasos, Subir la Página al Servidor.

Normas Para el Correcto Diseño de una Página Web. Subir la Página al Servidor. Contadores. Dar de Alta la Página en los Servidores.

DREAMWEAVER

Tema 1.- Comenzar con Dreamweaver.

Aspectos básicos de Dreamweaver: ¿Qué es Dreamweaver? Entrar y Salir del Programa. El Área de Trabajo de Dreamweaver. Planificar y Configurar un Sitio: Planificación y Diseño de Sitios. Utilizar Dreamweaver para Configurar un Nuevo Sitio. La Ventana del Sitio. Trabajar con Dreamweaver: La Paleta de Objetos. El Panel de Propiedades. Trabajar con las Propiedades de Texto. Controlar las Propiedades de las Imágenes. Editar HTML en Dreamweaver. Hiperenlaces y Anclas. Abrir y Guardar Documentos HTML. Crear y Configurar las Propiedades de un Documento: Crear y Configurar Documentos. Seleccionar Elementos en la Ventana de Documento. Utilizar Guías Visuales en el Proceso de Diseño. Ver y Editar el Contenido de la Sección HEAD. Automatizar Tareas.       

Tema 2.- Elementos Básicos de diseño.

Celdas y Tablas: Celdas y Tablas de Disposición. Aplicar Formatos a las Celdas y Tablas de Disposición. Configurar las Preferencias de la Vista Disposición. Insertar Tablas para Presentar Contenido. Aplicar Formato a Tablas y Celdas. Otras Acciones con las Tablas.

Utilización de Marcos: Introducción. Creación de Marcos. Seleccionar y Guardar Marcos o Conjuntos de Marcos. Propiedades de Marcos y Conjuntos de Marcos. Controlar el Contenido del Marco con Vínculos.

Formularios: ¿Qué es un Formulario? Creación de Formularios. Elementos y Configuración de un Formulario. Plantillas y Librerías: Creación de Plantillas. Crear la Composición de Elementos en la Plantilla. Crear Páginas a Partir de una Plantilla. Modificar una Plantilla.

Bibliotecas: Reutilizar Fragmentos de una Página. Crear y Configurar un Elemento de Biblioteca. Colocar Elementos de Biblioteca en un Documento. Realizar Modificaciones en un Elemento de Biblioteca. Elementos de Biblioteca y Comportamientos.

Tema 3.- Características avanzadas.

Comportamientos, Eventos y Acciones: Introducción. Imágenes de Sustitución. Barra de Navegación. Comportamientos, Eventos y Acciones.

Usar Capas Dinámicas: Capas y Código HTML. Trabajar con Capas. Configurar las Propiedades de una Capa. Usar Tablas y Capas para Diseño.

Crear Animaciones: Introducción. Líneas de Tiempo. Crear una Animación. Sugerencias para Crear Animaciones con Líneas de Tiempo. La Publicación: Desarrollar y Explotar. Definición del Sitio. Transferir el Sitio. Comprobación del Sitio. Glosario de Términos.