Diseño Web Adobe: Dreamweaver CS3 + Flash CS3 + Photoshop CS3 (Tr)

DISEÑO WEB ADOBE CS3: DREAMWEAVER CS3-FLASH CS3-PHOTOSHOP CS3

Curso de Dreamweaver CS3

La creación de páginas web se ha convertido en una de las tareas más solicitadas tanto por parte de las empresas, como de particulares y organizaciones de todo tipo. Muchas son las herramientas disponibles en el mercado que cumplen esta finalidad y entre ellas destaca Dreamweaver, aplicación antes propiedad de Macromedia y que ahora lo es de Adobe.

Dreamweaver es un editor visual de páginas HTML. Un editor visual es un programa que utiliza un entorno gráfico propio, para la creación de páginas en un lenguaje de programación, en este caso, HTML. Gracias a este tipo de editores, no es necesario que el diseñador de páginas conozca los entresijos del código HTML. Le basta con aprender a manejar las herramientas de Dreamweaver, mucho más intuitivas y visuales, y el propio programa se encarga de traducir todas las operaciones generando el código propiamente dicho.

Junto con la facilidad de uso de sus funciones, una de las características que han hecho de Dreamweaver uno de los programas más utilizados hoy en día por los desarrolladores de contenidos para la Web es su perfecta integración con otras aplicaciones ahora de Adobe, tales como el editor de imágenes para la web Fireworks, el programa de diseño gráfico y animaciones de sitios web Flash o la utilidad por excelencia para retoque fotográfico Photoshop, todos ellos dominantes en el mercado en sus respectivos campos.

La demanda de creación de páginas no para de crecer y continuará haciéndolo con toda seguridad durante un largo tiempo. No dude, pues, que el aprendizaje de un programa como Dreamweaver le será de gran utilidad y le abrirá numerosas puertas en su proyección como profesional.

Curso de Flash CS3

Flash CS3 es una potente herramienta desarrollada por la compañía Adobe. Se trata, sin duda, de una de las aplicaciones más utilizadas y respetadas por los diseñadores web profesionales y aficionados. Todas las posibilidades del programa son tratadas en profundidad en este manual con ejercicios paso a paso para que saque el máximo provecho de sus horas de estudio.

Flash CS3 se utiliza especialmente para crear fácil y rápidamente animaciones de todo tipo, pero ofrece otros muchos usos que todos los diseñadores web deberían conocer. Permite crear aplicaciones interactivas que hacen de la web algo atractivo y dinámico, en contraposición a las páginas creadas con el lenguaje HTML. El lenguaje de programación Flash, ActionScript, mejora en cada versión y ofrece un amplio abanico de posibilidades.

Las principales novedades que presenta la versión de Flash a la que dedicamos este manual son el nuevo lenguaje de programación ActionScript 3.0, la posibilidad de integrar el programa con Photoshop e Illustrator, opciones de depuración avanzadas, nuevas herramientas de dibujo como Rectángulo Simple y Óvalo simple y mejoras en otras ya existentes, como la herramienta Pluma, exportación avanzada de QuickTime, sofisticadas herramientas de vídeo, posibilidad de copiar y pegar interpolaciones de movimiento, etc.

El entorno sencillo y agradable de Flash invita al usuario a pasar horas investigando las múltiples opciones que ofrece la aplicación, a las que sólo pondrá límite su imaginación. Aprenda con este curso a crear de modo fácil y rápido contenido interactivo para plataformas digitales, móviles y web.

Curso de Photoshop CS3

Photoshop es, sin duda, el programa de retoque fotográfico por excelencia. Utilizado y respetado tanto por profesionales del sector como por aprendices o aficionados, en su versión CS3 ofrece múltiples y avanzadas herramientas para la edición de imágenes digitales.

Los nuevos comandos y prestaciones de Photoshop CS3, junto con las habituales herramientas de la aplicación, se analizan detalladamente en las lecciones que componen este completo manual, que hemos dividido en dos partes. Así, se practicará con las nuevas propiedades del tampón de clonar, con la herramienta Medir, con la composición de capas y con el punto de fuga mejorado, entre otras novedades.

Adobe Photoshop CS3 es, pues, una herramienta imprescindible para perfeccionar todo tipo de imágenes. Ofrece un flujo de trabajo y productividad avanzado y mejorado y dispone de múltiples herramientas de edición y ajustes, de elaborados filtros para crear las imágenes y composiciones más espectaculares y de opciones de automatización que agilizan la ejecución de determinadas tareas.

Photoshop permite trabajar con imágenes de diferentes formatos (bitmaps, jpeg, gifs.,) y dispone además de su propio formato, psd. Debido a su enorme capacidad, se convirtió desde su lanzamiento en uno de los programas de retoque fotográfico más utilizado en el mundo y no sólo en el ámbito del diseño gráfico, sino en muchas otras disciplinas como la medicina, el grafismo de vídeos, etc., que también requieren del tratamiento especializado de imágenes digitales.

Dreamweaver CS3 I

Conceptos básicos

La interfaz del programa

La Página de inicio

Las Barras de herraminetas

Los conjuntos de paneles

Trabajo con documentos

La creación de documentos

Visualizar varios archivos simultáneamente

Diseño y código de páginas web

Elementos de una página web

Comandos básicos

Sitios locales

Creación de sitios locales

El panel Archivos y la administración de sitios locales

Edición y gestión básicas

Propiedades de página

Color de fondo

Imágenes de fondo

Imágenes de rastreo y notas de diseño

Gestión básica de sitios

Exportación y eliminación de sitios

Importación de sitios y eliminación de Design Notes

Duplicado y edición de sitios

Inserción y formato de texto

Introducción de texto

Selección, copia y pegado de texto

Formato de párrafo

Fuentes

Tamaño de fuente

Estilos de fuente

Los textos y el color en Dreamweaver

Colores personalizados y colores seguros

Márgenes y alineación

Sangrías y Listas

Estilos y elementos de lista

Utilidades y texto

Caracteres especiales y reglas horizontales

Buscar y reemplazar texto

Corrector ortográfico

Imágenes

Inserción de imágenes

Origen y copia de imágenes

Tamaño, dimensiones, y recorte de imágenes

Alineación de imágenes

Edición de imágenes

Editores externos

Origen base, espaciado, y zonas interactivas

Insertar imágenes desde Photoshop

Enlaces y previsualización

Inserción de enlaces

Enlaces, correo, e imágenes

Errores y navegadores

Vista previa y enlaces

Enlaces y propiedades de las páginas

Formato de hipertextos

Tablas

Modificar Tablas

Inserción de tablas

Filas, columnas y celdas

Tamaño de tablas, filas y columnas

Propiedades de tabla

Propiedades de filas, columnas y celdas

Dividir y combinar celdas

Opciones para tablas

Dreamweaver y Word

Dreamweaver y las tablas de Excel

Limpiar HTML

Tablas anidadas

Ordenar tablas

Exportar e importar datos de tabla

Diseño de tablas

Modos de trabajo con tablas

Cuadrícula, reglas y modo de diseño

Dibujar tablas de diseño

Dibujar celdas de diseño

Dreamweaver CS3 II

Etiquetas HTML y estilos

Etiquetas HTML y estilos CSS

Propiedades de la página y estilos CSS

Hojas de estilos de muestra

Estilos de etiquetas HTML

Editar hojas de estilo

Definición de nuevas reglas de estilo

Hojas de estilos

Estilos de clase e identificadores

Creación de estilos de clase

Duplicar y aplicar estilos de clase

Combinación de hojas de estilo

Categorías de definición de estilos

Identificadores y estilos

Marcos y Multimedia

Uso de conjuntos de marcos

Conjuntos de marcos

Marcos

Inserción de marcos

Propiedades de los marcos

Marcadores de posición

Marcadores de posición

Imágenes de sustitución

Insertar barras de navegción

Editar barras de navegación

Multimedia

Inserción de películas de Flash

Textos Flash

Botones de flash

Vinculación de sonidos

Incrustación de sonidos

Vinculación e incrustación de vídeos

Vinculos y destinnos

Enlaces, marcos y destinos

Anclajes con nombre

Interactividad y conceptos avanzados

Elementos PA

Inserción de elementos PA

Manipulación y propiedades de elementos PA

Elementos PA y tablas

Formularios

Creación de formularios

Objetos de formulario

Comportamientos y scripts

Adición de comportamientos

Acciones de formulario

Funciones de JavaScript

Llamar JavaScript

Plantillas y automatización de tareas

Creación de plantillas y regiones editables

Creación de documentos a partir de plantilla

Panel Historial y comandos personalizados

Framework de Spry

Introducción a Spry

Insertar tablas y regiones de spry

Insertar widgets

Aplicar efectos de Spry

Activos y Bibliotecas

El panel Activos

Elementos de Biblioteca

Gestión avanzada de sitios locales

Mapa del sitio

Comprobación del sitio

Sitios remotos

Configuración de un sitio remoto

Colocación y obtención de archivos

Ayuda

Sistemas de Ayuda en Dreamweaver

Flash CS3 I

Conceptos básicos

La nueva interfaz del programa

La interfaz del nuevo Flash CS3

Manipular las paletas

Personalizar el área de trabajo

Preferencias y atajos de teclado

La Línea de tiempo

Adobe Bridge: El explorador de archivos

Películas y plantillas

Formato vectorial y formato de mapa de bits

Propiedades de las películas

Visualizar varios archivos simultáneamente

Guardar documentos en Flash CS3

Plantillas

Diseño

Herramientas de dibujo

El panel Herramientas

El relleno de una forma

Ubicación y solapamiento de formas

Líneas y trazos

Rectángulos y óvalos

Rectángulos y óvalos

Rectángulos simple y óvalo simple

Polígonos y estrellas

Lápiz y Pincel

Rectas y curvas

Edición de imágenes

Importar mapas de bits

Conversión de imágenes en formas de Flash

Suavizar y optimizar gráficos

Importar archivos de Photoshop

Importar archivos de Illustrator

Los textos estáticos de Flash

Atributos de texto

Bloques de texto: Dimensiones y orientación

Espaciado entre caracteres y atributos de párrafo

Revisión ortográfica

Contornos de texto y fuentes de dispositivo

El color en Flash

Borrar trazos y rellenos

Los trazos y el Bote de tinta

Los rellenos y el Cubo de pintura

Los colores personalizados y la paleta Color

Degradados y color vinculado a mapas de bits

Las paletas y las muestras de color

Transformación de rellenos

Trabajar con objetos

Seleccionar y agrupar formas

Desagrupar y separar

Transformación libre de objetos

El panel Transformar

Supresión, copia y pegado de objetos

Organizar objetos

Reglas, guías y cuadrícula

Opciones de ajuste

Alineación de objetos

Animación

Las capas y la Línea de tiempo

Capas y carpetas de capa

Eliminación y visualización de capas

Bloqueo y propiedades de capa

Visualización de la Línea de tiempo

Símbolos gráficos

Creación de símbolos gráficos

Símbolos e instancias

Edición de símbolos e instancias

La Biblioteca y los símbolos gráficos

Fotogramas, animación y efectos

Animación fotograma a fotograma

Velocidad de fotogramas y duración de las animaciones

Insertar y eliminar efectos de línea de tiempo

Editar efectos de línea de tiempo

Movimiento

Interpolación de movimiento

Formas, grupos e interpolaicón de movimiento

Interpolaciones de instancias de símbolos gráficos

Movimiento y color en textos

Trayectoria del movimiento

Movimiento a lo largo de un trazado

Uso de capas de máscara

Copiar y pegar una interpolación de movimiento

Forma

Interpolación de forma

Trazos, rellenos e interpolaciones

Consejos de forma

Formas, texto y mapas de bits

Flash CS3 II

Montaje

Escenas

Insertar escenas

El orden y el nombre de las escenas

Reproducción de escenas y películas

Símbolos animados

Control de instancias de símbolos gráficos

Animación de símbolos gráficos

Los símbolos gráficos y el Papel cebolla

Símbolos gráficos y clips de película

Clips anidados

La escala de 9 divisiones

Botones

Bibliotecas comunes: Botones

Creación de botones

Prueba de botones

Botones animados

Interactividad

Programación: ActionScript 3.0

ActionScript 3.0 y las acciones

El panel Acciones y la introducción de código

Control de la reproducción

Salto a fotogramas

Eventos e interacciones

Etiquetas de fotograma

Anclajes

Comentarios

Scripts

Copia, pegado, exportación e importación de scripts

La ventana Script integrada

Vincular un botón a una página web

Texto y componentes

Textos estáticos, dinámicos y de entrada

El nuevo depurador de ActionScript

Navegación por los errores

Componentes

Parámetros de los componentes

Medios, exportación y publicación

Sonido y vídeo

El panel Historial y los comandos personalizados

Importación y compresión de archivos de audio

Edición y personalización de sonidos

El importador de video a Flash

Cambiar las propiedades de un clip de video

Exportación y publicación

Otros paneles: El Explorador de películas

Buscar y reemplazar

Exportación de imágenes y películas

Rendimiento de descarga y opciones de impresión

Publicación de documentos

Exportación avanzada de QuickTime

Ayuda

La Ayuda de Flash

Photoshop CS3 I

Conceptos básicos

El área de trabajo

La interfaz del nuevo Photoshop CS3

Manipular las paletas

Adobe Bridge: el Explorador de archivos

Personalizar el área de trabajo (I)

Personalizar el área de trabajo (II)

Trabajar con archivos

Crear y abrir archivos

Formato y color de las imágenes

Cambiar la visualización de una imagen

Crear una nueva imagen

Modificar el tamaño de una imagen

Modificar las dimensiones del lienzo

Guardar un archivo

Acceder a Adobe Stock Photos

Retoques globales

Ajustar los niveles de una imagen

Ajuste de colores

El color y la luz en Photoshop

Ecualizar, mezclar y degradar colores

Convertir a blanco y negro

Trabajar con selecciones

Selección rectangular y circular

Las herramientas de selección Lazo

La herramienta Varita mágica

Añadir y restar selecciones

La nueva herramienta Selección rápida

Acotar y modificar partes de una imagen

Corrector de imágenes y herramienta Tampón

Trabajar con la herramienta Parche

La herramienta Borrador y sus usos

Sobreexponer y subexponer

Medir imágenes (Photoshop Extended)

Trabajar con capas

Capas

¿Qué es una capa?

Renombrar, mover y bloquear capas

Duplicar y reorganizar capas

Alineación automática de capas

Grupos de capas

Opacidad y visibilidad de las capas

Capas de relleno

Ajustar capas de relleno

Conjuntos de capas de relleno

Capas de relleno con motivos

Crear motivos

Capas fondo y orden lógico

Transformación de capas

Rotar y girar capas

Distorsión y perspectiva

Texto

Introducir texto

Textos largos

Editar y modificar las propiedades del texto

Insertar texto vertical

Crear máscaras de texto

Modificar las máscaras de texto

Distorsionar texto

Utilizar símbolos TrueType

Estilo de capa

Añadir una sombra paralela

Personalizar una sombra paralela

Aplicar Bisel y Relieve

Superponer colores y degradados

Superponer motivos

Trazos

Utilizar las colecciones de estilos de capa

Crear nuevos estilos de capa

Máscaras y filtros