Página 1 de 6

Transcripción

1 DIS006. DISEÑO DE PÁGINAS WEB CON DREAMWEAVER. NIVEL PERFECCIONAMIENTO DESTINATARIOS El curso está dirigido a todas aquellas personas que, sin tener nociones previas, ni experiencia, desean adquirir los conocimientos necesarios para la creación de páginas Web. OBJETIVOS Su seguimiento les permitirá adquirir la destreza necesaria diseñar páginas Web, utilizando el programa Macromedia Dreamweaver. También se explicarán los fundamentos del diseño Web, como son la navegabilidad, la usabilidad y la accesibilidad, entre otros. DURACIÓN: 80 horas TEMARIO Lección 1: Introducción 1. Entorno de trabajo a. Qué es una página web? b. Qué es DreamWeaver? c. Cómo abrir DreamWeaver? 2. Trabajar con DreamWeaver a. Qué posibilidades me ofrece DreamWeaver? b. Crear una página web con DreamWeaver c. Guardar la página web y visualizarla Lección 2: Trabajar con Dreamweaver 1. Elementos de la ventana de Dreamweaver a. Las barras de herramientas b. Los paneles 2. Configuración de un sitio Web a. Qué es un sitio web? b. Cómo definir un sitio web? 3. Trabajar en el editor a. Crear una página nueva b. Abrir una página existente c. Insertar texto en la página 4. Código HTML a. Qué es el HTML? b. Veamos el código c. Analicemos el código d. Cabecera y cuerpo de la página e. Etiquetas y símbolos Lección 3: Contenidos de texto a. Formato de texto 2. Seleccionando los textos Página 1 de 6

2 a. Cómo seleccionar un texto? 3. Formato de fuente a. Cómo modificar el tipo y tamaño de la fuente? b. Cómo modificar el estilo de la fuente? c. Cómo modificar el color de la fuente? d. Practicando con el formato fuente 4. Formato de párrafo a. Cómo alinear párrafos? b. Sangrías y etiquetas de párrafo c. Practicando con el formato párrafo 5. Listas ordenadas y sin ordenar a. Qué es una lista? b. Cómo se crean las listas? c. Propiedades de la lista d. Listas anidadas e. Listas de definición f. Código HTML Lección 4: Estilos HTML y hojas de estilo CSS a. Uso de estilos 2. Estilos CSS a. Estilos CSS 3. Trabajar con Estilos a. Crear Estilos b. Aplicar Estilos c. Modificar Estilos Lección 5: Imágenes y objetos multimedia a. Las imágenes 2. Formatos de archivos de imagen a. Formatos JPEG y GIF b. El tamaño de los archivos de imagen 3. Insertar imágenes a. Organizar las imágenes b. Insertar una imagen c. Código HTML 4. Propiedades de la imagen a. El Inspector de propiedades b. Código HTML 5. Objetos multimedia a. Qué son objetos multimedia? b. Formatos de sonido c. Formatos de vídeo 6. Insertar objetos multimedia a. Insertar un enlace a un archivo de sonido o vídeo b. Incrustar un archivo de sonido o vídeo c. Otros objetos multimedia Lección 6: Los vínculos a. Qué es un vínculo o enlace? Página 2 de 6

3 2. Rutas absolutas y relativas a. Qué entendemos por ruta? b. Rutas absolutas c. Rutas relativas 3. Establecer vínculos en Dreamweaver es muy sencillo a. Varias formas de establecer vínculos b. Destinos de un vínculo 4. Prácticas y su Código HTML a. Rutas absolutas b. Rutas relativas c. Vínculos con imágenes 5. Mapas de imagen a. Qué es un mapa de imagen? b. Propiedades principales de un mapa de imagen c. Establecer zonas interactivas 6. Formato de los vínculos a. Formato predeterminado de los vínculos 7. Vínculos de correo electrónico a. Mailto b. Vínculos de correo a través de textos c. Vínculos de correo a través de imágenes 8. Repaso a. Recuerda Lección 7: Las tablas a. Introducción 2. Trabajar con tablas a. Insertar una tabla b. Seleccionar la tabla y sus elementos c. Propiedades de la tabla y sus elementos d. Insertar filas y columnas 3. Código HTML a. Las tablas en HTML Lección 8: Capas a. Definición de capas 2. Trabajando con capas a. Crear capas b. Seleccionar, mover y cambiar el tamaño de las capas c. Propiedades de las capas d. Insertar contenido en las capas e. Panel de capas f. Orden de apilamiento de las capas 3. Practicando con las capas a. Prácticas con capas 4. Convertir capas en tablas y tablas en capas a. Porqué convertir capas en tablas? 5. Código HTML a. Veamos el código HTML de las capas Lección 9: Marcos a. Definición de marco Página 3 de 6

4 2. Creación de marcos a. Cómo se crean los marcos? b. Crear y guardar un conjunto de marcos 3. Seleccionar el conjunto y los marcos a. Seleccionar marcos 4. Propiedades de los marcos a. Propiedades del conjunto de marcos b. Propiedades de los marcos 5. Contenido de los marcos a. Vincular contenido de los marcos 6. Código HTML a. Código HTML. Los marcos b. Qué ocurre si el navegador no soporta los marcos? Lección 10: Otros elementos de la Web 1. DHTML a. Qué es DHTML? 2. Imágenes de sustitución a. Qué son las imágenes de sustitución? b. Crear una imagen de sustitución 3. Barras de navegación a. Qué son las barras de navegación? b. Insertar una barra de navegación c. Modificar una barra de navegación 4. Botones y texto flash a. Qué es flash? b. Insertar botones flash c. Insertar texto flash 5. Animación de capas a. Qué es animar capas? b. Líneas de tiempo c. Crear una animación 6. Comportamientos a. Qué son comportamientos? b. Ejecutar línea de tiempo c. Mostrar-ocultar capas d. Practicando en el sitio turismo 7. Código HTML a. Lenguaje Javascript Lección 11: Formularios a. Para qué se usan los formularios? 2. Crear formularios a. Añadir un formulario b. Propiedades de los formularios 3. Elementos del formulario a. Añadir campos a un formulario b. Cuadros de texto c. Listas o menús d. Casillas de verificación y botones de opción e. Botones enviar y restablecer 4. Validar los formularios a. Para qué se validan los formularios? b. Validar un formulario Página 4 de 6

5 5. Formatear formularios a. Dar formato a los formularios 6. Código HTML a. Formularios en código HTML Lección 12: Publicar en Internet 1. Subir nuestra página a. Introducción b. Adquirir un espacio gratuito 2. FTP a. Qué es FTP? b. Cargar los archivos en el servidor Web remoto METODOLOGÍA El curso se imparte bajo la modalidad de e-learning, por lo que todos los contenidos estarán en la red. La metodología aplicada se basa en cuatro premisas fundamentales: Hacer para aprender: el alumno no debe ser pasivo respecto al material suministrado sino que debe participar, elaborando soluciones para los ejercicios propuestos e interactuando, de forma controlada, con el resto de usuarios. Enseñar entreteniendo: se proponen materiales complementarios para que el alumno tenga momentos de evasión durante el estudio. Evaluar para reorientar el estudio. Habitualmente las plataformas educativas utilizan la evaluación únicamente para ofrecer informes cuantitativos al alumno; nuestra propuesta es ofrecérselos también de forma cualitativa y utilizarlos para reorientar su estudio futuro. Autoaprendizaje evaluativo. Aplicamos un paradigma formativo novedoso mediante el cual el alumno adquiere conocimiento tanto al participar en el proceso de evaluación de sus compañeros como al ser evaluado por esos mismos compañeros. Se realizará una entrega de documentación inicial con los principales contenidos del temario. Además, se enviará la documentación necesaria para resolver las dudas que surjan durante la fase de estudio. Los contenidos constituyen la base formativa y están elaborados bajo los principios básicos de exhaustividad, rigor, claridad, amenidad y eficacia en la evaluación. Para facilitar el proceso de transmisión del conocimiento se utiliza una potente estructuración conceptual que permite transmitir la materia a través unidades de aprendizaje fácilmente asimilables. Los ejercicios de autoevaluación te permitirán calibrar de forma privada el grado de asimilación de los contenidos. Es importante que dediques un tiempo a realizar estos ejercicios autoevaluativos de cada una de las unidades dado que te prepararán para realizar con éxito la evaluación final de cada módulo. Las tutorías son, junto con la calidad de los contenidos, el punto básico del buen resultado de un proceso de Teleformación. Por lo tanto damos una importancia vital a Página 5 de 6

6 las mismas, desde el punto de vista de la dinamización del estudio y desde la resolución de dudas concretas. Página 6 de 6