Fundamentos del HTML Aprenda todas las herramientas necesarias
para diseñar para Internet. Curso imprescindible para cualquiera que dese diseñar elementos, animaciones, imñagenes o sitios completos para Web. Incluye los cursos: Macromedia
Dreamweaver 8 Macromedia
Fireworks 8 , Macromedia
Flash 8 , Adobe
Photoshop CS con los que obtendrá una capacitación completa en la creación y edición de gráficos para Web.
Macromedia Dreamweaver 8 Macromedia Dreamweaver 8
Diseño Descripción administrar completos sitios web. Dreamweaver hace que el diseño de páginas web sea sencillo y ameno, proporcionando un gran número de herramientas visuales que elimina, en la mayoría de ocasiones, el tener que escribir el código HTML.
Curso que estudia la aplicación Dreamweaver 8 con la que se pueden diseñar y Nº Lecciones 12 Horas de teoría 13 Horas de prácticas 14 Contenido Dreamweaver 8 Estudia la aplicación Macromedia Dreamweaver 8, 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.
1. Introducción a Dreamweaver Presenta el mundo del diseño de páginas web e introduce el entorno de trabajo de Dreamweaver, describiendo las ventanas, paneles, etc. que se va a encontrar el usuario. Finaliza indiando cómo configurarlo para poder ver el resultado en distintos navegadores y utilizar el sistema de ayuda.
2. Definir sitios web Presenta los pasos a seguir
para configurar un sitio web en Dreamweaver. Explica las diferencias entre el sitio local y el remoto y cómo organizarlos para albergar el contenido creado.
3. Diseño de páginas web Se estudia cómo crear nuevas páginas web en Dreamweaver, cómo elegir colores, trabajar con capas y utilizar plantillas para que todo este trabajo sea mucho más rápido y productivo.
4. Formato de texto Se indica cómo introducir texto en las páginas web creadas con Dreamweaver, como si de un procesador de textos se tratara. Se estudia el formato, los estilos, alineación y aplicación de sangrías e incluso la posibilidad de realizar revisión ortográfica.
5. Vínculos y comportamientos Explica cómo insertar hipervínculos en las páginas web creadas con
Dreamweaver. Se indica la diferencia entre una dirección absoluta y una relativa y cómo puede configurar Dreamweaver para que se actualicen de forma automática.
6. Incorporar imágenes Explica cómo insertar imágenes en las páginas web creadas con Dreamweaver. Introduce los formatos gráficos que se pueden utilizar en una página web y sus diferencias; las propiedades de las imágenes; imágenes de sustitución, gifs animados, mapas de imagen, barras de navegación, etc.
7. Macromedia Dreamweaver 8 Indica cómo se pueden introducir listas numeradas, con viñetas y de definición en las páginas web creadas con Dreamweaver. También presenta la regla y la cuadrícula,
dos herramientas de Dreamweaver que son útiles a la hora de colocar los objetos en la página web.
8. Utilización de tablas Explica la forma de introducir tablas en las páginas web creadas con Dreamweaver. Indica que las tablas pueden ser muy útiles para conseguir una buena distribución de la página, explica cómo aplicar el formato deseado a las tablas, cómo incluir contenido en las celdas, etc.
9. División en marcos Introduce el concepto de marco, como una forma de dividir la página web en varias secciones y mostrar contenido distinto en cada una de ellas. Indica la existencia de la estructura en marcos (conjunto de marcos) y del contenido de cada uno de ellos.
10. Formularios Introduce los formularios en Dreamweaver, como forma de preparar páginas web
para que el visitante del sitio web envíe información al servidor web. También introduce cómo podemos enviar la información introducida en el formulario y validarla si
es necesario antes de ello.
11. Elementos multimedia Presenta elementos dinámicos que podemos insertar en las páginas web a través de Dreamweaver; applets de
Java,
html de
Fireworks, animación
Flash, vídeo, audio, etc.
12. Publicar el sitio web Explica los pasos a seguir para preparar el sitio web creado en Dreamweaver y finalmente publicarlo en el servidor web, es decir, ponerlo a disposición de los navegantes.
1 Macromedia Fireworks 8
Diseño Descripción de imágenes dirigidas a la Web. Con Fireworks es sencillo optimizar las imágenes y conseguir otros elementos gráficos que se encuentran en las páginas web, como mapas de imagen, animaciones, rollovers, etc.
Curso que estudia la aplicación Fireworks 8, especializada en la edición y creación Nº Lecciones 15
Horas de teoría
13 Horas de prácticas
15 Contenido Fireworks 8
Estudia la aplicación de retoque de imágenes Fireworks 8. Esta aplicación está especializada en el trabajo con imágenes dirigidas a la Web, donde es importante optimizarlas.
Introducción a Fireworks Presenta el entorno de trabajo de Fireworks, prestando especial atención a sus numerosos paneles.
Creación de documentos Explica cómo configurar el documento, estableciendo sus dimensiones y otros detalles. También muestra cómo modificar un documento existente, cómo recortar y rotar el lienzo y acceder al sistema de ayuda de Fireworks.
Dibujo de objetos Se describen las diferencias entre las imágenes de mapa de bits y las imágenes vectoriales. Después se muestran las herramientas de dibujo, estudiando detenidamente la Pluma y mostrando cómo modificar el trazo y relleno de los objetos.
Edición de objetos Presenta técnicas de edición de objetos de Fireworks: cómo seleccionarlos, remodelar el trazado y aplicar transformaciones. Finaliza personalizando preferencias de la aplicación.
Edición de objetos (II) Estudia técnicas de edición de objetos de Fireworks, como la posibilildad de editar el trazo y el relleno aplicados, el uso de estilos y de capas, así como organizar los objetos indicando su orden de apilamiento.
Establecer colores Estudia las distintas formas de elegir un color en
Fireworks. También introduce el concepto de modelo de color y cómo crear colores personalizados.
Uso de texto Estudia la inclusión de texto en un documento de Fireworks. También estudia otras herramientas de edición de texto: revisión ortográfica, aplicar efectos, transformarlo, etc.
Mapas de bits Macromedia Fireworks 8 Presenta técnicas que se aplican en la edición de imágenes de mapa de bits. Se estudia alguna técnica
para mejorar una imagen de mapa de bits con poco detalle, utilizando para ello su histograma.
Mapas de bits (II) Presenta técnicas avanzadas en la edición de imágenes de mapa de bits: corregir el color, desenfocar y perfilar y otras herramientas de retoque.
Mezclas, máscaras y efectos Introduce las técnicas de composición,
es decir, utilizar los modos de mezcla para variar la transparencia o variación de colores entre
dos objetos superpuestos. Se estudia también las máscaras de vectores y de mapa de bits y se explica para qué sirve cada uno de esos tipos.
Zonas interactivas y divisiones Presenta las técnicas para crear mapas de imagen, muy frecuentes en las páginas web. Un mapa de imagen es una imagen que tiene zonas activas, lo que quiere decir que al pulsar en dichas zonas, se produce un determiando efecto, como el de acceder a un lugar determinado del sitio web.
Botones, rollovers y menús Estudia cómo crear elementos dinámicos en las páginas web, como botones de acción, rollovers o menús.
Creación de animaciones Estudia la técnica para crear animación en Fireworks. Introduce los conceptos de fotograma, símbolo e instancia.
Optimizar y exportar Estudia las téncias para optimizar las imágenes creadas en Fireworks y exportarlas al formato de archivo más adecuado.
Automatización y
HTML Presenta herramientas de Fireworks que facilitan el trabajo con la aplicación, como los archivos de comando y el procesamiento por lotes. Finaliza estudiando la configuración del HTML. Página 1 CAE - Learning Management System - Macromedia
Flash MX Macromedia Flash MX
Diseño Descripción ser incrustadas en las páginas web. El formato de Flash es el más utilizado en la animación web, ya que se pueden crear animaciones complejas pero muy pequeñas en cuanto a tamaño en disco.
Curso que estudia la aplicación Flash 8 con la que se crean animaciones dirigidas a
Flash 8 Estudia la aplicación Flash, que permite crear animaciones dirigidas a las páginas web. El formato de Flash se ha convertido en el estándar de la animación web.
Introducción a Flash Se presenta el mundo de la animación en las páginas web y cómo se ha convertido el formato de Flash en el más utilizado. Se introduce el entorno de trabajo de la aplicación y qué se necesita
para reproducir una animación de este tipo
Creación de la película Explica cómo crear una película en Flash. Las películas son el proyecto de animación en el que trabajará y que después exportará para insertar en las páginas web. Introduce los conceptos de escenario, escena y fotograma.
Dibujo de objetos Estudia las técnicas de incorporar contenido en la película de Flash. En este caso se centra en el dibujo de objetos que constituyen los distintos fotogramas, presentando las herramientas que proporciona Flash para dibujar.
Atributos de los trazos Explica el concepto de trazo de un objeto dibujado en Flash y cómo puede editarse para conseguir el aspecto deseado. Indica que se pueden crear estilos personalizados para guardar el formato conseguido y poder utilizarlo en otras ocasiones.
El color y los rellenos Explica el concepto de relleno de un objeto dibujado en Flash y cómo puede editarse para conseguir el aspecto deseado. Indica cómo crear colores personalizados a partir de su definición en un determinado modelo de color o a través de las muestras disponibles; presenta las herramientas bote de pintura y cubo de pintura y utilizar degradados para el relleno de los objetos. También explica que podemos utilizar imágenes en lugar de colores en el relleno.
Remodelación de líneas Estudia las técnicas de remodelado de líneas en
Flash: cómo suavizar las líneas, optimizar curvas, etc.
Trabajar con objetos Macromedia Flash 8 Presenta técnicas básicas para trabajar con los objetos de una película de Flash: cómo seleccionarlos, agruparlos, modificar su apilamiento y alineación, etc
Aplicar transformaciones Estudia las técnicas para transformar los objetos creados en Flash: escalar, rotar, inclinar, reflejar, distorsionar, etc. son transformaciones disponibles en esta aplicación. También explica el proceso de trazar un mapa de bits,
es decir, convertir una imagen en objetos vectoriales.
Texto en las películas Explica cómo introducir texto en las películas de Flash, como si de un procesador de textos se tratara: aplicando formato de carácter y de párrafo, etc. También se explica cómo remodelar un cuadro de texto
para convertirlo en objeto vectorial, pudiendo editarlo con las herramientas adecuadas para estos objetos.
Símbolos, instancias y capas Introduce los conceptos de símbolo e instancias, que sirven para gestionar varios objetos repetidos en una animación y conseguir reducir el tamaño del archivo de la película exportada. También explica cómo distribuir los objetos en capas.
Animación I Explica cómo utilizar la línea de tiempo para organizar el contenido de Flash, de métodos para crear animación (fotograma a fotograma o por interpolación), utilizar el papel cebolla, etc., es decir, técnicas básicas para crear la animación que después se incluirá en la página web.
Animación II Estudia aspectos avanzados en la configuración de la animación en Flash, como el método de interpolación, trabajar con transparencia y trazado de movimiento. Películas interactivas Introduce las técnicas que permiten crear animaciones Flash donde el usuario puede intervenir y modificar, de esta forma, el curso de la animación. El
lenguaje ActionScript Introduce el lenguaje ActionScript, que es el lenguaje de programación que proporciona
Flash para crear elementos interactivos en las películas. Objetos Introduce los objetos disponibles en el lenguaje ActionScript disponible al crear películas en Flash. Explica el concepto de objeto en este contexto y los objetos que podemos utilzar.
Clips de película Se estudia la utilización de los clips de película para crear interacción con el usuario. Por ejemplo, utilizar cursores personalizados, utilizar el movimiento del ratón para desplazar el clip, etc.
Formularios y sonido Estudia la utilización de formularios para permitir que el usuario proporcione información necesaria y cómo incluir sonido en la película de Flash. Publicación y exportación Explica el proceso que se sigue tras finalizar el
diseño de la película de Flash
para exportarla a un Macromedia Flash 8 formato adecuado y poderla incluir en las páginas web.
Presenta técnicas para opitmizar la animación. Adobe
Photoshop CS Adobe Photoshop CS Diseño Descripción se divide en
dos partes: en la primera se estudian las técnicas de edición y retoque de imágenes más básicos.
En la segunda se muestran herramientas y procesos de elaboración mucho más sofisticados, incluyendo Adobe ImageReady, un complemento de Photoshop dirigido a la optimización y creación de imágenes para la Web. Curso de edición de imágenes utilizando la aplicación Adobe Photoshop CS.
Contenido Photoshop CS Básico Presenta el espacio de trabajo de Photoshop y las técnicas básicas de edición de imágenes: dibujo con distintas herramientas, trabajo con capas, corrección del color, retoque de imágenes, impresión, etc., son aspectos que se estudian detenidamente.
Primeros pasos en Photoshop Como introducción se muestran las características de Photoshop y para qué sirve, así cómo las diferencias entre dibujos y fotografías y en qué consiste el retoque fotográfico. Se estudia las partes principales del entorno general de trabajo en Photoshop.
Abrir y guardar imágenes Comienza explicando cómo abrir imágenes en Photoshop. Después muestra las diferencias entre las imágenes de mapa de bits y las imágenes vectoriales. Seguidamente se explica cómo crear imágenes nuevas estableciendo sus parámetros como el tamaño, resolución, fondo, etc. Finalmente se muestra cómo guardar las imágenes y los distintos formatos de archivos gráficos.
El espacio de trabajo Describe cómo organizar las ventanas de las imágenes en el área de trabajo, a cambiar, guardar y recuperar la configuración de algunos elementos del espacio de trabajo de Photoshop. Explica la utilización del Explorador de archivos para organizar, ordenar y localizar los archivos de imágenes.
Moverse por la imagen Estudia técnicas básicas de Photoshop, como la forma de ampliar o reducir partes de la imagen, recortar las partes de una imagen que no nos interesan, la diferencia entre el tamaño del lienzo y de la imagen, duplicar imágenes, obtener vistas y separar una imagen. Por último se muestra cómo utilizar el sistema de ayuda de Photoshop para obtener información sobre su funcionamiento.
Dibujar con el lápiz Describe las principales herramientas de pintura de Photoshop, explicando la herramienta Lápiz y su configuración. Además, se explican los modos de color, elegir el color con el que pintar y obtener colores con el cuentagotas.
Pintar con el pincel Adobe Photoshop CS Estudia la herramienta de pintura Pincel, cómo configurarlo y crear otros nuevos. También se explican los modos de fusión y sus efectos al pintar en la imagen
Seleccionar Contempla las técnicas de selección de zonas de una imagen utilizando las herramientas Marco y Lazo, así como otras opciones (Varita mágica y Gama de colores) que utilizan la información de color de la imagen como forma de selección. También se estudia la forma de ajustar la selección con comandos como suavizar, expandir, contraer o calar.
Imágenes con capas Introduce el concepto de capa en Photoshop. Explica la importancia del orden de apilamiento de las capas, las diferencias entre combinar y acoplar capas y cómo crear, duplicar, enlazar, alinear o eliminar capas.
Rellenar de color Estudia la forma de conseguir distintos tipos de relleno de un objeto en Photoshop: relleno de color y degradados. También muestra cómo utilizar el borrador, el borrador mágico y el de fondos.
Dibujar con trazados Aunque el punto fuerte de Photoshop es el retoque fotográfico, también dispone de herramientas de dibujo vectorial, como la pluma y las herramientas de forma, mostrándose cómo utilizarlas para dibujar trazados, capas de forma o dibujos de mapa de bits.
Ajustar el color Estudia las técnicas básicas de retoque del color y el tono de una imagen en Photoshop. Se muestra el histograma de niveles cómo utilizarlo para corregir las luces, sombras y medios tonos de la imagen; cómo equilibrar los colores, ajustar el brillo y contraste, el filtro de fotografía y otros efectos de color.
Retocar imágenes Presenta herramientas de Photoshop que facilitan el trabajo con las imágenes. Así, podrá utilizar herramientas de precisión, como las reglas, guías o cuadrícula; aprenderá a copiar y pegar entre imágenes, a aplicar transformaciones o a retocar zonas de una imagen con el pincel corrector y el parche.
Texto en las imágenes Estudia la introducción de texto en las imágenes, indicando sus características de formato de carácter y de párrafo. También existe la posibilidad de realizar la revisión ortográfica de dicho texto, la de aplicar distintos efectos al texto, adoptar la forma de un trazado o la de incluir notas en las imágenes.
Imprimir la imagen Estudia los elementos a tener en cuenta a la hora de preparar la imagen para su impresión, ajustando el tamaño de la página y la posición y tamaño de la imagen en ella. Photoshop CS Avanzado Presenta herramientas y procesos de trabajo con Photoshop más sofisticados: trabajo con capas, modelos y modos de color, canales, máscaras, filtros, automatización de tareas, gestión del color, escaneado de imágenes, etc.
Se estudia también ImageReady, la aplicación que acompaña a Photoshop, preparada para la edición y optimización de imágenes dirigidas a la Web para crear elementos interactivos, mapas de imagen, animaciones, rollovers, etc.
Información de la imagen Muestra los modelos de color teóricos, y cómo obtener los modos de color en Photoshop.
Explica el concepto de profundidad de color y cómo convertir entre distintos modos de color.
Muestra cómo utilizar el panel Historia para volver a un estado anterior de la imagen, antes de haber realizado unos cambios determinados. Forma de acceder e incluir ciertos datos o información que lleva adosada la imagen.
