Cristalab

                 ¿Quieres registrarte?

Adobe Dreamweaver CS4: Top 8 de novedades

Por: Freddie + 23 de Septiembre del 2008

Seré muy sincero. Hace ya bastante tiempo abandoné Dreamweaver y uso exclusivamente Aptana para desarrollo web. CSS, HTML, Javascript, PHP. Sin embargo, esta versión de Dreamweaver incluye muchas de las cosas que me encantan de Aptana y algunas nuevas que me hacen pensar. Desde intellisense para Javascript hasta integración de Subversion. Estas son las novedades

Live View



Esto es grande. El modo visual de Dreamweaver, criticado por tantos por no ser exacto, malacostumbrar a los diseñadores y otras cosas, ha mejorado. Mucho. Ahora no sólo es posible ver el CSS tan similar al navegador como es posible, sino también puede interpretar Javascript, comportamientos de AJAX y estados de AJAX. Si cargas datos XML usando AJAX, si cambias el color o efectos de algun elemento con Javascript, si implementas efectos interactivos con CSS, los podrás ver con Live View.

Navegador de código



En pocas palabras, el Code Navigator de Dreamweaver CS4 es la extensión Firebug de Firefox. Puedes, de manera inmediata, ver el código CSS, HTML y JS que afecta o está relacionado con elementos en la vista de diseño o Live View. Además de eso, el navegador es capaz de cargar el DOM. Eso significa que si haces cambios con Javascript al contenido HTML de un sitio web, podrás ver esos cambios en el Code Navigator. Como Firebug, pero completamente integrado dentro de Dreamweaver.

Enfoque en CSS estándar y bien hecho


Dreamweaver aun permite crear CSS sin necesidad de escribir código, por medio del inspector de propiedades. Pero ahora es capaz de dividirlo en varias hojas, entender la estructura HTML, los IDs y organizarlo de la mejor y más semántica manera.

Datos con Spry



Spry es el framework de Javascript y AJAX de Adobe. Realmente no me interesa mucho porque soy fiel a jQuery, pero es bueno contar que Dreamweaver CS4 es capaz de crear áreas dinámicas de datos. Tablas que se autorepiten con datos que llegan por XML hacia Spry.

Completado de código Javascript (Intellisense)



Esta es. La principal razón por la que me pase a Aptana fue su capacidad de analizar el código CSS, Javascript y PHP externo o interno vinculado a un documento y mostrar ayudas de código relacionadas. Ahora Dreamweaver CS4 también es capaz de analizar código en Javascript y mostrar en un menú desplegable las funciones y propiedades de objetos que hayamos creado, a medida que codeamos. No sé que tan amigable sea con frameworks complejos como jQuery, pero es un avance sin dudas.

Subversion y control de versiones


Si eres programador, sabes que Subversion es uno de los más usados sistemas de control de versiones y administración de código en equipos de desarrollo. Dreamweaver CS4 tiene integrada nativamente la capacidad de sincronizarse con un repositorio SVN. Simple y directo. El comportamiento es bastante intuitivo y sencillo.

Objetos inteligentes de Adobe Photoshop y Fireworks



Crea una imagen, sincronizala con Photoshop y todos los cambios que hagas en un PSD se verá en un JPG exportado y optimizado para la web. Agranda la imagen dentro de Dreamweaver y automáticamente Photoshop mejorará la calidad y exportará una imagen del tamaño que colocaste. No tengo idea cómo funcionará esto por debajo, porque potencialmente puede causar muchos problemas, pero al mismo tiempo puede ahorrar mucho tiempo.

Exportación a Adobe AIR en un click


Igual que Flash CS4, Dreamweaver CS4 puede convertir en un click una aplicación web en HTML+CSS+Javascript a una aplicación de escritorio instalable y ejecutable. Todo igual que Flash.

Video de lanzamiento




¿Usas Dreamweaver CS4?


Seguro muchos de ustedes están en mi posición. Han abandonado los editores visuales y se dedican sólo al código, combinado con Firebug u otras herramientas de depuración. Dreamweaver CS4 parece un paso en la dirección correcta, pero no sé si realmente me hará abandonar Aptana ¿Lo usarán?

Nota nostalgica :


Artículos Relacionados


Etiquetas dreamweaver adobe cs4

Comentarios | Enviar un comentario
OMG!!!!

Mi desprecio por dreamweaver cada vez se desvanece más y más!
Por: elfleat
.....................
no me convence..............
esperaba mas,, no se que pero MAS

igual, ultimamente he estado tratando con Aptana, nada que envidiar
Por: eveevans
Y sobre todo hab´ra que ver si todo eso no significa sacrificar el rendimiento del programa, considerando que dejé de usar DW CS3 por pesado, quitando eso inteliisense es la característica que más me agrada.
Por: Aoyama
Será cuestión de probarlo primero ^^
Por: daz_angie
Pos si, al fin (creo yo) un intellisense para JS... es lo único que me llama la atención. Bueno, aparte de poder observar (supongo que con ciertas limitantes) el comportamiento JS y de ajax "en vivo". Pero de todos modos, no se... hay algo que no me termina de convencer. U_U
Por: mauril26
Actualmente uso DW CS3 y DW4 trae muchas mejoras interesantes; no tengo experiencia en el uso de otros IDEs asi que no puedo aportar mucho en cuanto a comparativas; un tiempo probe Aptana en Linux pero fue un rollo configurar el ftp para la edicion de archivos desde el host remoto. Probare ahora Aptana en Windows.
Por: Jorgelig

Jorgelig :

un tiempo probe Aptana en Linux pero fue un rollo configurar el ftp para la edicion de archivos desde el host remoto. Probare ahora Aptana en Windows.
La primera versión de la sincronización FTP en Aptana era una porquería en usabilidad. Desde entonces le han cambiado mucho la interfaz y ahora es muy similar a Dreamweaver.

De hecho, si tienes todo configurado puedes, igual que en Dreamweaver, hacer CTRL+SHIFT+U y el archivo busca su propia carpeta y sube.
Por: Freddie
Aaaa genial, yo uso bastante dreamweaver, ¿Aptana?, lo tendré que probar, es bueno saber que hay un equivalente para Linux que es parecido a dreamweaver...
Por: Ancelot

Ancelot-blog :

es bueno saber que hay un equivalente para Linux que es parecido a dreamweaver...
De hecho, Aptana es multiplataforma. Yo lo uso en Mac y Windows.
Por: Freddie
Pues, a mí me pasó otro tanto de lo mismo con DW, aunque no lo he desechado del todo y me sigue pareciendo c00l. Esta versión parece que me hará darle una nueva probada. Sobre todo me interesa la integración que tiene con otras herramientas, como Photoshop. Esa comunicación entre aplicaciones siempre es una ventaja.
Por: The Fricky!
En realidad he probado con otros IDE, pero para muchos casos DW tiene todo lo que otros no, y me parece que no es lo mismo hacer todo en modo código e ir a visualizarlo al navegador, en muchos casos DW te permite hacerlo mas rápido, lo cual es menos tiempo de desarrollo, sobre todo para los últimos ajustes, y mas si tienes un diseñador atrás pataleando porque le corriste 2 pixeles el maquetado al ponerle tu código PHP, en ese trabajito fino final, me parece que es mejor usar DW.
Por: elQuique

elQuique-blog :

mas si tienes un diseñador atrás pataleando porque le corriste 2 pixeles el maquetado al ponerle tu código PHP, en ese trabajito fino final, me parece que es mejor usar DW.
Para esas cosas, normalmente uso Firebug.
Por: Freddie
Muchas innovaciones que no usaré, de hecho, uso Aptana así que no usaré nada de DW :P
lo que sí odio y re-odio de Aptana es que no tenga WordWrap, y ese parche monkeyscript que tienen no sirve de mucho, cada vez que se abre algo hay que invocarlo, y lo peor es que se lavan las manos con que es una limitación del Eclipse... por lo demás una joyita
Por: Skatos
Excelente!!!, yo que ya había empezado a usar aptana, me parece que me quedo con Dream CS4 :D.
Por: JJJDDD
Lo malo malo extensiones no hay soporte para jquery prototype etc, punto para aptana pero bueno, la tradición pesa mucho desde tiempo atrás y dreamweaver no deja de ser esencial en muchas cosas
Por: juanma-blog
a mi me va mejor ahora, combinando Jedit con firebug y la web developer toolbar de firefox, que con dreamweaver y sus pesados movimientos... ya solo lo utilizo para generar mapas de imagen u otras cosas sencillas.
Por: ian-blog
y por cierto... bajando aptana!
Por: ian-blog

juanma-blog :

Lo malo malo extensiones no hay soporte para jquery prototype etc, punto para aptana pero bueno, la tradición pesa mucho desde tiempo atrás y dreamweaver no deja de ser esencial en muchas cosas


Pues según ellos:

Adobe :

Sugerencias para el código de los frameworks de Ajax y JavaScript

Escriba el código de JavaScript con mayor eficacia, beneficiándose de las mejoras de la asistencia con respecto a los tipos de datos primitivos y objetos principales de JavaScript. Utilice la función de código extendido de Dreamweaver CS4 incorporando conocidos frameworks de JavaScript, como jQuery, Prototype y Spry.

Por: Sisco
A mi me encanta Dreamweaver, supongo que debe ser porque no soy programador puro, es decir que programo obligado por las circunstancias. Y me va estupendo para todo, para el CSS, para PHP, para el diseño visual, al poder editar de forma rápida toda clase de imágenes, además me ahorro escribir código por un tubo, que ya está escrito por DW. etc.

Me gusta mucho, y esta versión creo que es un gran paso para ser el mejor programa para los "devigners" (por usar la palabreja que alguien nombró por aquí en algún post), si no lo era ya.
Por: Sisco
Que significa Dreanbueaber ? yo para hacer paJinas web uso frontpage y me va re bien
aksjksjakjs
jaja que raro que nadie nombro a frontpage y pensar que gracias a la porqueria que era frontpage me pase a dreamweaver unos cuantos años atras...
HomeEdit? vale vale, quien se acuerda de algun otro muerto?
Bueno, uso dreamweaver y soy programador, pero empece "diseñando" y me resulta muy comodo la vista Split, pero depende como uses dreamweaver va a quedar tu código de calidad, igual suelo escribir mucho código a mano pero dreamweaver a veces sirve muchisimo.
Me encanto lo de la conexión con photoshop!
Bueno es todo ciao
Por: Raxiro-blog
En realidad Dreamweaver tiene algo bueno, su mal motor de interpretación. Si funciona ahí, de seguro que anda en todos los browsers!!! :P
Por: Skatos
Nou, no me cambiaré a dreamweaver. Ninguna de las nuevas funcionalidades se me hacen muuuy relevantes.

Aunque debo decir que es un buen avanze de parte de adobe.

Lo que me llama la atención es la exportación a adobe AIR. Me gustaría probarlo..
Por: ivanfc0o
Lo bueno de DW es que ahora esta mas interesado en aspecto de codigo, en programacion web lo mas era Aptana Studio, Microsoft Visual Web Developer y Expression Web, ahora DW supero a ellos escalando varios escalones con la adicion de Datos y estructuras Spry, AJAX nativo, Live View como un editor WYSIWYG, completado de codigo Intellisense y correccion tal como lo hace Visual Studio, la suversion y el control de versiones.

Es el primero que elegi a la hora de crear sitios, empece con Dreamweaver 6 y era puro diseño, ahora esta mas evolucionado con diseño/programacion atrayendo a los mas adeptos de la Web.
Por: Siriö
Hace tiempo que no uso Dreamweaver, pero esta nueva versión tendré que probarla para ver que tal..!
Por: torrealbaruben
Me parecen interesante las nuevas funcionalidades y demas que trae el DW, yo de todas formas sigo usando el dw para lo que venga a ser la parte de diseño, pero para la promacion PHP uso el Zend Studio para eclipse, es bastante bueno.

Ahora el tema de la SVN esta excelente, ya que era muy complicado trabajar en equipo antes (si no usas el MVC como estructura). Ahora lo de subir tus archivos automaticamente, prefiero hacerlo con un cliente FTP normal (Cute FTP, WinSCP o Filezilla) ya que son mas rapidos que el FTP de DW, aun no he probado la nueva version, pero espero que no deje mucho que desear.

Otra cosa, el DW es pesado? SI. Pero las PCs acaso no son mucho mas potentes? SI. Entonces si tienes una PC con procesador de un nucleo y menos de 1gb de ram, es mejor otras alternativas a que el nuevo DW, pero sino, no creo que le pese nada (tal vez un poco).
Por: norman-blog
Freddy, el roundtrip de las imágenes al .psd original es un motor que ya tenía el extinto GoLive, asi que está garantizado que por debajo funciona a las mil maravillas.
Por: Carlos Arango-blog

Carlos Arango-blog :

Freddy, el roundtrip de las imágenes al .psd original es un motor que ya tenía el extinto GoLive, asi que está garantizado que por debajo funciona a las mil maravillas.

¡Cierto. Yo sabía que eso me parecía conocido!
Por: The Fricky!
Que bueno que en DreamWeaver hayan mejorado el modo visual, pero hace tiempo deje DW por otros como Aptana y creo que no volveré atrás jeje
Por: c4torc3
Hola a todos .. yo soy un entusiasta de Dreamweaver desde la Version 3 (año 2000) que fue cuando lo comenze a usar, si bien todavia tiene cosas que se pueden mejorar, si puedo decir que desde que cayo en manos de Adobe muy por el contrario de lo que muchos pensaron, esta empresa lo "repotencio" y en esta segunda version de la firma Adobe ha mejorado notablemente la interfaz, ayudas y componentes, aunque en la parte de AJAX (Sprite) todavia le falta .. veremos grandes cosas sobre este producto.
Mi comentario particular lo pueden encontrar en http://www.felixalvarez.net
Por: Felix Alvarez-blog
yo uso el cs3, y espero com ansias tener el cs4, es cuestion de gustos, uso el DW desde el 2004
Por: Rommel-blog
Actualmente utilizo Aptana y Eclipse, luego de haber utilizado Dreamweaver desde la versión MX hasta CS3.

Ahora estoy descargando Dreamweaver CS4, para probar esas novedades.
Por: Zuquirio Ãmaur-blog
Probé Expression Web 2 y dije adios a Dreamweaver....
Por: neron-blog
Yo soy Diseñador y no puedo vivir sin en entorno visual aunque nunca le hago mucho caso a la parte visual me apoyo mucho del Firebug, pero dreamwevas siempre se me ha hecho muy amigable y ahora con estas mejoras creo que me va agradar mas Dreamwever y he utilizado otros editores como NVO y Aptana pero le soy fiel a Dremwever y es que la mejor herramienta es la que mas tu dominas y pues cada quien tendrá sus preferencias.

y vamos calando la CS4 que aunque no pinta fantástica si tiene cambios interezantes.
Por: Allen Zapien-blog
K PEDO NO ENTIENDO NADA JAJAJAJAJAJAJAJAJA
Por: ANONIMO-blog
desaproveche ancho de banda para bajar los cs4 y miro ke todavia les falta, uno como desarrollador en mi caso no me serve el dreamweaver asi como ta
Por: crackerdemon-blog
por que no aparece lo que busdo
Por: anette anahi gomez dzib-b
Es una actualizacion bastante buena con lo de Subversion y todo esto - me encanta.
Por: [url=http://www.viplangua
Bueno pues realmente al salir nos actualizamos aqui en la oficina, aqui usamos el dreamweaver por el control de archivos que se tiene para trabajar en equipo ya que aqui no tienen subversion.

Ademas de eso la facilidad de tener acceso a todos los archivos incluidos en una pagina dinámica a un solo click es fenomenal. Muchas veces me ha tocado que buscar un archivo incluido que aunque no tardaba mucho ahora con esto es menos.

El Code Explorer esta de perlas para saber que clases o id's afectan a una imagen, div, o cualquier elemento de la pagina (en vista de codigo o visual) ayuda mucho a debugear css sin depender tanto del navegador.

El live view es genial para debugear rapidamente las acciones sin estar cambiando y regresando del dreamweaver al navegador. En ambientes de desarrollo pesado esos segundos cuentan muchisimo.

Realmente me encanto cuantas mejoras en cuanto a estandares tiene el DW CS4 y cuantas ayudas al programador tiene.

Aptana es muy bueno, pero para MI el hecho que corra sobre java es una gran desventaja ademas del hecho que corre en Subversion pero no en control de archivos por usuario (como trabajamos en la oficina).
Por: f0vela-blog
Yo solo tenga la beta :(
Pero tiene lo mismo :)
No habia oido sobre Aptana :?
Es mejor que el Dreamweaver?
Por: [Ray]
En realidad Ray es diferente en ciertas cosas, en lo personal prefiero DW porque es nativo y no corre sobre java (pero es opinion personal de un programador que le desagrada java) es bueno, pero con las nuevas adiciones de DW, Aptana no parece ser mucho mejor que DW y por encambio DW tiene mas ventajas si utilizas mas paquetes de la familia adobe como Photoshop y/o Illustrator.
Por: f0vela-blog
Alguien me puede decir como trabajar con las tablas separadamente en cs4, y como asignar la index.html en home page?
Por: miguel-blog
Yo soy mas diseñador que programador y me va bastante bien, uso DW desde la versión 2 (justamente lo conocí por haber probado frontpage antes y salí disparado a buscar otra cosa !!!)
Usé el cs4 y volví al cs3 por un posible bug que tenía al guardar los datos de ftp, son los dos pesaditos si, pero es que... qué programa no se pone pesadito hoy en día si cada vez pedimos mas cosas integradas?
Por: walter-blog
:D hola yo tengo una pregunta es toy haciendo una pagina web y todo funciona bien solo q los videos no cargan :twisted: tengo unas subpaginas y estas si cargan el video estas subpaginas estan dentro de otras carpetas al igual q el video pero en la pagina principal no me lo carga aun q ponga el video en el mismo lugar en donde esta la pagina no c si me entiendan pero ya ise todo lo q se me ocurria y no puedo desde ahora le doy las gracias por su respeustas bye :)
Por: brianda
me gustaria saber como activar la tabla de diseño, y el uso de las celdas de diseño
Por: carlos galeano-blog
Casi lo Abandoné, pero ahora mismo desarrollo con CS4, por lo meno cumple con toda mis nesesidades, no a la perfección pero como editor visual de HTML es muy bueno le pega 50 patadas al editor visual de .NET jajaja

Saludos =D
Por: Moncho-blog
Pues yo sigo pensando que genera mas codigo basura que otra cosa
Por: nexxxus-blog
Pues yo he probado Aptana que por aquí parece que gusta mucho y es muy muy lento...al estar basado en el pesado Eclipse (Java) sufre de la misma enfermedad...mucha lentitud. Si quereis hacer la prueba, abrid 10 archivos de codigo...y navegad de uno a otro..y entendereis a qué me refiero.

Personalmente me quedo con Netbeans PHP, el mejor IDE en mi opinion.

Un saludo
Por: Tubal-blog
@Tubal-blog: pues Netbeans tambien es java y va lento igual al menos a mi. xDD
Como todo ira mejorando pero ya es algo que haya una herramienta libre para diseñar webs aunque le falte la parte de editor visual(que para muchos es fundamental).
Yo me conformaria con un editor similar al DW de CSS integrado en Eclipse.
Por: Juan-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.