DREAMWEAVER CS5 OBJETIVOS GENERALES

Transcripción

1 DREAMWEAVER CS5 Duración: 50 horas Modalidad: Preparación ON-LINE Precio: Con tutorías: 205 / Sin tutorías: 154 Contacto: [email protected]/ OBJETIVOS GENERALES El objetivo del curso es que los alumnos aprendan que el lenguaje visual es un 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.

2 Adquirir la capacidad de argumentar en defensa de un diseño propio Realización de ilustraciones y gráficos para todo tipo de documentos y publicaciones, tanto de textos como de gráficos y fotografías, no solo en páginas Web, sino en cualquier revista, periódico o agencia de publicidad. Colaboración con los departamentos de Marketing y diseño de empresas que generen sus propios trabajos profesionales, tanto en sistemas tradicionales de diseño gráfico como en Internet. 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 páginas publicitarias en la Red. Realizar diseños de gráficos animados para páginas WEB. Realizar retoques fotográficos para su posterior uso en la WEB. Diseñar y crear una página WEB, y su posterior mantenimiento. Publicar las páginas diseñadas. Mantener y optimizar las páginas publicadas. TEMPORALIZACIÓN Capítulo 1: Introducción al Dreamweaver CS5: 2 horas Capítulo 2: La interfaz de Dreamweaver CS5: 2 horas Capítulo 3: Creación del sitio: 3 horas Capítulo 4: Diseño de la interfaz. Páginas Web Básicas: 2 horas Capítulo 5: Insertar y dar formato al texto: 2 horas Capítulo 6: Objetos Gráficos E Imágenes. 2 horas Capítulo 7: Vínculos Y Url: 3 horas Capítulo 8: Tablas: 3 horas Capítulo 9: Marcos: 3 horas Capítulo 10: Hojas de Estilo en cascada CSS: 3 horas Capítulo 11: Los Elementos Pa: 3 horas Capítulo 12: Obtención de vistas previas de las páginas: 2 horas Capítulo 13: Formularios: 3 horas Capítulo 14: Comportamientos: 3 horas Capítulo 15: Insertar Objetos Multimedia: 2 horas Capítulo 16: Panel Activos: Plantillas Y Biblioteca: 2 horas Capítulo 17: Combinación de Dreamweaver CS5 con otras aplicaciones: 2 horas Capítulo 18: Páginas de Spry: 2 horas Capítulo 19: Bases de datos: 3 horas Capítulo 20: Publicar un sitio: 2 horas Capítulo 21: Opciones De Teclado De Adobe Dreamweaver CS5: 1 hora TOTAL: 50 horas FORMACIÓN NECESARIA PARA ACCEDER CON ÉXITO AL CURSO No requiere formación previa

3 PROGRAMA 1. Introducción a Dreamweaver CS5 1. Planificación del proyecto 2. Instalación de Dreamweaver CS5 3. Conceptos básicos de HTML 3.1. Nombre de archivos HTML 3.2. Apariencia de HTML 3.3. DHTML 4. Novedades de Dreamweaver CS Principales Funciones Nuevas de Adobe Dreamweaver CS Funciones que ya no se utilizan 5. Instalación de Flash Placer 10.1 y Shockware Pasos para instalar Flash Player Pasos para instalar Shockware Player La interfaz de Dreamweaver CS5 1. La elección del espacio de trabajo 2. Elementos del espacio de trabajo 3. Las barras de herramientas 3.1. Nombre de archivo y nombre de página 3.2. La barra de estado 3.3. Tamaño de la ventana, peso del documento y tiempo de apertura 3.4. La barra de menús 3.5. La barra de herramientas 3.6. El panel insertar 4. Los conjuntos de paneles de Dreamweaver CS5 5. El inspector de propiedades 6. Propiedades de la página 3. Creación del sitio 1. Configuración del sitio local 1.1. Introducción 1.2. Configuración de un sitio de manera básica 1.3. Definir sitio de manera avanzada 2. El panel Archivos y administración de sitios locales 2.1. El panel Archivos 2.2. El panel Activos 2.3. El panel Fragmentos 4. Diseño de la interfaz. Páginas Web básicas 1. Creación de páginas Web básicas 2. Guardar archivos 3. Propiedades de la página 3.1. Apariencia (CSS) 3.2. Apariencia (HTML) 3.3. Vínculos (CSS) 3.4. Encabezados (CSS) 3.5. Título y codificación 3.6. Imagen de rastreo 4. El color y las páginas Web 5. Previsualización de las páginas en un navegador 5.1. Introducción 5.2. Cambiar el navegador principal o definir un navegador secundario 5. Insertar y dar formato al texto 1. Inserción de texto en las páginas Web 2. Dar formato al texto en el Inspector de propiedades 2.1. Introducción 2.2. Edición de reglas CSS en el inspector de propiedades 2.3. Configuración de formato HTML en el inspector de propiedades

4 3. Formato HTML 3.1. Cambiar la fuente de la letra 3.2. Cambiar el estilo de la fuente 3.3. Cambiar el color a fragmentos específicos de texto 3.4. Formato de párrafo Introducción Formatos predefinidos Alineación de texto Aplicación de sangría al texto Formatos de lista 4. Editar Texto - Buscar y Reemplazar 5. Ortografía 6. Objetos gráficos e imágenes 1. Gráficos para la Web 1.1. Introducción 1.2. Color para la Web 1.3. Ancho de banda 2. Formatos de archivos gráficos 2.1. Gif (Graphics Interchange Format, Formato de Intercambio Gráfico) 2.2. JPEG (Joint Photografics Experts Group, Grupo de Expertos Fotográficos) 2.3. PNG (Portable Network Grafhipc, Gráficos de Red Independientes de Plataforma) 2.4. BMP (BitMap o Bit Mapped Picture) 2.5. PSD 3. Insertar y ajustar imágenes 3.1. Introducción 3.2. Atributos de accesibilidad de la etiqueta imagen 3.3. Propiedades de publicación 3.4. Propiedades de distribución 3.5. Propiedades de la carga de imágenes 4. Marcadores de posición de imágenes 5. Imágenes de sustitución 6. Insertar imágenes desde Photoshop 7. Vínculos y URL 1. Protocolos de Internet 2. Vínculos y URL 3. Crear Vínculos 3.1. Introducción 3.2. Crear vínculos con Buscar archivo a través del Inspector de propiedades 3.3. Crear vínculos con Señalar Archivo 3.4. Crear vínculos mediante el comando hipervínculo 3.5. Crear un vínculo de a través del menú o la barra de Insertar 4. Anclajes con nombre 5. Crear mapas de imagen 6. Administrar vínculos 6.1. Introducción 6.2. Modificar un vínculo para todo un sitio 7. Comprobación de vínculos 8. Actualizar los vínculos en el sitio remoto 8. Tablas 1. Insertar Tablas 1.1. Introducción 1.2. Panel Insertar tabla 1.3. Añadir contenido a la tabla y seleccionar tabla y celdas 2. Propiedades de celdas, filas o columnas 2.1. Propiedades de las celdas. Combinar y dividir 2.2. Propiedades de la tabla 2.3. Cambiar el número de celdas de una tabla 3. Cambiar el tamaño de tablas, columnas y filas 4. Tablas anidadas

5 5. Utilización del modo de tablas expandidas 6. Ordenación de tablas 9. Marcos 1. Configurar una página de Marcos 2. Crear páginas Web basadas en Marcos 2.1. Introducción 2.2. Seleccionar entre varios conjuntos de marcos predefinidos 2.3. Diseñar un conjunto de marcos propio 3. Guardar documentos de marcos y conjuntos de marcos 4. El inspector de marcos 5. Modificar la plantilla de la página de marcos 6. Conjuntos de marcos anidados 7. Establecer páginas de contenido 8. Propiedades de marco 8.1. Nombre de marcos y vínculos 8.2. Barra de desplazamiento, tamaño, borde y márgenes 9. Propiedades del conjunto de marcos 10. Hojas de estilo en cascada CSS 1. Hojas de estilo en cascada CSS 1.1. Introducción 1.2. Concepto de hojas de estilo en cascada 1.3. Cómo se muestra un estilo en vista código. Sintaxis 2. Creación de una página con un diseño CSS 3. Reglas CSS 4. El panel CSS 5. Creacción y administración de CSS 5.1. Introducción 5.2. Categoría Tipo 5.3. Categoría Fondo 5.4. Categoría Bloque 5.5. Categoría Cuadro 5.6. Categoría Borde 5.7. Categoría Lista 5.8. Categoría Posición 5.9. Categoría Extensiones 6. Aplicar estilos 6.1. Aplicar un estilo 6.2. Quitar, duplicar y eliminar un estilo 6.3. Mover reglas CSS 6.4. Cambiar el nombre de un estilo de clase 7. Hojas de estilo externas 8. Vincular y modificar archivos CSS 9. Vista previa de las páginas con estilos 10. Configurar las preferencias para el formato del código CSS 11. Inspección de CSS en la Vista en vivo 12. Comprobar la compatibilidad de CSS con distintos navegadores 13. Hojas de estilos de muestra de Dreamweaver 11. Obtención de vistas previas de las páginas 1. Obtención de una vista previa de las páginas en Dreamweaver 1.1. Vista en vivo 1.2. Vista previa de Código en vivo 1.3. Congelación del código JavaScript 1.4. Opciones de la Vista en vivo 2. Vista previa en navegadores 3. Vista previa de las páginas móviles 4. Comprobar compatibilidad con los navegadores

6 12. Formularios 1.. Formularios 2. Propiedades del formulario 3. Objetos de los formularios 3.1. Introducción 3.2. Atributos de accesibilidad de la etiqueta entrada 3.3. Crear un campo de texto 3.4. Campo oculto 3.5. Área de texto y casilla de verificación 3.6. Botón de opción y Grupo de opciones 3.7. Propiedades de lista/menú 3.8. Menú de salto 3.9. Campo imagen Crear un campo de archivo Botón y etiquetas de formularios y juegos de campos 4. Validar formularios - Crear una secuencia de validación al 5. Objetos de formulario Spry 5.1. Campos de texto de validación de SPRY 5.2. Área de texto de validación de SPRY 5.3. Casilla de verificación de validación de SPRY 5.4. Selección de validación de SPRY 5.5. Contraseña de validación de SPRY 5.6. Confirmación de validación de SPRY 5.7. Grupo de opciones de validación de SPRY 13. Los elementos PA 1. Posicionamiento 2. Insertar una Div PA 3. Propiedades de los Elementos PA 4. Modificar un estilo 5. El panel Elementos PA 6. Elementos PA anidados 7. Organizar los Elementos PA en la página 8. Convertir Elementos PA en tablas 14. Comportamientos 1. Acciones y eventos 2. Panel comportamientos 3. Adjuntar un comportamiento 4. Usar comportamientos para abrir una ventana del navegador 5. Arrastrar PA 6. Usar comportamientos para cambiar las propiedades de los objetos 7. Carga previa de imágenes y comprobar plugin 8. Establecer texto 9. Intercambiar imagen 10. Ir a URL y llamar a JavaScript 11. Usar comportamientos para crear un mensaje emergente 12. Menú Salto 13. Mostrar y ocultar elemento 14. Obtener más comportamientos 15. Insertar Objetos Multimedia 1. Sonidos para la Web 1.1. Formatos de audio 1.2. Incrustar archivos de sonido 2. Video para la Web 3. Insertar objetos flash - Insertar animaciones Flash 4. Insertar objetos Fireworks 5. Insertar applets de Java 6. Insertar controles ActiveX 7. Añadir pdf 8. Añadir gifs animados

7 9. Modificar objetos insertados 10. Real Player, Windows Media Player y Quicktime 16. Panel y Activos: Plantillas y Biblioteca 1. Los activos 2. Plantillas 2.1. Crear una plantilla desde cero 2.2. Crear una plantilla a partir de un documento existente 2.3. Configurar una plantilla 2.4. Crear una nueva plantilla a través de Nuevo documento. Plantillas anidadas 2.5. Como abrir una plantilla y aplicarlas a una página 3. La Biblioteca 3.1. Añadir e insertar elementos 3.2. Modificar y eliminar elementos de la biblioteca 17. Combinación de Dreamweaver CS5 con otras aplicaciones 1. Dreamweaver CS5 y Photoshop 1.1. Insertar imágenes de Photoshop en Dreamweaver CS Copiar combinado de capas proveniente de un documento PSD 2. Dreamweaver CS5 y Fireworks CS5 3. Preferencias de tipos de archivos y editores 18. Páginas SPRY 1. Los Widgets de Spry 2. Barra de menús Spry 3. Panel de fichas Spry 4. Acordeón de Spry 5. Panel que puede contraerse de Spry 6. Obtención de más Widgets 19. Bases de datos 1. Páginas dinámicas y Servidor Web 2. Modelos de desarrollo 3. Controladores 4. Establecer la fuente de datos 5. Juegos de registros 6. Componentes de la ventana de Dreamweaver para páginas dinámicas 7. Añadir contenido dinámico a las páginas 8. Acceso a los datos del sitio Web 9. Diseñar el esquema de la base de datos 10. Manipular los registros de una base de datos 11. Navegar por los registros de una base de datos 20. Publicar un sitio 1. Introducción 2. Contenido del Head 2.1. Etiquetas Meta y Palabras clave 2.2. Barra de iconos de encabezado 2.3. Añadir una descripción a la etiqueta 2.4. Actualizar 2.5. Base 2.6. Vínculo 3. Configurar el sitio remoto 4. Preferencias del sitio 5. La ventana de sitio. Publicar un sitio desde la ventana de sitio 21. Opciones de teclado de Adobe Dreamweaver CS5 1. Comandos de Menú 2. Menú de opciones del panel Archivos 3. Panel Sitio 4. Edición de código 5. Edición de documento 6. Ventana Sitio

8 ESPECIFICACIONES Curso Scorm. Ejercicios y Evaluaciones integrados en temario. Simuladores. HARDWARE NECESARIO Y PERIFÉRICOS ASOCIADOS Ordenador y conexión a Internet Pc o Portátil : Pentium II, CPU 3Ghz, 512 Mb de memoria RAM MAC: Power Mac 64, Power Mac 65 ó Equipo Apple con procesardor Inter 16 Gb RAM Conexión a Internet: Adsl mínimo 1Mb o conexión 3G con una velocidad superior a 128 kbps/seg. SOFTWARE NECESARIO - Acrobat Reader, versión 6.0 o superior, o Foxit Reader, versión Flash Player - Java Sun (Google Chrome requiere la actualización 10 de la versión de Java) - Reproductor de Windows Media Player a partir de la versión 9 TIEMPO DE RESPUESTA Los tutores pedagógicos atenderán a los alumnos en un plazo de 24 horas y los tutores de contenido en un plazo máximo de 48 horas en días laborables. Todo esto se desarrolla a través de diversos servicios formativos: Guía didáctica. En ella se marcan y explican las pautas, orientaciones y recomendaciones necesarias para el seguimiento y aprovechamiento adecuado del curso. Contenidos. Los contenidos de este curso han sido realizados por un equipo multidisciplinar, entre los que se encuentran expertos en la materia que se desarrolla, pedagogos, docentes y técnicos informáticos en desarrollos multimedia. En este curso se ha buscado un equilibrio entre el necesario rigor técnico de los contenidos y una presentación atractiva e intuitiva que facilite el seguimiento del curso y que constituya una clara opción de aprendizaje, de manera que todo aquél que lo realice vea satisfechas sus expectativas: comprensión y asimilación de todo lo relacionado con las unidades desarrolladas y capacidad para aplicar estos conocimientos a la práctica diaria. El temario de este curso tiene un formato dinámico e interactivo, en base al cual podrás participar activamente en tu aprendizaje. En la construcción del mismo se han utilizado una serie de iconos y links, que requieren tu participación en el descubrimiento de los contenidos, ya que deberás interactuar con los mismos para ver la información. De esta manera, el seguimiento del curso se convierte en una experiencia dinámica que requiere de una participación activa del alumno, lo que facilita la rapidez en la comprensión y uso de la información. Ello contribuye a conseguir que el curso resulte más entretenido y no debemos olvidar que el entretenimiento acrecienta el interés, el cual, a su vez, favorece la atención y concentración, que se traducen en mayores niveles de aprendizaje. Actividades. Hemos desarrollado ejercicios y casos prácticos interactivos, integrados en los contenidos, que fomentan la participación e interacción continua de los alumnos y permiten que vayas afianzando los conocimientos al mismo tiempo que los adquieres, con el fin de que llegues totalmente preparado a la evaluación final y la superes sin dificultades.

9 Tutores a disposición del alumno:un tutor de contenido experto en la materia que le resolverá las dudas concretas sobre el temario y los ejercicios. Un tutor pedagógico que le ayudará y motivará a lo largo del curso. Se pondrá en contacto periódicamente a los alumnos informándoles de su estado de evolución y animándoles a finalizar con éxito el curso. También les informará de todo lo relativo al curso (información de interés, inclusión de documentación adicional en la biblioteca, etc) Un tutor técnico o webmaster que resolverá cualquier problema técnico de acceso a la plataforma, registro de notas, etc. Otros servicios. Estos cursos disponen de tutorías, correo electrónico, biblioteca (donde se encuentran documentos formativos complementarios, como el manual del curso), chat, Faqs, agenda y calendario, Foro y otros servicios incluidos en el Campus Virtual. Al finalizar el curso el alumno recibirá un Diploma o Certificado. 'Enseñanza que no conduce a la obtención de un título con valor oficial'.