[Como] Instalar Dreamweaver CS3 en Ubuntu 8.04

Con este super tutorial podremos instalar la mas completa suite de desarrollo web jamas creada nada menos que en Ubuntu Linux.



Comenzando con la instalación: Wine
Lo dicho, utilizaremos Wine a fin de crear un entorno similar a Windows para Dreamweaver. Si ya tienes instalado Wine puedes saltearte este paso, de lo contrario escribimos en una terminal:



sudo apt-get install wine
Y luego:



winecfg
Una vez hecho esto aparecera la ventana de configuración de Wine, hacemos clic en Aceptar para cerrarla. Ahora buscaremos la carpeta .wine en nuestro directorio personal (si no la encuentras, busca en el menú Ver y selecciona la opción Mostrar los archivos ocultos).
Importando Dreamweaver CS3 desde Windows
Para esto es necesario tener una partición con Windows y Dreamweaver instalados. Si no es así, la otra opción es instalar Windows XP con Dreamweaver en una máquina virtual.
Cualquiera sea el camino elegido, hay 5 carpetas esenciales que necesitaremos copiar a Ubuntu:
1. Abrimos el administrador de archivos y buscamos en Windows el directorio C:\Archivos de programa. Copiamos la carpeta ‘Adobe’ con todo su contenido a Ubuntu en /home/nombredeusuario/.wine/drive_c/Archivos de programa.
2. A continuación buscamos también en la partición de Windows el directorio C:\Documents and Settings\nombre_de_usuario_en_windows\Datos de programa (si no encuentras la carpeta Datos de programa, ve a Herramientas > Opciones de carpeta > Ver y selecciona Mostrar todos los archivos y carpetas ocultos) y copia la carpeta ‘Adobe’ con todo su contenido a Ubuntu en /home/nombredeusuario/.wine/drive_c/windows/profiles/All Users/Datos de programa.
3. Nuevamente buscamos en Windows el directorio C:\Archivos de programa\Archivos comunes y copiamos la carpeta ‘Adobe’ con todo su contenidos a Ubuntu en /home/nombredeusuario/.wine/drive_c/Archivos de programa/Archivos comunes.
4. Siguiendo con la partición de Windows buscamos C:\WINDOWS\system32 y copiamos la carpeta ‘Macromed’ con todo su contenido a Ubuntu en /home/nombredeusuario/.wine/drive_c/windows/system32.
5. Por último nos dirigimos a C:\WINDOWS y copiamos la carpeta ‘WinSxS’ con todo su contenido a Ubuntu en /home/nombredeusuario/.wine/drive_c/windows.
A continuación, debemos importar las claves del registro de Dreamweaver a Wine.
Para esto tendremos necesariamente que ingresar a Windows, hacer clic en Inicio > Ejecutar y en el cuadro de texto escribir regedit.
En el panel izquierdo de la ventana emergente, buscamos la ruta HKEY_LOCAL_MACHINE > SOFTWARE > Adobe > Dreamweaver. Una vez que lo hallamos hacemos clic con el botón derecho del mouse en la carpeta ‘Adobe’ y seleccionamos la opción exportar. Guardamos el archivo como dreamweaver.reg.
Copiamos dreamweaver.reg a nuestro directorio personal en Ubuntu.
Ahora necesitaremos convertir el archivo del registro a formato ASCII:

sudo apt-get install recode
recode ucs-2..ascii dreamweaver.reg
wine regedit dreamweaver.reg
Con esto ya hemos importado todos los archivos necesarios desde Windows hacia Ubuntu.
Para probar la instalación:

cd .wine/drive_c/Archivos\ de\ programa/Adobe/Adobe\ Dreamweaver\ CS3/
Y por último:



wine Dreamweaver.exe
Si todo ha ido bien Dreamweaver será ejecutado y tendremos algo como esto:


Adobe Dreamweaver CS3 corriendo en Ubuntu Hardy Heron

Creando una entrada en el menú de aplicaciones
Para crear una entrada en el menú de aplicaciones, haremos clic con el botón derecho del mouse en el menú Aplicaciones y seleccionamos Editar los menús.
Buscamos la entrada Wine > Programs y seleccionamos Elemento nuevo. Escribimos lo siguiente:
Type: Aplicación
Name: Dreamweaver CS3
Command: wine /home/nombredeusuario/.wine/drive_c/Archivos\ de\ programa/Adobe/Adobe\ Dreamweaver\ CS3/Dreamweaver.exe
Clic en Cerrar y listo. Con esto ya deberías tener la nueva entrada en el menu de aplicaciones. También puedes arrastrar la entrada hacia tu escritorio o al panel superior para crear un lanzador.

e-books gratuitos de Dreamweaver y Flash

Acaban de salir 2 libros de diseño disponibles para su descarga gratuita en la colección de Portafolio Blog.

El primero nos enseña a utilizar el programa Dreamweaver MX, un editor de códigos muy utilizado por los programadores web.

El segundo explica de forma sencilla las herramientas de Macromedia Flash MX, ideal para aprender flash y aplicarlo de forma correcta en una web.

Descargar libro Dreamweaver MX
Descargar libro Macromedia Flash MX

Manual de ADOBE DREAMWEAVER CS3 [Tutorial]

CONTENIDO DEL MANUAL DE ADOBE DREAMWEAVER CS3

GUÍA DEL USUARIO
Capítulo 1: Introducción
Instalación
Ayuda de Adobe
Recursos
Novedades
Capítulo 2: Espacio de trabajo
Flujo de trabajo y espacio de trabajo de Dreamweaver
Utilización de la ventana de documento
Utilización de barras de herramientas, menús contextuales y paneles
Personalización del espacio de trabajo de Dreamweaver CS3
Capítulo 3: Utilización de los sitios de Dreamweaver
Configuración de un sitio de Dreamweaver
Utilización de un mapa visual del sitio
Administración de sitios de Contribute con Dreamweaver
Utilización de archivos sin definir ningún sitio
Opciones de la ficha Básicas
Capítulo 4: Creación y administración de archivos
Cómo crear y abrir documentos
Administración de archivos y carpetas
Obtención y colocación de archivos en el servidor
Desprotección y protección de archivos
Sincronización de archivos
Comparación de archivos para detectar diferencias
Recuperación de versiones anteriores de archivos (usuarios de Contribute)
Cómo ocultar carpetas y archivos en el sitio
Almacenamiento de información sobre archivos en Design Notes
Comprobación del sitio
Capítulo 5: Administración de activos y bibliotecas
Activos y bibliotecas
Utilización de activos
Creación y administración de una lista de activos favoritos
Utilización de los elementos de biblioteca
Capítulo 6: Creación de páginas con CSS
Aspectos básicos de las hojas de estilos en cascada
Creación y administración de CSS
Diseño de páginas con CSS
Utilización de etiquetas div
Animación de elementos PA
Manual ex Macromedia
Manuales Adobe Dreamweaver CS3 español
Curso guia gratis
Gratuito pdf
Tutorial
Tutoriales web
Capítulo 7: Maquetación de páginas con HTML
Utilización de ayudas visuales al diseñar
Presentación de contenido en tablas
Diseño de páginas en el modo de diseño
Utilización de marcos
Capítulo 8: Adición de contenido a las páginas
Utilización de páginas
Adición y aplicación de formato al texto
Adición y modificación de imágenes
Inserción de contenido de Flash
Adición de contenido de Flash Video
Adición de sonido
Adición de otros objetos multimedia
Capítulo 9: Establecimiento de vínculos y navegación
Acerca del establecimiento de vínculos y la navegación
Vinculación
Menús de salto
Barras de navegación
Mapas de imágenes
Solución de problemas de vínculos
Capítulo 10: Obtención de vista previa de páginas
Obtención de vista previa de páginas en navegadores
Obtención de vista previa de páginas en dispositivos móviles
Capítulo 11: Utilización del código de las páginas
Codificación en Dreamweaver
Configuración del entorno de codificación
Personalización del entorno de codificación
Escritura y edición de código
Contracción del código
Optimización y depuración del código
Edición de código en la vista Diseño
Utilización del contenido de Head para páginas
Utilización de server-side includes
Administración de bibliotecas de etiquetas
Importación de etiquetas personalizadas a Dreamweaver
Capítulo 12: Cómo añadir comportamientos JavaScript
Utilización de comportamientos JavaScript
Aplicación de comportamientos incorporados en Dreamweaver
Capítulo 13: Utilización con otras aplicaciones
Integración con otras aplicaciones
Utilización de Fireworks
Utilización con Photoshop
Utilización de Flash
Utilización con Bridge
Utilización de Device Central
Capítulo 14: Creación y administración de plantillas
Plantillas de Dreamweaver
Reconocimiento de plantillas y documentos basados en plantillas
Creación de una plantilla de Dreamweaver
Creación de regiones editables
Creación de regiones repetidas
Utilización de regiones opcionales
Definición de atributos de etiqueta editables
Creación de una plantilla anidada
Edición, actualización y eliminación de plantillas
Exportación e importación de contenido de plantillas
Aplicación o eliminación de una plantilla de un documento existente
Edición de contenido de un documento basado en plantilla
Sintaxis de plantilla
Configuración de preferencias de edición para plantillas
Capítulo 15: Visualización de datos XML
Acerca de XML y XSLT
Realización de transformaciones XSL en el servidor
Realización de transformaciones XSL en el cliente
Entidades de caracteres no presentes
Capítulo 16: Creación visual de páginas de Spry
Acerca del framework de Spry
Adición de widgets de Spry
Utilización del widget de acordeón
Utilización del widget de barra de menús
Utilización del widget de panel que puede contraerse
Utilización del widget de paneles en fichas
Utilización del widget de campo de texto de validación
Utilización del widget de área de texto de validación
Utilización del widget de selección de validación
Utilización del widget de casilla de verificación de validación
Visualización de datos con Spry
Adición de efectos de Spry
Capítulo 17: Preparación para crear sitios dinámicos
Aspectos básicos de las aplicaciones Web
Instalación de un servidor Web local
Configuración de una aplicación Web
Conexiones de base de datos para desarrolladores de ColdFusion
Conexiones de base de datos para desarrolladores de ASP
Conexiones de base de datos para desarrolladores de PHP
Conexiones de base de datos para desarrolladores de ASP.NET
Conexiones de base de datos para desarrolladores de JSP
Solución de problemas de conexiones de base de datos
Eliminación de scripts de conexión
Capítulo 18: Fuentes de datos para aplicaciones Web
Utilización de una base de datos para almacenar contenido
Recopilación de los datos enviados por los usuarios
Acceso a datos almacenados en variables de sesión
Capítulo 19: Creación de páginas dinámicas
Optimización del espacio de trabajo para desarrollo visual
Diseño de páginas dinámicas
Introducción a las fuentes de contenido dinámico
Paneles de contenido dinámico
Definición de fuentes de contenido dinámico
Adición de contenido dinámico a las páginas
Cambio de contenido dinámico
Visualización de registros de la base de datos
Visualización de Live Data
Utilización de servicios Web
Adición de comportamientos de servidor personalizados
Creación de formularios
Capítulo 20: Creación visual de aplicaciones
Creación de páginas maestra y detalle (todos los servidores)
Creación de páginas de búsqueda y resultados (ColdFusion, ASP, JSP, PHP)
Creación de una página de búsqueda en la base de datos (ASP.NET)
Creación de una página de inserción de registro (todos los servidores)
Creación de páginas para actualizar un registro (todos los servidores)
Creación de páginas para eliminar un registro (todos los servidores)
Creación de páginas con objetos de manipulación avanzados (ColdFusion, ASP, ASP.NET, JSP)
Creación de una página de registro (ColdFusion, ASP, JSP, PHP)
Creación de una página de conexión (ColdFusion, ASP, JSP, PHP)
Creación de una página para acceso de usuarios autorizados (ColdFusion, ASP, JSP, PHP)
Protección de una carpeta de su aplicación (ColdFusion)
Utilización de componentes de ColdFusion (ColdFusion)
Utilización de JavaBeans (JSP)
Capítulo 21: Creación de formularios ASP.NET y ColdFusion
Creación de formularios ColdFusion MX 7
Creación de formularios ASP.NET
Creación de controles Web Cuadrícula de datos y Lista de datos de ASP.NET
Capítulo 22: Automatización de tareas
Automatización de tareas
Capítulo 23: Accesibilidad
Dreamweaver y accesibilidad
Funciones de accesibilidad de Dreamweaver
Diseño de páginas accesibles
Capítulo 24: Métodos abreviados y extensiones
Métodos abreviados de teclado
Extensiones
Índice

MANUAL DE ADOBE DREAMWEAVER CS3