Descubra el Studio MX

Transcripción

1 Descubra el Studio MX

2 Marcas comerciales Add Life to the Web, Afterburner, Aftershock, Andromedia, Allaire, Animation PowerPack, Aria, Attain, Authorware, Authorware Star, Backstage, Bright Tiger, Clustercats, ColdFusion, Contribute, Design In Motion, Director, Dream Templates, Dreamweaver, Drumbeat 2000, EDJE, EJIPT, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, Generator, HomeSite, JFusion, JRun, Kawa, Know Your Site, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects, el logotipo y el diseño de MacRecorder, Macromedia, Macromedia Action!, Macromedia Flash, el logotipo y el diseño de Macromedia M, Macromedia Spectra, el logotipo y el diseño de Macromedia xres, MacroModel, Made with Macromedia, el logotipo y el diseño de Made with Macromedia, el logotipo y el diseño de MAGIC, Mediamaker, Movie Critic, Open Sesame!, Roundtrip, Roundtrip HTML, Shockwave, Sitespring, SoundEdit, Titlemaker, UltraDev, Web Design 101, what the web can be y Xtra son marcas registradas o marcas comerciales de Macromedia, Inc. y pueden estar registradas en Estados Unidos o en otras jurisdicciones, incluidas las internacionales. Otros nombres de productos, logotipos, diseños, títulos, palabras o frases mencionados en esta publicación pueden ser marcas comerciales, marcas de servicio o nombres registrados de Macromedia, Inc. o de otras entidades y pueden estar registrados en ciertas jurisdicciones, incluidas las internacionales. Información de terceros Esta guía contiene vínculos a sitios Web de terceros que no están bajo el control de Macromedia y, por consiguiente, Macromedia no se hace responsable del contenido de dichos sitios Web. El acceso a uno de los sitios Web de terceros mencionados en esta guía será a cuenta y riesgo del usuario. Macromedia proporciona estos vínculos únicamente como ayuda y su inclusión no implica que Macromedia se haga responsable del contenido de dichos sitios Web. La tecnología de compresión y descompresión de voz tiene licencia de Nellymoser, Inc. ( La tecnología de compresión y descompresión de vídeo Sorenson Spark tiene licencia de Sorenson Media, Inc. Navegador Opera Copyright Opera Software ASA y sus proveedores. Todos los derechos reservados. Limitación de garantías de Apple APPLE COMPUTER, INC. NO OFRECE NINGUNA GARANTÍA, EXPRESA NI IMPLÍCITA, DEL PAQUETE INFORMÁTICO ADJUNTO, SU COMERCIABILIDAD NI SU ADECUACIÓN PARA NINGÚN PROPÓSITO EN PARTICULAR. LA EXCLUSIÓN DE GARANTÍAS IMPLÍCITAS NO ESTÁ PERMITIDA EN ALGUNOS ESTADOS. LA EXCLUSIÓN ANTERIOR PUEDE NO SERLE DE APLICACIÓN. ESTA GARANTÍA LE PROPORCIONA DERECHOS LEGALES ESPECÍFICOS. PUEDE TENER OTROS DERECHOS QUE VARÍAN SEGÚN LA LEGISLACIÓN LOCAL. Copyright 2003 Macromedia, Inc. Todos los derechos reservados. No se permite la copia, fotocopia, reproducción, traducción ni conversión en formato electrónico o legible por equipos de este manual, ya sea de forma parcial o en su totalidad, sin la autorización previa por escrito de Macromedia, Inc. Nº de referencia ZWS70M100SP Agradecimientos Dirección del proyecto: Sheila McGinn Redacción: Jon Michael Varese Edición: Rosana Francescato, Barbara Milligan, Antonio Padial, Lisa Stanziano Administración de la producción: Patrice O Neill Producción: Adam Barnett, Aaron Begley, Jeff Harmon Reconocimiento especial a Kristin Conradi, George Fox, Stephanie Gowin, Julie Hallstrom, Jed Hartman, Mark Haynes, Matt Hoffberg, Eliza Laffin, Charles Nadeau, John Nosal, Jennifer Rowe, Craig Simmons, Tim Statler y Gary White Primera edición: septiembre de 2003 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103

3 CONTENIDO PARTE I: Introducción CAPÍTULO 1: Introducción Aprendizaje de los conceptos básicos de Studio Descripción de las herramientas de Studio Instalación de Studio MX Activación y registro del producto CAPÍTULO 2: Novedades de Studio MX Novedades de Dreamweaver MX Novedades de Flash MX Novedades de Flash MX Professional Novedades de Fireworks MX Novedades de FreeHand MX CAPÍTULO 3: Espacio de trabajo de Studio MX Introducción rápida al espacio de trabajo de Dreamweaver Introducción rápida al espacio de trabajo de Flash Introducción rápida al espacio de trabajo de Fireworks Introducción rápida al espacio de trabajo de FreeHand CAPÍTULO 4: Aspectos básicos de las aplicaciones Web Aplicaciones Web Funcionamiento de una aplicación Web Edición de páginas dinámicas Elección de una tecnología de servidor Terminología de aplicaciones Web

4 CAPÍTULO 5: Instalación de un servidor Web Introducción Instalación de Personal Web Server Instalación de Internet Information Server Comprobación de PWS o IIS Comprobación del servidor Web de Macintosh (desarrolladores PHP) Aspectos básicos de los servidores Web CAPÍTULO 6: Configuración de un sitio ColdFusion de muestra Listas de comprobación de la configuración para desarrolladores de ColdFusion.. 73 Configuración del sistema Definición de sitios de Dreamweaver Conexión con la base de datos de muestra PARTE II: Utilización de Macromedia Studio CAPÍTULO 7: Flujo de trabajo de desarrollo Web Planificación de un sitio Web Configuración del entorno de desarrollo Planificación del diseño y disposición de una página Creación de activos de contenido Creación de activos de aplicación Ensamblaje, prueba e implementación TUTORIAL 1: Esbozo de un esquema de navegación para un sitio en FreeHand 117 Planificación de la navegación del sitio Personalización de FreeHand para salida Web/multimedia Creación de rectángulos para el esquema de navegación Modificación del texto del rectángulo Adición de líneas de conexión al documento Exportación de la planificación como archivo SWF TUTORIAL 2: Creación de diseños de página basados en tablas en Dreamweaver Inserción de tablas Configuración de las propiedades de una tabla Inserción de un marcador de posición de imagen Adición de texto del marcador de posición a las celdas de las tablas TUTORIAL 3: Creación de gráficos de anuncios en Fireworks Creación de un documento nuevo de Fireworks Inserción de una imagen Adición de texto al gráfico de anuncio Optimización del gráfico de anuncio Exportación del gráfico de anuncio a Dreamweaver Contenido

5 TUTORIAL 4: Creación de una barra de navegación con Fireworks Creación de un documento nuevo de Fireworks Creación de un símbolo de botón Creación de estados de botón Creación de varias instancias del botón Cambio del texto de las instancias del botón Asignación de URL y nombres a los botones Optimización de la barra de navegación Configuración de las preferencias HTML Exportación del documento a formato HTML Vista de los archivos exportados en el panel Archivos de Dreamweaver Visualización del archivo HTML de Fireworks en un navegador TUTORIAL 5: Creación de contenido multimedia con Fireworks y Flash Animaciones Flash Examinación de los archivos de descarga de Fireworks Creación de un documento nuevo de Flash Importación y conversión de archivos de Fireworks Creación de una capa de texto y un símbolo Creación de fotogramas clave Establecimiento de transparencia alfa Creación de una interpolación de movimiento Publicación del archivo FLA realizado TUTORIAL 6: Ensamblaje y edición de los activos de Studio Inserción de la barra de navegación de Fireworks Edición de un gráfico de anuncio de Fireworks Inserción de animaciones Flash Reproducción de animaciones Flash Edición de animaciones Flash Finalización de la página TUTORIAL 7: Creación de una función de búsqueda de la base de datos Acerca de las páginas de búsqueda/resultados Creación de la página de búsqueda Creación de la página de resultados Publicación y comprobación de las páginas Contenido 5

6 6 Contenido

7 PARTE I Introducción PARTE I Familiarícese con la familia de productos de Macromedia Studio MX 2004 y aprenda todo lo necesario antes de comenzar a crear su sitio Web. Esta parte contiene las siguientes secciones: Capítulo 1, Introducción, en la página 9 Capítulo 2, Novedades de Studio MX 2004, en la página 19 Capítulo 3, Espacio de trabajo de Studio MX 2004, en la página 31 Capítulo 4, Aspectos básicos de las aplicaciones Web, en la página 55 Capítulo 5, Instalación de un servidor Web, en la página 67 Capítulo 6, Configuración de un sitio ColdFusion de muestra, en la página 73

8

9 CAPÍTULO 1 Introducción Esta guía le presenta Macromedia Studio MX 2004, un juego de herramientas integrado para el desarrollo Web que incluye Macromedia Dreamweaver MX 2004, Macromedia Flash MX 2004 (o Macromedia Flash MX Professional 2004), Macromedia Fireworks MX 2004, Macromedia FreeHand MX y Macromedia ColdFusion MX. Esta guía le ofrece una descripción de los productos, le proporciona información conceptual sobre el desarrollo de aplicaciones Web y le muestra cómo crear un sitio Web dinámico sencillo pero funcional mediante una serie de tutoriales. La información contenida en esta guía está diseñada para usuarios principiantes o con conocimientos intermedios, especialmente para aquellos que no están familiarizados con uno, algunos o ninguno de los productos de la familia Studio MX Los usuarios avanzados también pueden utilizar esta guía para aprender técnicas para optimizar los procesos y obtener información acerca de las novedades de cada producto. Nota: esta guía no pretende ser una referencia completa de todas las funciones de las herramientas de Studio. Para obtener información más detallada acerca de cualquiera de las herramientas, véase el sistema de ayuda de cada producto. Para utilizar el sistema de ayuda de un producto, seleccione el apartado Utilización de Dreamweaver, Utilización de Flash, Utilización de Fireworks o Utilización de FreeHand en el menú Ayuda de cada producto. La información sobre Utilización de ColdFusion está disponible en el menú Ayuda de Dreamweaver. Aprendizaje de los conceptos básicos de Studio Para aprender cómo se utiliza Dreamweaver, Flash, Fireworks, FreeHand y ColdFusion, empiece con esta guía. A continuación, siga con otros recursos como los tutoriales, el sistema de Ayuda y la asistencia en línea de Macromedia. Cómo utilizar esta guía Esta guía se divide en dos partes. La primera parte (capítulos 1 a 6) contiene una introducción e información conceptual para ayudarle a conocer Studio MX 2004 e incluye un capítulo de configuración en el que se explica cómo configurar el sistema para desarrollar una aplicación ColdFusion. La segunda parte contiene un capítulo sobre el flujo de trabajo para el desarrollo de un sitio Web y siete tutoriales con los que aprenderá a crear todos los componentes de un sitio Web dinámico y sencillo, pero funcional. Puede leer los capítulos por orden o bien terminar de leer esta introducción y luego pasar al capítulo o tutorial que más le interese. En la siguiente lista se describe el contenido de cada capítulo: 9

10 En esta introducción se explica cómo instalar Studio MX 2004 y se ofrece una breve descripción general de las herramientas de Studio. Lea este capítulo primero y luego siga con los capítulos que más le interesen. El Capítulo 2, Novedades de Studio MX 2004, en la página 19, presenta las nuevas características disponibles en las herramientas de Studio MX El Capítulo 3, Espacio de trabajo de Studio MX 2004, en la página 31, presenta el área de trabajo de Dreamweaver, Flash, Fireworks y FreeHand. Se han modificado numerosos aspectos de las áreas de trabajo individuales, por lo que convendría que leyera este capítulo incluso si ya está familiarizado con los productos. El Capítulo 4, Aspectos básicos de las aplicaciones Web, en la página 55, proporciona información conceptual sobre las aplicaciones Web y su funcionamiento. El Capítulo 5, Instalación de un servidor Web, en la página 67, explica cómo la mayoría de los usuarios de sistemas Windows pueden instalar y utilizar un servidor Web de Microsoft en su equipo local. También describe cómo la mayoría de los usuarios de sistemas Macintosh pueden poner a prueba el servidor Web Apache ya instalado en el sistema. El Capítulo 6, Configuración de un sitio ColdFusion de muestra, en la página 73, le guía por el proceso de instalación del servidor de aplicaciones ColdFusion MX (el cual incluye un servidor Web), de definición de un sitio Dreamweaver y de creación de una conexión de base de datos. Si desea realizar en su totalidad los tutoriales de la segunda parte de esta guía, debe finalizar primero los procedimientos de este capítulo. El Capítulo 7, Flujo de trabajo de desarrollo Web, en la página 91, proporciona un escenario de flujo de trabajo de mejores prácticas para el desarrollo de sitios Web dinámicos. Los tutoriales que siguen al capítulo 7 le muestran cómo desarrollar los elementos comunes de un sitio Web dinámico, incluidos gráficos, contenido Flash y una función de búsqueda ColdFusion. El capítulo 6, Configuración de un sitio ColdFusion de muestra, y los tutoriales utilizan un contenido de muestra incluido con Studio MX Si prefiere crear su primer sitio Studio con sus propios diseños y contenido, también lo puede hacer, pero los tutoriales son más fáciles de seguir si utiliza el material proporcionado. Otros recursos Las herramientas de Studio MX 2004 incluyen una serie de recursos con los que aprenderá a utilizar los programas de forma rápida y se convertirá pronto en todo un profesional creando sus propios sitios Web. En el sitio Web de Macromedia también encontrará ayuda en línea y material de instrucciones que le serán de gran utilidad. Un conjunto de tutoriales incluido con cada producto le proporciona más lecciones sobre determinados temas y le ofrece más información sobre áreas específicas que el resto de esta guía. Las guías Primeros pasos incluyen información general sobre las características básicas de cada producto. Podrá acceder a estas guías desde el menú Ayuda de cada producto. Ayuda del producto incluye información completa sobre la utilización de todos los aspectos de las herramientas de Studio MX Para acceder al sistema de ayuda del producto, seleccione Utilización de Dreamweaver, Utilización de Flash, Utilización de Fireworks o Utilización de FreeHand en el menú Ayuda del producto correspondiente. La información sobre Utilización de ColdFusion está disponible en el propio menú Ayuda de Dreamweaver. 10 Capítulo 1: Introducción

11 Las versiones en formato PDF de la documentación de cada producto, incluidas las guías Primeros pasos y Utilización, entre otras, se encuentran en el CD de Studio MX La versión en formato PDF de las guías Utilización no incorpora determinados temas de referencia. Si desea más información sobre ellos, consulte el sistema de ayuda del producto. Las versiones impresas de la documentación de Dreamweaver, Flash, Fireworks, FreeHand y ColdFusion también están a su disposición si desea adquirirlas de Macromedia. Para comprar las versiones impresas de la documentación del producto, visite el sitio books_and_training/. Los libros de Macromedia Press incluyen una amplia gama de manuales de instrucciones que ayudan a mejorar la habilidad del usuario para utilizar las herramientas de Studio y de otros productos de Macromedia. Para más información, visite st2004_help_mmp/. A través del servicio de asistencia técnica de Macromedia Studio, los ingenieros especializados de asistencia del producto le proporcionarán las respuestas de calidad que necesite, a cualquier hora del día, en relación con el producto. Para más información, visite st2004_support_es/. Formación y certificación de Macromedia Studio le ayuda a fomentar sus conocimientos sobre Studio con tareas prácticas y escenarios reales. Puede elegir entre una formación guiada por un instructor o una formación en línea, o combinar ambos tipos de formación para crear un entorno de aprendizaje que le resulte más eficaz. Para más información, visite studio_training_es/. El centro Macromedia Studio Developer Center le mantiene informado sobre las últimas tendencias y técnicas de desarrollo de Studio. Este centro le proporciona tutoriales, artículos y aplicaciones de muestra que le permitirán trabajar de forma eficiente. Para más información, visite Asimismo, puede acceder a sugerencias, notas técnicas, ejemplos, tutoriales y otra información sobre los productos Studio MX 2004 que se actualizan regularmente en el Centro de asistencia de Macromedia ( Convenciones tipográficas En esta guía se utilizan las convenciones tipográficas siguientes: Los elementos de los menús se muestran en este formato: nombre del menú > nombre del elemento del menú. Los elementos de los submenús se muestran en este formato: nombre del menú > nombre del submenú > nombre del elemento del menú. La fuente de código indica nombres de etiquetas y atributos HTML, así como el texto literal empleado en los ejemplos. La fuente de código en cursiva indica elementos reemplazables (también denominados metasímbolos) en el código. El texto Roman en negrita indica el texto que debe introducirse literalmente. Aprendizaje de los conceptos básicos de Studio 11

12 Descripción de las herramientas de Studio Studio MX 2004 incluye cinco productos de Macromedia: Dreamweaver, Flash, Fireworks, FreeHand y ColdFusion. Esta sección ofrece una breve descripción general de cada producto. Dreamweaver MX 2004 Dreamweaver MX 2004 es un editor HTML profesional para diseñar, codificar y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar manualmente el código HTML como si prefiere trabajar en un entorno de edición visual, Dreamweaver le proporciona útiles herramientas que mejorarán su experiencia de creación Web. Las funciones de edición visual de Dreamweaver permiten crear páginas de forma rápida, sin escribir una sola línea de código. No obstante, si prefiere crear el código manualmente, Dreamweaver también incluye numerosas herramientas y funciones relacionadas con la codificación. Además, Dreamweaver le ayuda a crear aplicaciones Web dinámicas basadas en bases de datos empleando lenguajes de servidor como ASP, ASP.NET, ColdFusion Markup Language (CFML), JSP y PHP. Dreamweaver también le proporciona asistencia en la utilización de hojas de estilos en cascada (CSS) en diseños y en funciones de codificación manual, ofreciéndole así mucha más flexibilidad y control sobre el aspecto de su página. Ya sea usted un usuario experto que desea mejorar sus procedimientos de diseño actuales o un principiante que desea crear hojas CSS en sus diseños, encontrará todo lo que necesita en Dreamweaver. Si desea más información sobre Dreamweaver y sus características, consulte el apartado Utilización de Dreamweaver de la Ayuda. Para conocer las novedades de Dreamweaver MX 2004, consulte el Capítulo 2, Novedades de Studio MX 2004, en la página 19. Flash MX 2004 Flash MX 2004 le ofrece todo lo necesario para crear e implementar contenido multimedia y eficaces aplicaciones para Internet. Tanto si diseña gráficos animados como si crea aplicaciones gestionadas por datos, Flash tiene las herramientas necesarias para producir unos resultados excelentes y ofrecer la mejor experiencia al usuario en distintas plataformas y dispositivos. Los elementos y plantillas de la interfaz de usuario integrada permiten tanto a desarrolladores experimentados como principiantes crear rápidamente con la sencillez del método arrastrar y colocar lo que, de otra forma, sería una interactividad compleja. Gracias al alto grado de control y de funcionalidad que se consigue con Flash Player, los diseñadores y desarrolladores pueden crear rápidamente interfaces de usuario. A través de un entorno de edición ActionScript mejorado, un versátil depurador y la administración optimizada de datos con XML, los diseñadores y desarrolladores pueden reutilizar sus conocimientos actuales para producir aplicaciones completas para Internet con Flash como su capa de presentación. Si desea más información sobre Flash y sus características, consulte el apartado Utilización de Flash de la Ayuda. Para descubrir las novedades de Flash MX 2004, consulte el Capítulo 2, Novedades de Studio MX 2004, en la página Capítulo 1: Introducción

13 Flash MX Professional 2004 Si ha adquirido una copia de Macromedia Studio MX 2004 con Flash Professional, su versión de Studio incluye el entorno de desarrollo Flash más avanzado para crear aplicaciones de datos, presentaciones interactivas y experiencias de vídeo de alta calidad. Con todas las prestaciones de Macromedia Flash MX 2004 y mucho más, Macromedia Flash MX Professional 2004 es la única versión de Macromedia Flash que lo incorpora todo. Los desarrolladores pueden crear con rapidez aplicaciones de datos eficazmente con el desarrollo basado en formularios, versátiles vinculaciones de datos e integración con Microsoft Visual SourceSafe. Los profesionales de vídeo pueden añadir interactividad y personalizar las interfaces para lograr un vídeo de gran calidad y ofrecer el cliente de vídeo más presente en el mundo, Macromedia Flash Player. También puede implementar contenido y aplicaciones en dispositivos y teléfonos móviles y alcanzar con ello la más amplia audiencia utilizando emuladores de dispositivos, plantillas incorporadas y contenido de muestra. Además, Flash Professional le permite añadir funciones especializadas con extensiones de terceros que se integran directamente en la interfaz y el flujo de trabajo de la aplicación. Puede añadir animaciones 3D basadas en vectores, efectos basados en entramados, animación automatizada de textos, mapas de bits interactivos de alta resolución, gráficos dinámicos de presentaciones y muchas otras funciones. Para más información sobre Flash Professional y sus características, consulte el apartado Utilización de Flash de la Ayuda. Para conocer las novedades de Flash MX 2004 Professional, véase el Capítulo 2, Novedades de Studio MX 2004, en la página 19. Fireworks MX 2004 Fireworks MX 2004 proporciona la forma más sencilla de crear, optimizar y exportar gráficos interactivos en un solo entorno basado en Web. La herramienta ofrece un entorno racionalizado para crearlo todo, desde sencillos botones gráficos hasta sofisticados efectos rollover y menús emergentes. Con Fireworks MX 2004 puede crear, editar y animar gráficos Web, añadir interactividad avanzada y optimizar imágenes. También puede automatizar el flujo de trabajo para satisfacer las necesidades de actualización y cambio que de otra forma exigirían una enorme dedicación. Las versátiles herramientas creativas, la compatibilidad con los principales formatos de archivos y la integración con los editores de HTML más utilizados permiten a los diseñadores utilizar Fireworks con toda comodidad en cualquier entorno. El área de trabajo centrado en Web ofrece funciones robustas de edición de mapas de bits, un control de texto preciso y flexibilidad creativa. Su amplia compatibilidad con distintos formatos de archivo, estándares emergentes como XHTML y el cumplimiento con la Sección 508 garantizan que los resultados darán respuesta a las necesidades de hoy y del mañana. Para más información sobre Fireworks y sus características, consulte el apartado Utilización de Fireworks de la Ayuda. Para descubrir las novedades de Fireworks MX 2004, consulte el Capítulo 2, Novedades de Studio MX 2004, en la página 19. Descripción de las herramientas de Studio 13

14 FreeHand MX FreeHand MX es una aplicación de dibujo basada en vectores. Con FreeHand puede crear gráficos vectoriales que se pueden ajustar a escala e imprimir con cualquier resolución sin que se pierda nitidez o detalle alguno. Puede utilizar FreeHand para crear ilustraciones gráficas impresas y para Web como logotipos y rótulos de publicidad. También puede utilizar FreeHand para convertir sus ilustraciones en animaciones Flash. La interfaz de usuario de FreeHand contiene un área de trabajo y un panel de herramientas similar al de las otras aplicaciones de Studio MX 2004 para ofrecerle una solución para Web e impresión realmente integrada. Para más información sobre FreeHand y sus características, consulte el apartado Utilización de FreeHand de la Ayuda. Para descubrir las novedades de FreeHand MX, consulte el Capítulo 2, Novedades de Studio MX 2004, en la página 19. ColdFusion MX ColdFusion MX es un rápido entorno para la creación de scripts de servidor. Gracias a la combinación de funciones de creación de scripts, conectividad sin esfuerzo con los datos de la empresa y funciones de búsqueda y creación de gráficos integradas, ColdFusion MX permite a los desarrolladores crear e implementar fácilmente sitios Web dinámicos, sistemas de edición de contenido, aplicaciones de servicio propio, sitios comerciales y mucho más. El flexible entorno de ColdFusion MX admite los sistemas operativos Windows, Linux y UNIX, se integra con los estándares Java y.net y ofrece una adelantada facilidad de utilización con servicios Web y XML. ColdFusion también proporciona una conectividad de alto rendimiento a los clientes de Flash y soporte nativo para ActionScript tipo servidor. Gracias a su capacidad de ejecutarse como un servidor autónomo o implementarse en servidores de aplicaciones de empresa como IBM WebSphere, ColdFusion MX permite a cualquier equipo de desarrollo lograr rápidamente unas experiencias de usuario superiores con sus aplicaciones. Para más información sobre ColdFusion, consulte el apartado Utilización de ColdFusion de la Ayuda (disponible en el menú Ayuda de Dreamweaver). 14 Capítulo 1: Introducción

15 Instalación de Studio MX 2004 En esta sección se indican los requisitos mínimos del sistema y los procedimientos de instalación de Studio MX Si desea una lista completa de recomendaciones y de los requisitos del sistema del producto, incluidos los requisitos del sistema de ColdFusion MX, visite Requisitos del sistema Para ejecutar las herramientas de Studio MX 2004, necesitará el hardware y software que se indica a continuación: Requisitos mínimos del sistema para Microsoft Windows Procesador Intel Pentium III a 600 MHz o equivalente Windows 98 SE, Windows 2000 o Windows XP 256 MB de RAM (se recomiendan 512 MB) 800 MB de espacio disponible en disco Requisitos mínimos del sistema para Macintosh Procesador PowerPC G3 a 500 MHz Mac OS MB de RAM (se recomienda 512 MB) 500 MB de espacio disponible en disco Para poder utilizar este producto, deberá activarlo a través de Internet o por teléfono. Los usuarios de Windows 98 SE deben tener instalado Microsoft Internet Explorer 5.1 o posterior para activar el producto a través de Internet. Para más información, consulte Activación y registro del producto en la página 18. Instalación de Studio MX 2004 Studio MX 2004 es fácil de instalar en los sistemas Windows y Macintosh. Macromedia recomienda instalar la familia de herramientas de una sola vez, pero puede instalar aplicaciones individuales si así lo desea. La edición Developer Edition de ColdFusion MX para Windows se instala por separado. Para más información, consulte Instalación de ColdFusion MX en la página 74. Instalación de Studio MX 2004 en sistemas Windows Siga estos pasos para instalar Studio MX 2004 en sistemas Windows. Instalación de Studio MX

16 Para instalar Studio MX 2004 en sistemas Windows: 1 Introduzca el CD de Studio MX 2004 en la unidad de CD-ROM del ordenador para que aparezca la pantalla de instalación de Studio MX Nota: si no aparece, o si está instalándolo desde una unidad de red, utilice el Explorador de Windows para buscar el programa Installer.exe de Studio MX 2004 en el directorio Accessibility, haga doble clic en el programa y siga las instrucciones de instalación. 2 Siga uno de los procedimientos siguientes: Seleccione la opción Instalar Macromedia Studio MX 2004 en la pantalla de instalación. (Debe ser la opción predeterminada.) Macromedia le recomienda que seleccione esta opción. Si desea instalar un solo programa, selecciónelo en la pantalla. Repita este procedimiento para instalar otros productos de forma individual. Nota: antes de instalar ColdFusion MX, consulte Instalación de ColdFusion MX en la página Haga clic en Instalar. 4 Siga las instrucciones de instalación. Si había seleccionado la opción Instalar Macromedia Studio MX 2004, se abrirá el archivo Léame de Macromedia Studio MX Si ha instalado un solo producto, se abrirá el archivo informativo sobre dicho producto. La pantalla de instalación principal permanece abierta hasta que haga clic en el botón Cerrar. A partir de este momento, podrá acceder a las aplicaciones de Studio MX 2004 desde el menú Inicio de Windows, en Programas > Macromedia. Para visualizar el material adicional incluido con Studio MX 2004, seleccione Examinar el contenido del CD en la pantalla de instalación. Para desinstalar los programas: Seleccione Inicio > Configuración > Panel de Control > Agregar/quitar programas y seleccione el programa que desea desinstalar. 16 Capítulo 1: Introducción

17 Instalación de Studio MX 2004 en sistemas Macintosh Siga estos pasos para instalar Studio MX 2004 en sistemas Macintosh. Para instalar Studio MX 2004 en sistemas Macintosh: 1 Introduzca el CD de Macromedia Studio MX 2004 en la unidad de CD-ROM del ordenador para que aparezca la pantalla de instalación de Studio MX Si no aparece, haga doble clic en el icono Instalar Macromedia Studio MX 2004 del CD- ROM. 2 Siga uno de los procedimientos siguientes: Seleccione la opción Instalar Macromedia Studio MX 2004 en la pantalla de instalación. (Debe ser la opción predeterminada.) Macromedia le recomienda que seleccione esta opción. Si desea instalar un solo programa, selecciónelo en la pantalla. Repita este procedimiento para instalar otros productos de forma individual. 3 Haga clic en Instalar. 4 Siga las instrucciones de instalación. Nota: si se le solicita una contraseña, introduzca la contraseña de conexión del administrador del sistema y haga clic en Aceptar. Si había seleccionado la opción Instalar Macromedia Studio MX 2004, se abrirá el archivo Léame de Macromedia Studio MX Si ha instalado un solo producto, se abrirá el archivo informativo sobre dicho producto. La pantalla de instalación principal permanece abierta hasta que haga clic en el botón Cerrar. Las aplicaciones instaladas de Studio MX 2004 estarán disponibles ahora en la carpeta Aplicaciones. Para visualizar el material adicional incluido con Studio MX 2004, seleccione Examinar el contenido del CD en la pantalla de instalación. Para desinstalar los programas: Arrastre una carpeta de producto desde la carpeta Aplicaciones a la papelera. Instalación de Studio MX

18 Activación y registro del producto Si es un usuario con una licencia individual, debe activar dicha licencia para los productos de Macromedia en un plazo de 30 días a partir de la instalación. Puede activar el producto a través de Internet o por teléfono mediante un proceso sencillo y sin complicaciones que sólo le llevará unos instantes. La activación del producto no requiere que envíe información personal, sólo el número de serie del producto. Nota: los usuarios de Windows 98 SE deben tener instalado Microsoft Internet Explorer 5.1 o posterior para registrar el producto en Internet. Para activar un producto: 1 Haga doble clic en el icono del archivo ejecutable de Dreamweaver, Flash, Fireworks o FreeHand para iniciar uno de estos productos. 2 Haga clic en Continuar para pasar a la pantalla siguiente. 3 Introduzca el número de serie en la ventana de activación del producto de Macromedia y haga clic en Continuar. Una vez activado, el producto está listo para su utilización. Al activar un producto de Studio MX 2004, los otros también se activan. Para más información sobre la activación del producto, visite activation_es/. También es recomendable registrar la copia de los productos Studio MX 2004 electrónicamente o por correo. El registro le da derecho a recibir asistencia adicional de Macromedia. Al registrarse, podrá suscribirse para recibir información de última hora sobre actualizaciones y nuevos productos de Macromedia. También puede suscribirse para recibir por correo electrónico notificaciones sobre las actualizaciones de los productos y el contenido nuevo que aparece en Para registrar un producto: En cualquiera de los productos de Studio MX 2004, seleccione Ayuda y, a continuación, seleccione la opción de registro en línea o de registro impreso. Al registrar un producto de Studio MX 2004, los otros se registran también. 18 Capítulo 1: Introducción

19 CAPÍTULO 2 Novedades de Studio MX 2004 Ya sea usted un usuario nuevo de cualquier producto de Macromedia Studio MX 2004, o esté familiarizado con Dreamweaver, Flash, Fireworks o FreeHand, puede sacarle partido a las numerosas funciones nuevas de las herramientas de Macromedia Studio MX Este capítulo proporciona una lista de las funciones nuevas del producto divididas en las secciones siguientes: Novedades de Dreamweaver MX 2004 en la página 19 Novedades de Flash MX 2004 en la página 22 Novedades de Flash MX Professional 2004 en la página 24 Novedades de Fireworks MX 2004 en la página 25 Novedades de FreeHand MX en la página 27 Novedades de Dreamweaver MX 2004 Dreamweaver MX 2004 contiene una interfaz nueva y racionalizada y ofrece un rendimiento mejorado del producto. También incluye una amplia variedad de funciones nuevas que mejoran su uso y le ayudan a crear páginas sin importar si está trabajando en el entorno de diseño o en el de codificación. Diseño racionalizado e interfaz de desarrollo La interfaz de Dreamweaver es más fácil de usar para ayudarle a mejorar su productividad y la calidad de su trabajo. Las mejoras de la barra Insertar aportan a la barra Insertar un nuevo aspecto racionalizado que ocupa menos espacio en el área de trabajo. También se incluye una categoría nueva de Favoritos que se puede utilizar para personalizar la barra Insertar con los objetos que usa con mayor frecuencia. Para más información, consulte Barra Insertar en el apartado Utilización de Dreamweaver de la Ayuda. Los comandos Copiar y Pegar de Microsoft Word y Microsoft Excel le permiten copiar y pegar un documento de Microsoft Word o Excel directamente en Dreamweaver. Cuando pega un documento de Word o Excel, Dreamweaver conserva el formato y genera HTML de calidad. Para más información, consulte Copiar y pegar textos de documentos de MS Office en el apartado Utilización de Dreamweaver de la Ayuda. 19

20 La ayuda visual para la edición de tablas le permite ver los efectos que tendrán las operaciones de cambio de tamaño de la columna en la tabla. Las ayudas visuales también facilitan la selección de los elementos de la tabla. Para más información sobre cambio de tamaño, consulte Para más información sobre cambio de tamaño, consulte Cambiar el tamaño de tablas, columnas y filas en el apartado Utilización de Dreamweaver de la Ayuda. Para más información sobre la utilización del modo Tablas expandidas para seleccionar elementos, consulte Utilización del modo de tablas expandidas para facilitar la edición de las tablas en el apartado Utilización de Dreamweaver de la Ayuda. Revisión de la interfaz de usuario maximiza el espacio de trabajo disponible, muestra los elementos activos con más claridad y la hace más fácil de usar y lógica. Para más información sobre el espacio de trabajo de Dreamweaver, consulte Espacio de trabajo de Dreamweaver en el apartado Utilización de Dreamweaver de la Ayuda. La página de inicio le permite acceder a los archivos que se han utilizado recientemente, crear archivos nuevos y acceder a los recursos de Dreamweaver. La página de inicio aparece cuando se inicia Dreamweaver o cuando no hay ningún documento abierto. Para más información sobre cómo ocultar o mostrar la página de inicio, consulte Ocultar o mostrar la página de inicio en el apartado Utilización de Dreamweaver de la Ayuda. La opción de escritorio guardado le ofrece la posibilidad de decidir si Dreamweaver abrirá los documentos en los que estaba trabajando al reiniciar Dreamweaver. Para más información sobre la configuración de esta opción, consulte Preferencias generales de la configuración de Dreamweaver en el apartado Utilización de Dreamweaver de la Ayuda. Soporte completo para Unicode significa que Dreamweaver para Windows es compatible con todas las codificaciones de texto admitidas por Internet Explorer. En Dreamweaver puede utilizar prácticamente cualquier fuente de idioma instalada en el sistema y Dreamweaver la presentará y guardará correctamente. Para más información sobre la configuración de la codificación de fuentes, consulte Configuración de las preferencias de fuentes para la visualización en Dreamweaver en el apartado Utilización de Dreamweaver de la Ayuda. FTP seguro le permite codificar por completo todas las transferencias de archivos y evitar el acceso no autorizado a los datos, archivos, nombres de usuario y contraseñas. Para más información sobre la configuración de una conexión remota con FTP, consulte Configuración de una carpeta remota en el apartado Utilización de Dreamweaver de la Ayuda. Entorno de diseño y disposición de páginas modernizados Dreamweaver incluye las siguientes características CSS mejoradas que proporcionan una forma más sofisticada de dar estilo y añadir interactividad a los diseños y también incluye información para mejorar la edición visual. La validación dinámica entre navegadores comprueba automáticamente la compatibilidad entre navegadores del documento actual al guardarlo. El usuario especifica los navegadores que desee y Dreamweaver comprueba que las páginas no utilicen etiquetas o construcciones CSS que dichos navegadores no admitan. Para más información, consulte Comprobación de compatibilidad entre navegadores en el apartado Utilización de Dreamweaver de la Ayuda. 20 Capítulo 2: Novedades de Studio MX 2004

21 La ficha CSS correspondiente muestra las reglas CSS que se aplican a la selección actual en vista de código o vista de diseño. Haga clic en cualquier regla para ver qué atributos especifica (estilo de bordes, margen, relleno, tamaño del texto, etc). Una marca especial le indica si se ha omitido un atributo concreto y la edición en contexto permite la realización de ediciones rápidas que se aplican al momento en la vista de diseño. Para más información, consulte Ficha de propiedades CSS en el apartado Utilización de Dreamweaver de la Ayuda. Visualización de diseño CSS facilita muchísimo el diseño de páginas en CSS. Puede seleccionar fácilmente div y otros bloques de contenido en la vista de diseño, y luego modificar las propiedades con la ficha de propiedades CSS. Para más información, consulte Disposición de páginas con CSS en el apartado Utilización de Dreamweaver de la Ayuda. Presentación de CSS mejorada significa que Dreamweaver puede representar disposiciones y diseños basados en CSS más complicados con más precisión. La presentación de CSS mejorada le permite diseñar disposiciones más sofisticadas y utilizar las herramientas de diseño de Dreamweaver para manipulaciones visuales más fiables. El panel Estilos CSS mejorado proporciona más opciones de estilos de edición en el documento actual. También puede aplicar directamente los estilos desde el Inspector de propiedades de texto. Para más información, consulte Utilización de hojas de estilos en cascada en el apartado Utilización de Dreamweaver de la Ayuda. El Inspector de propiedades de texto basado en CSS enumera todos los estilos disponibles que se pueden utilizar con el texto e incluye una vista previa que muestra el aspecto que tendrá el texto después de aplicarle el estilo. Para más información, consulte Inspector de propiedades y formato de texto en el apartado Utilización de Dreamweaver de la Ayuda. Las propiedades de páginas basadas en CSS le ofrecen mayor control de las propiedades de la página, como el aspecto de los encabezados y los vínculos, a partir de las modernas construcciones de codificación CSS. Para más información, consulte Configuración de las propiedades de la página en el apartado Utilización de Dreamweaver de la Ayuda. La barra de herramientas de edición de imágenes integrada le permite realizar operaciones básicas de edición y manipulación de imágenes desde Dreamweaver utilizando la tecnología de Macromedia Fireworks. Podrá recortar, cambiar el tamaño, volver a tomar muestras, etc. sin salir de Dreamweaver. Para más información, consulte Edición de imágenes en Dreamweaver en el apartado Utilización de Dreamweaver de la Ayuda. Entorno de codificación abierto y versátil Dreamweaver ofrece las siguientes características nuevas para los programadores, incluidas mejoras en la vista de código y la capacidad de editar archivos sin necesidad de crear un sitio de Dreamweaver. Dreamweaver también incluye compatibilidad con tecnologías de servidor. El Inspector de etiquetas mejorado muestra una lista de las propiedades disponibles para la selección actual y le permite realizar ediciones globales y rápidas. Para más información, consulte Cambio de atributos con el Inspector de etiquetas en el apartado Utilización de Dreamweaver de la Ayuda. Novedades de Dreamweaver MX

22 Edición de archivo sin sitio le permite trabajar directamente en un servidor FTP o RDS sin necesidad de crear un sitio Dreamweaver. Para más información sobre la configuración de Dreamweaver para que trabaje en un servidor, consulte Configuración de Dreamweaver para trabajar sin definir un sitio en el apartado Utilización de Dreamweaver de la Ayuda. Para más información sobre la configuración de un sitio de Dreamweaver, consulte Configuración de un sitio de Dreamweaver nuevo en el apartado Utilización de Dreamweaver de la Ayuda. Los comportamientos de servidor PHP le permiten crear un conjunto de páginas maestras/ detalladas y páginas de autentificación de usuarios. Para más información, consulte Creación de páginas maestras/detalladas (PHP) y Creación de páginas que restringen el acceso al sitio (PHP) en el apartado Utilización de Dreamweaver de la Ayuda. La compatibilidad mejorada para los controles de formulario ASP.NET proporciona formas nuevas y mejoradas (incluidos los nuevos inspectores de propiedades) de crear y manipular formularios Web ASP.NET en la vista de diseño. Para más información, consulte Creación rápida de aplicaciones ASP y JSP en el apartado Utilización de Dreamweaver de la Ayuda. El menú contextual de la vista de código le permite realizar rápidos cambios de formato en el código seleccionado. Para más información, consulte Realización rápida de cambios al código seleccionado en el apartado Utilización de Dreamweaver de la Ayuda. Novedades de Flash MX 2004 Las nuevas funciones de Flash MX 2004 ofrecen mayor productividad, mejor soporte para multimedia y publicación optimizada. Rendimiento Flash MX 2004 incluye muchas funciones diseñadas específicamente para simplificar tareas que anteriormente eran muy complejas, mejorando de este modo la productividad: Efectos de línea de tiempo Es posible aplicar efectos de línea de tiempo a cualquier objeto del escenario para añadir transiciones y animaciones con rapidez, tales como aumentos progresivos, sobrevuelos, desenfoques y giros. Para más información, consulte Utilización de efectos de línea de tiempo en el apartado Utilización de Flash de la Ayuda. Comportamientos Con los comportamientos puede añadir interactividad a contenido de Flash sin escribir ni una línea de código. Por ejemplo, puede utilizar los comportamientos para incluir funcionalidad que vincule a un sitio Web, cargue sonidos y gráficos, controle la reproducción de vídeos incorporados, reproduzca clips de película y active orígenes de datos. Para más información, consulte Control de instancias con comportamientos en el apartado Utilización de Flash de la Ayuda. Soporte de accesibilidad en el entorno de edición El soporte de accesibilidad en el entorno de edición de Flash proporciona métodos abreviados de teclado para navegar por la interfaz y utilizar los controles de la misma, lo que permite trabajar con los elementos de la interfaz sin utilizar el ratón. Para más información, consulte Accesibilidad en el entorno de edición Flash en el apartado Utilización de Flash de la Ayuda. Plantillas actualizadas Flash incluye plantillas actualizadas para crear presentaciones, aplicaciones de aprendizaje por Internet, anuncios, aplicaciones para dispositivos móviles y otros tipos de documentos de Flash de uso común. Para más información, consulte Utilización de plantillas en el apartado Utilización de Flash de la Ayuda. 22 Capítulo 2: Novedades de Studio MX 2004

23 Sistema de ayuda integrado El nuevo panel Ayuda proporciona referencia contextual, referencias a ActionScript y lecciones sobre el entorno de edición de Flash. Para más información, consulte Utilización del panel Ayuda en el apartado Utilización de Flash de la Ayuda. Corrector ortográfico Esta herramienta detecta los errores ortográficos del texto. Para más información, consulte Comprobación de la ortografía en el apartado Utilización de Flash de la Ayuda. Fichas de documento En la parte superior del espacio de trabajo se muestra una ficha para cada uno de los documentos abiertos de modo que pueda localizarlos y pasar de un documento a otro con rapidez. Para más información, consulte Utilización de las fichas de documento para varios documentos (sólo Windows) en el apartado Utilización de Flash de la Ayuda. Página de inicio La página de inicio pone a su disposición las tareas que se utilizan con más frecuencia en una página central. Para más información, consulte Utilización de la página de inicio en el manual Primeros pasos de Flash (disponible en la Ayuda de Flash). Buscar y reemplazar Mediante esta función podrá localizar y reemplazar una cadena de texto, una fuente, un color, un símbolo, un archivo de sonido, un archivo de vídeo o un archivo de mapa de bits importado. Para más información, consulte Utilización de la función Buscar y reemplazar en el apartado Utilización de Flash de la Ayuda. Soporte multimedia completo Las nuevas funciones multimedia mejoran la calidad de las presentaciones con elementos complejos y muy variados. Importación de alta fidelidad Es posible importar archivos Adobe PDF y Adobe Illustrator 10 y conservar una representación vectorial muy precisa de los archivos de origen. Para más información, consulte Importación de archivos de Adobe Illustrator, EPS o PDF en el apartado Utilización de Flash de la Ayuda. Asistente de importación de vídeo Este asistente simplifica la codificación de vídeo y ofrece valores de codificación preestablecidos, así como funciones de edición de clips. Para más información, consulte Asistente de importación de vídeo en el apartado Utilización de Flash de la Ayuda. Representación de fuentes de pequeño tamaño Las fuentes de pequeño tamaño ahora se representan con más nitidez. Para más información, consulte Creación de texto en el apartado Utilización de Flash de la Ayuda. Publicación Las nuevas funciones de publicación facilitan la detección de versiones de Flash Player, mejoran la accesibilidad y simplifican la localización. Detección de Flash Player Ahora puede publicar archivos SWF con archivos asociados que detecten si un usuario tiene una versión determinada de Flash Player. Puede configurar sus archivos publicados para dirigir a los usuarios a archivos alternativos si no tienen la versión de Flash Player requerida. Para más información, consulte las sección de configuración de los parámetros de publicación para la detección de Flash Player en el apartado Utilización de Flash de la Ayuda. Novedades de Flash MX