You are on page 1of 8

MODULO OCUPACIONAL: DISEÑO DE PAGINAS WEBs I) INFORMACION GENERAL MODULO FORMATIVO: DREAMWEAVER CS5 NUMERO DE HORAS: 36h.

12h correspondientes al dictado del curso. 24h correspondientes a prácticas y evaluaciones. OBJETIVOS GENERALES  Adiestrar al participante en el uso del lenguaje visual como recurso relacional con el que cuenta el hombre y que una parte fundamental de ese lenguaje es el diseño y la creación de imágenes, algo que hoy, debido a la impresionante evolución de los medios de generación electrónica de imágenes, ya no es patrimonio de unos pocos, sino de todo aquel capaz de aprender el manejo de dichas herramientas informáticas. Los asistentes aprenderán a diseñar y crear una página web y su posterior mantenimiento. OBJETIVOS ESPECÍFICOS  Comprender la importancia de la imagen en la comunicación a través de cualquier medio, incluido Internet.  Que los alumnos puedan analizar cuál es la imagen corporativa de una empresa. Y asumir la misma a la hora de edificar objetivos concretos de diseño.  Plantearse cuales son los objetivos de cada diseño. En relación al emisor (cliente que contrata ese diseño), al receptor (público objetivo), y al producto y estrategia publicitaria.  Conocer los elementos visuales básicos, y diferentes estrategias de composición.  Relacionar estas pautas de composición con los descubrimientos adquiridos a través de la historia del arte, en particular artes predecesoras del diseño gráfico (pintura y fotografía) y del diseño audiovisual (cine, videocreación, multimedia...).  Aprender a manejar las variables a tener en cuenta en el desarrollo del diseño gráfico desde los bocetos a la toma de decisiones, cómo presentar las ideas y que combinación de elementos es necesaria para conseguir un diseño eficaz.  Comprender la influencia de los tipos y cuerpos de letra en el desarrollo de un diseño  Aprender a ver las letras como formas y señales flexibles no limitadas por la necesidad de la representación., aprovechando las ilimitadas oportunidades para la manipulación y experimentación de los programas informáticos de diseño  Comprender los diferentes sistemas de medición y uso del color. Pero también su uso subjetivo: utilizar el color para captar la atención y las emociones.  Aprender a analizar y comentar objetivamente cualquier diseño gráfico o audiovisual.  Adquirir la capacidad de argumentar en defensa de un diseño propio

1. DHTML 4. Funciones que ya no se utilizan 5. El panel insertar 4.5 2. Introducción a Dreamweaver CS5 1. La barra de estado 3. Novedades de Dreamweaver CS5 4. Nombre de archivos HTML 3. peso del documento y tiempo de apertura 3. Apariencia de HTML 3. PROGRAMA 1. Aprender a desenvolverse en el entorno gráfico Windows XP y trabajar en cualquier aplicación informática que se desarrolle bajo este entorno.         Realización de ilustraciones y gráficos para todo tipo de documentos y publicaciones. Instalación de Flash Placer 10. periódico o agencia de publicidad. El inspector de propiedades 6.2. Realizar diseños de gráficos animados para páginas WEB. Pasos para instalar Flash Player 10. Nombre de archivo y nombre de página 3.2.4. tanto de textos como de gráficos y fotografías. Realizar retoques fotográficos para su posterior uso en la WEB. Diseñar y crear una página WEB.1.1 y Shockware 11. Las barras de herramientas 3. Colaboración con los departamentos de Marketing y diseño de empresas que generen sus propios trabajos profesionales.1 5. no solo en páginas Web. y su posterior mantenimiento. La interfaz de Dreamweaver CS5 1.3.2. Mantener y optimizar las páginas publicadas. Planificación del proyecto 2. Tamaño de la ventana. Introducción .1. sino en cualquier revista. tanto en sistemas tradicionales de diseño gráfico como en Internet.2. La elección del espacio de trabajo 2.1. Creación del sitio 1. Propiedades de la página 3. Publicar las páginas diseñadas. Los conjuntos de paneles de Dreamweaver CS5 5. Realización de páginas publicitarias en la Red. Instalación de Dreamweaver CS5 3. Principales Funciones Nuevas de Adobe Dreamweaver CS5 4.1.5. Pasos para instalar Shockware Player 11.6.5 5. La barra de herramientas 3.3. Elementos del espacio de trabajo 3. La barra de menús 3. Configuración del sitio local 1. Conceptos básicos de HTML 3.

Propiedades de la página 3.4.1.2. Editar Texto .Buscar y Reemplazar 5. Configuración de formato HTML en el inspector de propiedades 3.1. El panel Archivos y administración de sitios locales 2. El panel Archivos 2.3. Objetos gráficos e imágenes 1. Formato de Intercambio Gráfico) 2. Introducción 5.1. Diseño de la interfaz. El panel Fragmentos 4. Aplicación de sangría al texto 3.2. Gif (Graphics Interchange Format. Apariencia (HTML) 3. Cambiar la fuente de la letra 3. Ancho de banda 2.2. Previsualización de las páginas en un navegador 5. Alineación de texto 3.1. Inserción de texto en las páginas Web 2. Formatos de archivos gráficos 2.1.5. Configuración de un sitio de manera básica 1. Dar formato al texto en el Inspector de propiedades 2.4.4. Formatos de lista 4.4. Gráficos para la Web 1. Encabezados (CSS) 3. Introducción 1. Cambiar el color a fragmentos específicos de texto 3.4.1. Páginas Web básicas 1.6. Vínculos (CSS) 3. Definir sitio de manera avanzada 2. Cambiar el navegador principal o definir un navegador secundario 5.4.1.2. Formatos predefinidos 3. Formato de párrafo 3.3. Cambiar el estilo de la fuente 3. El panel Activos 2.2. Guardar archivos 3. Creación de páginas Web básicas 2.3. Apariencia (CSS) 3.2. Color para la Web 1.3. Grupo de Expertos Fotográficos) .2. Título y codificación 3. El color y las páginas Web 5.3. Ortografía 6. Introducción 2. Edición de reglas CSS en el inspector de propiedades 2.3.3.1.5. Insertar y dar formato al texto 1.4.4.1.2. JPEG (Joint Photografics Experts Group. Formato HTML 3.2. Imagen de rastreo 4. Introducción 3.

Introducción 2. Administrar vínculos 6.3. Protocolos de Internet 2. Utilización del modo de tablas expandidas 6. Gráficos de Red Independientes de Plataforma) 2. filas o columnas 2. Combinar y dividir 2. Crear vínculos con Buscar archivo a través del Inspector de propiedades 3. Introducción 3. Actualizar los vínculos en el sitio remoto 8. Crear vínculos con Señalar Archivo 3. Marcadores de posición de imágenes 5. Tablas 1. Imágenes de sustitución 6. Introducción 3. Vínculos y URL 1.5. BMP (BitMap o Bit Mapped Picture) 2. Modificar un vínculo para todo un sitio 7. Marcos 1. Atributos de accesibilidad de la etiqueta imagen 3. Propiedades de las celdas.2. Añadir contenido a la tabla y seleccionar tabla y celdas 2.2.1.3. Introducción 1. Vínculos y URL 3. Panel Insertar tabla 1.2. Crear mapas de imagen 6.4. Seleccionar entre varios conjuntos de marcos predefinidos . Cambiar el número de celdas de una tabla 3.3. Crear vínculos mediante el comando hipervínculo 3. Comprobación de vínculos 8.3. Crear un vínculo de e-mail a través del menú o la barra de Insertar 4. PSD 3.1. Anclajes con nombre 5. Insertar imágenes desde Photoshop 7. Crear Vínculos 3.1.1. Insertar y ajustar imágenes 3. Propiedades de la carga de imágenes 4. Configurar una página de Marcos 2. Ordenación de tablas 9.5.4. Propiedades de la tabla 2.1. Propiedades de publicación 3.4.3. Cambiar el tamaño de tablas.2. columnas y filas 4.1. Introducción 6.5. Insertar Tablas 1. Propiedades de celdas. 5. Propiedades de distribución 3.2. Crear páginas Web basadas en Marcos 2.2.2. PNG (Portable Network Grafhipc. Tablas anidadas.

Diseñar un conjunto de marcos propio 3. Categoría Fondo 5. El inspector de marcos 5. Vista previa en navegadores .6. Creación de una página con un diseño CSS 3. Hojas de estilos de muestra de Dreamweaver 11. Vista previa de Código en vivo 1.3.2.3. Opciones de la Vista en vivo 2. Nombre de marcos y vínculos 8.7. Configurar las preferencias para el formato del código CSS 11. Aplicar estilos 6.8. duplicar y eliminar un estilo 6.1. Categoría Posición 5. borde y márgenes 9. Obtención de vistas previas de las páginas 1.3.4. Categoría Bloque 5. Hojas de estilo en cascada CSS 1. Hojas de estilo externas 8. Creacción y administración de CSS 5. Propiedades del conjunto de marcos 10. Cómo se muestra un estilo en vista código. Sintaxis 2. Guardar documentos de marcos y conjuntos de marcos 4. Cambiar el nombre de un estilo de clase 7.4. Categoría Tipo 5.2.9. Aplicar un estilo 6. Propiedades de marco 8. Barra de desplazamiento. Categoría Cuadro 5. Introducción 5.2. Conjuntos de marcos anidados 7. El panel CSS 5. Establecer páginas de contenido 8. Reglas CSS 4.2. tamaño.2. Mover reglas CSS 6. Quitar. Categoría Borde 5. Hojas de estilo en cascada CSS 1. Vista previa de las páginas con estilos 10. Concepto de hojas de estilo en cascada 1.2. Vista en vivo 1. Modificar la plantilla de la página de marcos 6.3. Introducción 1. Vincular y modificar archivos CSS 9.5.1.1.4. Obtención de una vista previa de las páginas en Dreamweaver 1. Categoría Extensiones 6.1. Comprobar la compatibilidad de CSS con distintos navegadores 13. Inspección de CSS en la Vista en vivo 12. Congelación del código JavaScript 1. Categoría Lista 5.3.1.

12. Vista previa de las páginas móviles 4. Selección de validación de SPRY 5.1. Comportamientos 1. Introducción 3. Intercambiar imagen 10. Usar comportamientos para cambiar las propiedades de los objetos 7. Convertir Elementos PA en tablas 14. Arrastrar PA 6. Usar comportamientos para crear un mensaje emergente . Usar comportamientos para abrir una ventana del navegador 5.11. Establecer texto 9. Posicionamiento 2. Crear un campo de texto 3. Propiedades del formulario 3.3. Ir a URL y llamar a JavaScript 11. Casilla de verificación de validación de SPRY 5. Formularios 2. Formularios 1. Crear un campo de archivo 3. Validar formularios . Objetos de formulario Spry 5.5. Confirmación de validación de SPRY 5.8. Comprobar compatibilidad con los navegadores. Botón de opción y Grupo de opciones 3.Crear una secuencia de validación al 5.1.6. Acciones y eventos 2. Atributos de accesibilidad de la etiqueta entrada 3.4.9. Campo oculto 3. Botón y etiquetas de formularios y juegos de campos 4. Elementos PA anidados 7. Área de texto y casilla de verificación 3.3.7.10.7. Propiedades de los Elementos PA 4.2.5. Menú de salto 3. Carga previa de imágenes y comprobar plugin 8. Los elementos PA 1.6. Panel comportamientos 3. Campos de texto de validación de SPRY 5. Propiedades de lista/menú 3. Organizar los Elementos PA en la página 8. Objetos de los formularios 3.4. Área de texto de validación de SPRY 5. Insertar una Div PA 3. Contraseña de validación de SPRY 5. El panel Elementos PA 6..3. Adjuntar un comportamiento 4. Campo imagen 3. Modificar un estilo 5.2. Grupo de opciones de validación de SPRY 13.

Panel que puede contraerse de Spry 6.3. Combinación de Dreamweaver CS5 con otras aplicaciones 1.1. Páginas SPRY 1. Copiar combinado de capas proveniente de un documento PSD 2. Windows Media Player y Quicktime 16. Dreamweaver CS5 y Fireworks CS5 3. Insertar objetos flash . Sonidos para la Web 1.2. Obtener más comportamientos 15. Juegos de registros .2.1. Modificar y eliminar elementos de la biblioteca 17. Añadir e insertar elementos 3. Panel y Activos: Plantillas y Biblioteca 1. Establecer la fuente de datos 5. Crear una plantilla a partir de un documento existente 2. Insertar Objetos Multimedia 1.1. Los Widgets de Spry 2. Plantillas anidadas 2.5. Menú Salto 13. Acordeón de Spry 5. Como abrir una plantilla y aplicarlas a una página 3.2. Obtención de más Widgets 19. Controladores 4. Insertar imágenes de Photoshop en Dreamweaver CS5 1. Páginas dinámicas y Servidor Web 2. Dreamweaver CS5 y Photoshop 1. Formatos de audio 1. Añadir gifs animados. Bases de datos 1.1. Insertar applets de Java 6. Insertar objetos Fireworks 5. Plantillas 2. 9. Crear una plantilla desde cero 2.4. Crear una nueva plantilla a través de Nuevo documento. Video para la Web 3. Añadir pdf 8. Panel de fichas Spry 4. Modificar objetos insertados 10. Barra de menús Spry 3. La Biblioteca 3.2.12.Insertar animaciones Flash 4. Insertar controles ActiveX 7. Mostrar y ocultar elemento 14. Configurar una plantilla 2. Incrustar archivos de sonido 2. Modelos de desarrollo 3. Los activos 2. Preferencias de tipos de archivos y editores 18. Real Player.

Etiquetas Meta y Palabras clave 2. Diseñar el esquema de la base de datos 10. Panel Sitio 4.2.3. Configurar el sitio remoto 4. Opciones de teclado de Adobe Dreamweaver CS5 1.5. Menú de opciones del panel Archivos 3. La ventana de sitio. Base 2. Ventana Sitio . Navegar por los registros de una base de datos 20. Acceso a los datos del sitio Web 9. Vínculo 3. Publicar un sitio desde la ventana de sitio 21. Añadir contenido dinámico a las páginas 8. Añadir una descripción a la etiqueta 2. Componentes de la ventana de Dreamweaver para páginas dinámicas 7.1. Comandos de Menú 2. Barra de iconos de encabezado 2. Edición de código 5. Preferencias del sitio 5.6. Edición de documento 6. Introducción 2.6. Contenido del Head 2. Actualizar 2. Manipular los registros de una base de datos 11. Publicar un sitio 1.4.