a Adobe Dreamweaver Guía de extensión GL2DW

Transcripción

1 Guía de conversión de GoLive Migración de Adobe GoLive a Adobe Dreamweaver Guía de extensión GL2DW La extensión GL2DW para Adobe GoLive proporciona una manera fácil y rápida de preparar los sitios creados en GoLive para su uso en Adobe Dreamweaver CS3. Introducción Para la mayoría de los usuarios, cambiar de software en un entorno de trabajo no es tarea trivial, incluso aunque nos guste mucho la nueva herramienta que vamos a utilizar. Como usuario de Adobe GoLive que desea cambiar a Dreamweaver, querrá garantizar que sus sitios web y los documentos y activos contenidos en ellos se conviertan de una herramienta de creación web a la otra sin problemas. Para ayudar con la transición, Adobe proporciona un plugin gratuito o extensión para GoLive denominado GL2DW. La extensión automatiza el proceso de convertir un sitio web de GoLive CS2 o GoLive 9 a Dreamweaver 8 o Dreamweaver CS3. Contenidos Introducción Términos clave Instalación de la extensión Preparación para ejecutar la extensión Ejecución de la extensión GL2DW Qué ha ocurrido? Definición del sitio en Dreamweaver Cómo atar los cabos sueltos Recursos adicionales Acerca de los autores Esta guía es un complemento de la extensión GL2DW y está diseñada para ayudar a los usuarios de GoLive a cambiar a Dreamweaver de la manera más rápida y sencilla posible. Proporciona instrucciones paso a paso sobre cómo instalar y ejecutar la extensión, compara las diferencias terminológicas entre las dos aplicaciones, explica qué se ha convertido y ofrece orientación sobre cómo comenzar a modificar el sitio convertido en Dreamweaver. Asimismo, hemos incluido una descripción general de las limitaciones de la extensión y una lista de recursos adicionales que pueden resultarle de interés. Guía de conversión GL2DW

2 Términos clave GoLive y Dreamweaver comparten muchos términos que son similares o incluso idénticos. Sin embargo, cada aplicación tiene ejemplos en los que la terminología difiere o simplemente no existe una función comparable. Las funciones afectadas por la extensión de conversión se describen en el cuadro que figura a continuación. Término de GoLive Archivo de sitio Término de Dreamweaver Administrar sitio Los sitios de GoLive emplean un documento denominado archivo de sitio para realizar un seguimiento de todos los activos del sitio, como direcciones URL, vínculos, colores, páginas, imágenes y activos multimedia. Cada sitio tiene su propio archivo de sitio. Dreamweaver no crea archivos de sitio distintos para cada sitio que mantiene. En su lugar, utiliza el comando Sitio > Administrar sitios para administrar sus sitios. Consulte Definición del sitio en Dreamweaver. Ficha Archivos de la ventana Sitio Panel Activos Los archivos locales que se utilizan en el sitio se enumeran en la ficha Archivos de la ventana del sitio de GoLive. En Dreamweaver, los archivos locales se enumeran en el panel Archivos (elija Ventana > Archivos). Ficha Extras de la ventana Sitio Panel de recursos Los activos que no tienen que cargarse al servidor web, como plantillas, diseños de fondo, componentes, fragmentos de código y objetos inteligentes (archivos nativos de Photoshop, Illustrator y Acrobat ) se enumeran en la ficha Extras de la ventana del sitio de GoLive. Dreamweaver enumera estos elementos en el panel Activos (elija Ventana > Activos). Paleta Biblioteca Paneles Activos y Fragmentos de código Además del panel Extras de la ventana del sitio, también puede acceder a los activos del sitio a través de la paleta Biblioteca de GoLive. En Dreamweaver, los recursos se enumeran en el panel Activos. También puede almacenar Fragmentos de código en el panel Fragmentos de código de Dreamweaver (elija Ventana > Fragmentos de código). Páginas de plantilla Plantillas Una página de plantilla se utiliza como base para otras páginas. GoLive y Dreamweaver utilizan la misma sintaxis de plantilla, por lo que las plantillas creadas en GoLive deberían funcionar correctamente en Dreamweaver sin tener que realizar modificaciones. Para ver cómo administra las plantillas la extensión GL2DW, consulte las páginas 5 y 14. Componentes Elementos de biblioteca Los componentes de GoLive son piezas de una página que se pueden guardar y volver a utilizar colocándolas en otras páginas. El componente colocado conserva una conexión con el original. Si el componente original se actualiza, las páginas en las que se colocó también se actualizarán. Dreamweaver ofrece la misma funcionalidad a través de los elementos de biblioteca. Fragmentos de código Fragmentos de código Tanto GoLive como Dreamweaver admiten fragmentos de código: trozos de código o una selección de objetos de diseño que se pueden guardar y reutilizar en otras páginas. No se mantiene ninguna conexión entre el fragmento de código original y cualquiera de las instancias colocadas. Guía de conversión GL2DW 2

3 Término de GoLive Paleta Inspector Término de Dreamweaver Inspector de propiedades La paleta contextual Inspector de GoLive le permite establecer atributos para páginas y objetos seleccionados. Dreamweaver ofrece una funcionalidad similar a través del Inspector de propiedades (elija Ventana > Propiedades). Barra de herramientas Inspector de propiedades La barra de herramientas contextual de GoLive ofrece herramientas según la selección actual, el documento actual o el sitio actual. Dreamweaver proporciona muchas de las mismas opciones en el Inspector de propiedades (elija Ventana > Propiedades). Paleta Objetos/Herramientas Barra de herramientas Insertar La paleta Objetos de GoLive incluye elementos como objetos de formulario, objetos de tabla y objetos de capa que se pueden colocar en una página. Muchos objetos similares se ubican en la barra de herramientas Insertar de Dreamweaver (elija Ventana > Insertar). Paleta CSS/Editor CSS Panel Estilos CSS En GoLive, las reglas CSS por lo general se crean en el Editor CSS y se aplican a través de la paleta CSS, la barra de herramientas o el menú contextual. En Dreamweaver, los estilos se pueden crear mediante el panel Estilos CSS o seleccionando Estilos CSS > Nuevo en el menú contextual, y se pueden aplicar a través del Inspector de propiedades o del menú contextual. Acciones Comportamientos Muestras de color en Dreamweaver Dado que las muestras de color no se migran al exportar el sitio de GoLive, tal vez desee volver a crearlas cuando comience a modificar el sitio en Dreamweaver. Siga este procedimiento: Muestre el panel Activos haciendo clic en su ficha o, si no está visible, seleccionando Ventana > Activos. Haga clic en el icono Colores de la izquierda. Haga clic en la opción Favoritos en la parte superior derecha. Haga clic en el botón Color nuevo en la parte inferior derecha. Cuando se abra el panel Muestras, seleccione un color. Haga clic en Aceptar. El color se añade al área Favoritos. GoLive viene equipado con JavaScripts predefinidos, denominados Acciones, que se pueden configurar con facilidad en la paleta Acciones. Dreamweaver también incluye JavaScripts predefinidos, conocidos como Comportamientos, que se pueden configurar en el panel Comportamientos. Aunque las acciones de GoLive continuarán funcionando en navegadores web una vez que el sitio se haya convertido a Dreamweaver, ya no se podrán configurar como antes en la paleta Acciones de GoLive. Paleta Color, panel Colores, Selector de colores, paleta Muestras Panel Activos/Inspector de propiedades GoLive proporciona diversos métodos de mezcla, almacenamiento y aplicación de color. En Dreamweaver, las muestras de color se pueden desarrollar accediendo al área Favoritos de la categoría Colores en el panel Activos. Entonces se puede aplicar el color a través del Inspector de propiedades. Cuadrícula de diseño Tabla de diseño El objeto de cuadrícula de diseño de GoLive proporciona un método sencillo que permite colocar texto, imágenes y otros objetos en un diseño basado en una cuadrícula similar a un papel milimetrado. El objeto de cuadrícula en sí es en realidad una tabla HTML. Dreamweaver ofrece un objeto parecido que se denomina tabla de diseño. Para crear una tabla de diseño, en primer lugar necesita establecer Dreamweaver en modo de diseño (elija Ver > Modo de tabla > Modo de diseño). Entonces puede dibujar una tabla de diseño mediante las herramientas de la parte de diseño de la barra de herramientas Insertar. Guía de conversión GL2DW

4 Cómo se obtiene la extensión GL2DW? La extensión GL2DW sirve para migrar sitios de GoLive a Dreamweaver de forma que la extensión se incluya con Dreamweaver CS3 y todas las configuraciones de Adobe Creative Suite 3 que incluye Dreamweaver: Web Standard, Web Premium, Design Premium y Master Collection. Instalación de la extensión La instalación de la extensión de conversión de GoLive consiste simplemente en copiar su carpeta en la ubicación correcta de la carpeta de la aplicación GoLive. Siga las instrucciones a continuación para instalar la extensión GL2DW: 1. Salga de GoLive CS2 o GoLive 9. Copie la carpeta GL2DW para la extensión de conversión en la carpeta Módulos/ Ampliar secuencias de comandos de la carpeta Adobe GoLive CS2 o Adobe GoLive 9. Si mira dentro de la carpeta GL2DW, verá que hay un archivo denominado Main.html, otro denominado card.ste y varios archivos HTML. No copie estos archivos uno a uno: instale toda la carpeta de extensiones. Copie la carpeta GL2DW en la carpeta Ampliar secuencias de comandos y vuelva a iniciar GoLive. 3. Vuelva a iniciar GoLive para activar la extensión nueva. Una vez instalada la extensión, encontrará un comando nuevo en el menú Archivo: Export site for Dreamweaver. Dreamweaver Exchange La extensión GL2DW añade funciones a GoLive que permiten la conversión de sitios de GoLive para su uso en Dreamweaver. También hay cientos de extensiones de Dreamweaver disponibles en Dreamweaver Exchange. Al instalar una extensión en Dreamweaver, se añaden funciones adicionales que no estaban incluidas en la configuración predeterminada, como sistemas de menús, carritos de la compra, galerías de imágenes y más. Para obtener más información, visite Adobe Exchange en y haga clic en el vínculo de Dreamweaver. Guía de conversión GL2DW

5 Si desea desactivar la extensión, abra las preferencias de la aplicación, seleccione Módulos a la izquierda y, en la lista de extensiones de la derecha, deseleccione las que desea desactivar. Su nueva configuración estará activa cuando salga de GoLive y vuelva a iniciarlo. Para desactivar la extensión, simplemente deselecciónela en la lista de extensiones de las preferencias de GoLive. Preparación para ejecutar la extensión Antes de ejecutar la extensión y exportar su sitio, conviene tener el sitio de GoLive listo para la transición. En esta sección le ayudamos con los preparativos. Una vez que corrija estos sencillos elementos, estará listo para ejecutar la extensión correctamente. Elementos de biblioteca y plantillas Dreamweaver almacena elementos de biblioteca y plantillas en carpetas dentro de la carpeta raíz del sitio local. Si su sitio de GoLive contiene subcarpetas en las carpetas Plantillas o Fragmentos de software, el contenido de esas subcarpetas se pasa a la carpeta principal. Las subcarpetas originales se conservan como elementos heredados, pero los elementos contenidos en ellas no servirán como plantillas de Dreamweaver; sólo lo harán las plantillas recién exportadas en la carpeta de plantillas del nivel raíz. Si existen elementos de biblioteca o plantillas en las subcarpetas con los mismos nombres que los elementos de la carpeta principal, corre el riesgo de que se sobrescriban durante el proceso. Por tanto, antes de ejecutar la extensión GL2DW, es importante que otorgue nombres exclusivos a todos los elementos de biblioteca y plantillas. Si un elemento de una subcarpeta tiene el mismo nombre que una plantilla o fragmento de código de la carpeta principal o de cualquier otra subcarpeta, cámbiele el nombre. Guía de conversión GL2DW

6 Búsqueda de páginas sin título en Dreamweaver Si opta por desactivar la extensión Set Title al ejecutar la extensión GL2DW, es conveniente que asigne títulos a las páginas sin título una vez que comience a modificar el sitio en Dreamweaver. Para ello, puede utilizar Informes de sitio de Dreamweaver Elija Sitio > Informes. Seleccione una opción de informe en la lista emergente. Seleccione Documentos sin título. Haga clic en Ejecutar. Los resultados del informe se mostrarán en la ficha Informes del sitio del panel Resultados. Para añadir el título de página que falta, haga doble clic en un archivo de la lista de resultados. El documento se abre en una vista de dos paneles con el título incorrecto resaltado y listo para que escriba el título deseado. La extensión Set Title GoLive se proporciona con una extensión denominada Set Title. Esta extensión, que está activada de forma predeterminada, abre un pequeño cuadro de diálogo cuando guarda una página sin título que le solicita que asigne un título a la página. Si existen páginas sin títulos en su sitio y además tiene la extensión Set Title activada al ejecutar la extensión GL2DW, se mostrará el cuadro de diálogo Set Title en cada página que necesite título. Si prefiere no asignar títulos a esas páginas durante el proceso de exportación, puede desactivar la extensión Set Title o apagar el recordatorio modal. Para desactivar la extensión Set Title, siga estos pasos: Abra el cuadro de diálogo Preferencias (GoLive > Preferencias en Mac OS, Edición > Preferencias en Windows). Seleccione Módulos en la lista de la izquierda. Deseleccione Set Title y haga clic en Aceptar. Reinicie GoLive. Para evitar invocar la extensión Set Title durante el proceso de exportación, desactívela en Preferencias de GoLive. Este proceso desactivará por completo la extensión Set Title. Para volver a activarla más adelante, siga los mismos pasos pero active la extensión Set Title. Puede optar por dejar la extensión activada y desactivar el recordatorio modal en su lugar. Para ello, inicie el proceso de exportación GL2DW (consulte Ejecución de la extensión GL2DW en la sección siguiente) y, si aparece el cuadro de diálogo Set Title, seleccione No mostrar más este aviso. Puede descartar el cuadro de diálogo Set Title si selecciona No mostrar más este aviso. Guía de conversión GL2DW

7 Apagar el recordatorio desactiva la extensión. Puede volver a activarla en cualquier momento en las preferencias de GoLive. Ejecución de la extensión GL2DW Cuando ejecute la extensión, los archivos de su sitio se procesarán y se exportarán a una carpeta externa. Sus archivos GoLive originales permanecerán intactos y no se modificarán. Cuando se haya completado el proceso de exportación, podrá definir el sitio en Dreamweaver y comenzar a administrar sus archivos. La extensión funciona sitio por sitio, lo que significa que debe exportar los sitios uno a uno desde GoLive. En esta sección describiremos el proceso de exportar el sitio para Dreamweaver. 1. Abra el sitio de GoLive que desee exportar, pero cierre todos los archivos relacionados. Elija Archivo > Export site for Dreamweaver. 3. Cuando se abra el cuadro de diálogo GL2DW, haga clic en Seleccionar carpeta de destino. Guía de conversión GL2DW

8 4. Seleccione la carpeta que contendrá los archivos exportados o cree una si es necesario y selecciónela. Haga clic en Seleccionar. 5. Si desea convertir y exportar los fragmentos de código, seleccione Exportar y convertir fragmentos de código. Note que aunque GoLive le permita almacenar fragmentos de código sitio por sitio o de toda la aplicación, Dreamweaver almacena los fragmentos de código de toda la aplicación. Por tanto, si tiene varios sitios que utilizan los mismos fragmentos de código, conviene no exportarlos desde cada sitio individual. 6. Haga clic en OK. Aparecerá una barra de progreso que muestra los nombres de los archivos conforme se procesan. Puede hacer clic en el botón Detener si desea interrumpir el proceso. 7. Una vez completado el proceso de exportación, aparece un cuadro de diálogo que indica cuántos archivos se procesaron y ofrece sugerencias sobre los pasos a seguir después. Lea el contenido del cuadro de diálogo y haga clic en OK. Cuando examine el contenido de la carpeta en la que ha exportado su sitio, verá archivos y carpetas que se corresponden con las del sitio de GoLive original. También hay dos archivos nuevos que serán de especial interés. El primero se denomina _read_me_.html y contiene información sobre cómo continuar la administración de los elementos de biblioteca y plantillas en Dreamweaver. El segundo es un archivo.ste que se utilizará para importar la configuración de su sitio, incluida la información del servidor web. Antes de realizar ninguna acción en estos dos archivos, debe definir el sitio en Dreamweaver. Consulte Definición del sitio en Dreamweaver. Guía de conversión GL2DW

9 Qué ha ocurrido? Revisemos lo que ocurre al ejecutar el comando Archivo > Export site for Dreamweaver en GoLive. El proceso de exportación deja intacto el sitio existente y exporta un nuevo conjunto de archivos que se utilizarán en Dreamweaver. Puede tratar el sitio de GoLive existente como copia de seguridad. Las plantillas de GoLive que antes estaban en la carpeta Plantillas, incluidas las que pudiera haber en subcarpetas, se consolidan en una única carpeta Plantillas y se pasan a la carpeta raíz local del sitio. La extensión de archivo de las páginas de plantilla se cambia de HTML a DWT, la extensión que utiliza Dreamweaver para designar las páginas de plantilla. Los componentes de GoLive de la carpeta Componentes, incluidos los que pudiera haber en subcarpetas, se consolidan en una única carpeta denominada Biblioteca y se pasan a la carpeta raíz local del sitio. La extensión de archivo de las páginas de componentes se cambia de HTML a LBI, la extensión que utiliza Dreamweaver para designar los elementos de biblioteca. Los fragmentos de software de GoLive de la paleta Biblioteca se convierten en fragmentos de software de Dreamweaver y se pasan al panel Fragmentos de software de Dreamweaver. La extensión de archivo de los fragmentos de software se cambia de AGLS a CSN, la extensión que utiliza Dreamweaver para designar los fragmentos de software. Se crea un archivo denominado Léame.html que incluye instrucciones importantes que trataremos más adelante en este documento. Se crea un archivo de configuración del sitio con la extensión de archivo STE, que incluye información como la configuración del servidor web. La extensión GL2DW exporta una nueva versión del sitio de GoLive fácil de importar en Dreamweaver. Siga leyendo para aprender a definir el sitio en Dreamweaver. Guía de conversión GL2DW

10 Definición del sitio en Dreamweaver Una vez que exporte el sitio desde GoLive, deberá definirlo en Dreamweaver. A diferencia de GoLive, Dreamweaver no utiliza un archivo de sitio en el que se pueda hacer doble clic para abrir el sitio. En su lugar, el sitio se define mediante el comando Administrar sitios y seleccionando la carpeta raíz del sitio. Entonces, la información de definición del sitio, incluida la ubicación de la carpeta raíz y el nombre de usuario y contraseña FTP, se guarda en las preferencias de la aplicación. El archivo.ste exportado por la extensión GL2DW es un archivo de configuración XML que también contiene la información de definición del sitio como se define en GoLive. Este archivo se puede utilizar para transferir fácilmente la configuración del sitio a Dreamweaver. El proceso de definición de un sitio en Dreamweaver es similar a la creación de un archivo de sitio en GoLive. Siga los pasos a continuación: 1. Elija Sitio > Administrar sitios. Páginas de inicio de Dreamweaver Una vez que haya definido el sitio en Dreamweaver, puede añadir, editar o eliminar páginas con facilidad. Adobe Dreamweaver CS3 se proporciona con una amplia gama de páginas de inicio basadas en CSS. Estas páginas de inicio, que incluyen instrucciones sobre cómo editar CSS para obtener el aspecto deseado, son accesibles siguiendo estos pasos: 1. Elija Archivo > Nuevo Seleccione Página en blanco de la lista de la izquierda. Haga clic en HTML o plantilla HTML en la segunda columna. Utilice las teclas Flecha arriba y Flecha abajo para navegar por la lista de páginas de inicio basadas en CSS disponibles en la tercera columna. Observe que se muestra una vista previa de cada diseño en la miniatura de la parte superior derecha del cuadro de diálogo Nuevo documento. 5. Seleccione la página que desea utilizar y haga clic en Crear. La página se abre en Dreamweaver, lista para añadir contenido y estilos. Definir sitios en Dreamweaver es como crear archivos de sitio en GoLive. Haga clic en el botón Importar. Importe el sitio en la lista de sitios administrados de Dreamweaver. Guía de conversión GL2DW 10

11 3. Navegue hasta la carpeta en la que exportó el sitio desde GoLive, seleccione la configuración del sitio (como NombreSitio.ste) y haga clic en Abrir. Seleccione el archivo.ste creado por la extensión GL2DW. 4. Ubique la carpeta raíz local: en Mac OS, seleccione la carpeta que contenga el sitio.ste, así como todos los activos del sitio, y haga clic en Elegir. En Windows, seleccione la carpeta que contenga el archivo.ste, haga clic en Abrir y, a continuación, en Seleccionar. Elija la carpeta raíz local cuando se le indique. Guía de conversión GL2DW 11

12 5. Ahora el sitio se añade a la lista de sitios que Dreamweaver está listo para administrar. Si dispone de varios sitios para convertir, puede definir varios sitios en una fila sin salir del cuadro de diálogo. Cuando esté listo para empezar a trabajar en sus sitios convertidos, haga clic en Listo. Puede añadir varios sitios a la lista de sitios administrados de Dreamweaver. Si ha definido varios sitios en Dreamweaver, puede alternar entre ellos seleccionándolos en el menú desplegable de la parte superior del panel Archivos. Alterne entre sitios con facilidad en el panel Archivos. Para quitar un sitio de la lista de sitios administrados en Dreamweaver, elija Sitio > Administrar sitios y seleccione los sitios que ya no desea administrar en Dreamweaver. Cuando tenga esos sitios seleccionados, haga clic en Quitar. Confirme la acción haciendo clic en Sí cuando Dreamweaver le avise de que la acción no se puede deshacer. Tenga en cuenta que de este modo quita el sitio de la lista de sitios definidos, pero no elimina ni mueve los activos del sitio, lo cual no afecta en ningún caso a los activos del sitio real. En algunos casos, es posible que tenga un sitio web editado con GoLive que no está registrado en un archivo de sitio de GoLive ni administrado en la ventana del sitio de GoLive. En esos casos, puede definir el sitio en Dreamweaver siguiendo los pasos a continuación: 1. Elija Sitio > Nuevo sitio, seleccione la ficha Avanzadas en la parte superior del cuadro de diálogo y, a continuación seleccione la categoría Información local a la izquierda. Observe que también puede crear sitios nuevos desde la página inicial de Dreamweaver, así como otras tareas comunes. Asigne a su sitio un nombre reconocible y haga clic en el icono de carpeta junto al campo Carpeta raíz local. Guía de conversión GL2DW 12

13 3. Ubique la carpeta que contiene el sitio que desea definir y haga clic en Elegir (Mac OS) o haga clic en Abrir y, a continuación, en Seleccionar (Windows). Administración de sitios en Dreamweaver Lo más probable es que utilice Dreamweaver para trabajar en más de un sitio web. A veces, la información definida inicialmente para un sitio, como su servidor host, puede cambiar. Dreamweaver facilita la administración de la configuración del sitio a través del comando Administrar sitios. Para editar esa configuración, siga los pasos que aparecen a continuación: Elija Sitio > Administrar sitios. Seleccione el nombre del sitio de la lista y haga clic en Editar. Seleccione Básicas o Avanzadas en la parte superior del cuadro de diálogo Definición del sitio. Realice cambios en las definiciones del sitio haciendo clic por las pantallas de la vista básica o seleccionando temas de la lista a la izquierda de la vista avanzada. 5. Haga clic en Aceptar. También puede realizar una copia de seguridad de la configuración del sitio que se puede volver a importar a Dreamweaver en caso necesario. Para ello, haga clic en el botón Exportar del cuadro de diálogo Administrar sitios. Cuando aparezca el cuadro de diálogo Exportar sitio, asigne un nombre al sitio. Observe que el tipo de archivo es.ste. Es el archivo de definición del sitio para Dreamweaver. Conserve este archivo como copia de seguridad o compártalo con otro usuario que esté trabajando en el mismo proyecto. 4. Asigne un nombre a su sitio y seleccione la carpeta raíz local en el cuadro de diálogo Definición del sitio. Haga clic en Aceptar cuando haya terminado de configurar el sitio. Hay otras configuraciones de sitio que tal vez desee definir en el cuadro de diálogo Administrar sitios, pero puede comenzar a trabajar en el sitio sin necesidad de rellenarlas. Puede volver al cuadro de diálogo Administrar sitios para editar o añadir información de definición del sitio en cualquier momento. Ahora que ya tiene sus sitios configurados en Dreamweaver, es hora de atar cabos. Continúe con la sección siguiente para obtener detalles sobre posibles problemas que debería tener en cuenta. Cómo atar los cabos sueltos La extensión GL2DW hace un buen trabajo de preparación de los sitios de GoLive para la migración a Dreamweaver. No obstante, como con cualquier proceso de conversión de archivos, hay diferencias de formatos de archivo y funciones que debería conocer. Lo bueno es que, en lugar de formatos de archivo de propiedad, tanto GoLive como Dreamweaver crean formatos de archivo web que emplean estándares comunes como HTML, CSS y JavaScript. Las diferencias más notables que encontrará están relacionadas con determinadas funciones asociadas con la edición de tecnologías más avanzadas, como Acciones JavaScript. A continuación figura un resumen exhaustivo de puntos que debe tener en cuenta sobre el proceso de conversión: Guía de conversión GL2DW 13

14 Actualización del panel Activos Cuando migra su sitio de GoLive a Dreamweaver y busca en el panel Activos, al principio está vacío. Para ver todos los activos de su sitio, incluidos los elementos de biblioteca, las plantillas, las imágenes, los colores y las direcciones URL, primero debe hacer clic en Actualizar lista de sitios en la parte inferior del panel Activos. Actualice el panel Activos inmediatamente después de importar el sitio para poder ver todos los recursos del mismo. Uso de elementos de biblioteca y plantillas Las plantillas y los componentes que se han creado en GoLive y migrado a Dreamweaver mantendrán toda la funcionalidad como plantillas y elementos de biblioteca, respectivamente. La extensión GL2DW crea dos carpetas denominadas Plantillas y Biblioteca y coloca los archivos adecuados en sus carpetas correspondientes. Dreamweaver no admite subcarpetas en las carpetas Plantillas y Biblioteca, por lo que la extensión GL2DW copia todas las plantillas y los componentes sin formato en sus carpetas. Las plantillas o los componentes que no se han usado en un sitio de GoLive se copian pero no se convierten, y por lo tanto no aparecen en la lista del panel Activos. Debe definir esas páginas sin referencia como elementos de biblioteca o plantillas en Dreamweaver. Guía de conversión GL2DW 14

15 Ocultación de elementos de biblioteca y plantillas Si no va a colaborar con otros usuarios de Dreamweaver en su sitio, tal vez decida ocultar los elementos de biblioteca y plantillas convertidos. Ocultar es el término que Dreamweaver emplea para describir el comportamiento de pasar por alto determinadas carpetas, archivos o tipos de archivo cuando se cargan archivos al servidor web. Los activos ocultos siguen estando visibles en el panel Archivos de Dreamweaver, pero tienen una barra diagonal roja en sus iconos, indicando que se pasarán por alto durante los comandos Colocar y Obtener. Utilice el menú contextual del panel Archivos y elija Ocultación > Ocultar. Si decide conservar algunos archivos de gráficos de origen en la carpeta raíz del sitio local, también puede ocultarlos según la extensión de archivo. Por ejemplo, si desea mantener archivos nativos de Photoshop e Illustrator en el panel Archivos, haga clic con el botón derecho (Windows) o pulse Control y haga clic (Mac) en el panel Archivos, seleccione Ocultación > Configuración y escriba.psd y.ai en el campo Ocultar archivos que terminan en. Haga clic en Aceptar cuando haya terminado. Es fácil configurar el sitio para ocultar archivos de origen nativos según la extensión de archivo. Objetos inteligentes Las imágenes compatibles con Internet, como los formatos JPEG y GIF, que se crearon mediante Objetos inteligentes en GoLive, continuarán funcionando correctamente en un explorador web, pero la conexión inteligente con la imagen de origen ya no funcionará en Dreamweaver. Puede dejar sus Objetos inteligentes tal cual o reconstruirlos mediante la integración de cortar y pegar entre Dreamweaver CS3 y Photoshop CS3. Acciones y rollovers de JavaScript Algunas funciones de GoLive, entre ellas Acciones y rollovers de JavaScript, utilizan atributos o etiquetas especiales (csactions, csimport, csscriptdict) para proporcionar una Guía de conversión GL2DW 15

16 sencilla creación visual de funciones complejas. Si no quita el código HTML de esos elementos o etiquetas antes de migrar el sitio a Dreamweaver, se quedará en el código fuente. Aunque toda la funcionalidad de la página permanece igual en un navegador web, estos elementos y etiquetas específicos de GoLive no se pueden editar de forma sencilla en Dreamweaver. Puede dejar las acciones y rollovers de JavaScript intactas y optar por reconstruir la funcionalidad con comportamientos comparables de Dreamweaver en el panel Comportamientos. Utilice el panel Comportamientos de Dreamweaver para reconstruir la funcionalidad JavaScript desde Acciones de GoLive. Información principal del componente La extensión GL2DW no transfiere la información almacenada en la sección principal de un componente de GoLive que se convierte a un elemento de biblioteca de Dreamweaver. Entre los ejemplos se incluyen CSS enlazado, JavaScript enlazado y metaetiquetas de la sección principal de la página del componente original. Dreamweaver no gestiona los componentes de la misma manera que GoLive, por lo que cualquier contenido principal necesario debería añadirse manualmente a las páginas de Dreamweaver que utilicen los elementos de biblioteca correspondientes. Paquete de InDesign para accesorios de GoLive Si usó la función Empaquetar para GoLive en Adobe InDesign CS2 para migrar el contenido a GoLive CS2, es posible que tenga carpetas como Accesorios de boletines en la carpeta raíz del sitio local. Dreamweaver reconocerá las imágenes y los archivos CSS de estas carpetas y le dejará utilizar esos activos en sus páginas web. Para futuros proyectos print-to-web (de la impresión a la web), debe explorar las nuevas funciones de exportación XHTML/Dreamweaver de InDesign CS3. Guía de conversión GL2DW 16

17 Requisitos del sistema para Dreamweaver CS3 Windows Procesador Intel Pentium 4, Intel Centrino, Intel Xeon o Intel Core Duo (o compatible) Microsoft Windows XP con Service Pack 2 o Windows Vista Home Premium, Business, Ultimate o Enterprise (certificado para ediciones de 32 bits) 512 MB de RAM 1 GB de espacio disponible en disco duro (se requiere espacio libre adicional durante la instalación) Resolución del monitor de x 768 con tarjeta de vídeo de 16 bits Unidad de DVD-ROM Conexión telefónica o de Internet necesaria para la activación del producto Conexión de Internet de banda ancha necesaria para Adobe Stock Photos y otros servicios Macintosh Procesador PowerPC G4 o G5 o Intel multinúcleo Mac OS X v MB de RAM 1,4 GB de espacio disponible en disco duro (se requiere espacio libre adicional durante la instalación) Resolución del monitor de x 768 con tarjeta de vídeo de 16 bits Unidad de DVD-ROM Conexión telefónica o de Internet necesaria para la activación del producto Conexión de Internet de banda ancha necesaria para Adobe Stock Photos y otros servicios Recursos adicionales Vídeo de formación de migración de Lynda.com El vídeo de formación detallada en línea de Lynda.com le ayudará a comprender las ventajas de utilizar Dreamweaver y ofrece sugerencias sobre cómo realizar tareas comunes de GoLive en Dreamweaver. También aprenderá a migrar el contenido de GoLive a un formato que se pueda importar y administrar en Dreamweaver. Vídeo de formación de Dreamweaver CS3 de Lynda.com El vídeo de formación de Lynda.com le guía por las nuevas funciones de Dreamweaver CS3. Vídeo de formación de migración de GoLive a Dreamweaver de Total Training Completos tutoriales en vídeo de los profesionales de Total Training. En esta serie, la experta del sector Janine Warner le enseñará GoLive y Dreamweaver. Aprenda a comparar las opciones de diseño, a usar CSS, a comparar las funciones avanzadas y mucho más. Visite para obtener más detalles. Centro de desarrolladores de Adobe Si utiliza GoLive CS2 o ha heredado un sitio web creado con GoLive, puede modificarlo en Dreamweaver CS3. Este artículo del Centro de desarrolladores de Adobe está diseñado para ayudarle con la transición del sitio. Acerca de los autores Adam Pratt y Lynn Grillo son ingenieros de soluciones de Adobe que se dedican a soluciones de publicación impresa y web de Adobe. Además de maestros de Creative Suite y especialistas web certificados de Adobe, son coautores de cuatro libros de GoLive y tienen años de experiencia como usuarios de Dreamweaver. Combinando su experiencia de formación con el hecho de que recuerdan la primera vez que se lanzó GoLive CyberStudio 1.0, tenemos dos conocidos veteranos de la industria capaces de guiarle con éxito por la migración de GoLive a Dreamweaver. Más información Para obtener más detalles acerca de Adobe Dreamweaver, visite Adobe Systems Incorporated 345 Park Avenue San Jose, CA EE.UU. Adobe, el logotipo de Adobe, Acrobat, Creative Suite, Dreamweaver, GoLive, Illustrator, InDesign y Photoshop son marcas comerciales o marcas registradas de Adobe Systems Incorporated en los Estados Unidos y en otros países. Mac, Mac OS y Macintosh son marcas comerciales de Apple Computer, Inc., registradas en los Estados Unidos y otros países. PowerPC es una marca comercial de International Business Machines Corporation en los Estados Unidos, otros países o ambos. Microsoft, Vista y Windows son marcas comerciales o marcas registradas de Microsoft Corporation en los Estados Unidos y en otros países. Todas las marcas comerciales son propiedad de sus respectivos propietarios Adobe Systems Incorporated. Reservados todos los derechos. Impreso en EE.UU. 04/13/07 Guía de conversión GL2DW 17