{"id":1544,"date":"2007-04-18T02:14:08","date_gmt":"2007-04-18T00:14:08","guid":{"rendered":"http:\/\/www.design-sensation.almaweb.es\/analisis-dreamweaver-cs3"},"modified":"2007-04-18T02:14:08","modified_gmt":"2007-04-18T00:14:08","slug":"analisis-dreamweaver-cs3","status":"publish","type":"post","link":"https:\/\/alma.yweb.es\/ds-alma\/analisis-dreamweaver-cs3\/","title":{"rendered":"An\u00e1lisis: Dreamweaver CS3"},"content":{"rendered":"
<\/div>\n

Dreamweaver CS3 no s\u00f3lo supone la primera versi\u00f3n del potente programa de dise\u00f1o web desde que est\u00e1 bajo el tutelaje de su nuevo propietario, Adobe, sino que tambi\u00e9n se trata de la primera versi\u00f3n que funciona de forma nativa en los Mac basados en procesadores Intel. Dreamweaver CS3 ofrece nuevas herramientas para dise\u00f1adores y tambi\u00e9n una muestra de c\u00f3mo pueden beneficiarse los usuarios de Dreamweaver de la integraci\u00f3n con el resto de los programas que componen la Creative Suite.<\/p>\n

Dreamweaver CS3 ofrece nuevas funciones en tres \u00e1reas clave: integraci\u00f3n con otros productos de Adobe, nuevas caracter\u00edsticas para la creaci\u00f3n, gesti\u00f3n y corrigiendo las Hojas de Estilo en Cascada (CCS); as\u00ed como un nuevo conjunto de herramientas basadas en JavaScript para la creaci\u00f3n de men\u00fas desplegables, validaci\u00f3n avanzada de formularios y la visualizaci\u00f3n de datos en una tabla interactiva.<\/p>\n

Si ya est\u00e1s utilizando Dreamweaver y Photoshop, entonces es bastante probable que encuentres engorrosa la cantidad de pasos necesarios para importar una imagen en Dreamweaver desde Photoshop (as\u00ed como de todos los pasos que debes repetir a la hora de editar el archivo de nuevo en Photoshop). Dreamweaver CS3 soporta el copiado y pegado directo desde Photoshop. En Photoshop CS3 puedes seleccionar una capa, rebanada, o incluso dibujar un marco en torno al \u00e1rea del documento que deseas copiar y copiar todas las capas correspondientes a dicha selecci\u00f3n; posteriormente s\u00f3lo tendr\u00e1s que cambiar al documento de Dreamweaver y pegarlo. (Tambi\u00e9n puedes saltarte estos pasos y limitarte a arrastrar el archivo PSD directamente sobre la p\u00e1gina de Dreamweaver.) La nueva ventana de optimizaci\u00f3n te permite aplicar ajustes de compresi\u00f3n directamente en Dreamweaver (se acab\u00f3 eso de \u00abGuardar para la Web\u00bb en Photoshop), guardar el archivo en tu sitio Web, e importar una nueva imagen optimizada en la p\u00e1gina web.<\/p>\n

Tambi\u00e9n puedes ejecutar Photoshop y abrir el archivo original para editarlo directamente en Dreamweaver. Despu\u00e9s de que hayas realizado los cambios deseados en Photoshop, copia la capa o porci\u00f3n que desees y pega la imagen reci\u00e9n editada en Dreamweaver sustituyendo la antigua imagen. Dreamweaver conservar\u00e1 los ajustes que hubieses aplicado a la anterior imagen (incluyendo el nombre del archivo optimizado) y volver\u00e1 a aplicarlos. Desafortunadamente, Dreamweaver no est\u00e1 completamente integrado con la suit de modo que no encontrar\u00e1s soporte para los objetos inteligentes o un flujo de trabajo sencillo para importar en tus p\u00e1ginas web los archivos generados con Illustrator.<\/p>\n

La novedad m\u00e1s glamurosa consiste en un conjunto de herramientas que permiten a\u00f1adir elementos de dise\u00f1o din\u00e1micos, as\u00ed como efectos visuales a las p\u00e1ginas web. Basado en el \u00abframework Spry\u00bb (una colecci\u00f3n de programas JavaScript desarrollados por Adobe), estas caracter\u00edsticas facilitan la inclusi\u00f3n de men\u00fas desplegables, la validaci\u00f3n de formularios HTML, as\u00ed como el uso de efectos animados y complejos, as\u00ed como la inclusi\u00f3n de tablas interactivas con din\u00e1micos.<\/p>\n

Las caracter\u00edsticas de Spry est\u00e1n reunidas en tres grupos principales: efectos, widgets y conjunto de datos. Los efectos son divertidos efectos visuales, como fundidos, movimientos, reducciones o ampliaciones, y que permiten dirigir la atenci\u00f3n a las im\u00e1genes o a otros contenidos de la p\u00e1gina. Los widget a\u00f1aden elementos de interacci\u00f3n. Por ejemplo, el Spry Menu Bar es una barra de navegaci\u00f3n que soporta men\u00fas desplegables de dos niveles; los widgets de validaci\u00f3n permiten realizar la verificaci\u00f3n de los datos en un formulario antes de que \u00e9ste se env\u00ede, de modo que puedas asegurarte de que se han facilitado los datos con el formato correcto. Otros widgets facilitan la presentaci\u00f3n de los datos en un \u00e1rea peque\u00f1a. Por ejemplo los widget de lengueta permiten situar el contenido en \u00e1reas de lengueta independientes.<\/p>\n

La caracter\u00edstica Spry Data permite tomar datos de un archivo XML y mostrarlos en una tabla. Las personas que visiten la p\u00e1gina Web pueden ordenar la tabla haciendo clic sobre las cabeceras de la columna e incluso ver informaci\u00f3n detallada sobre cualquiera de los elementos contenidos en las celdas de la tabla sin necesidad de tener que refrescar la p\u00e1gina desde el servidor web.<\/p>\n

Mejoras<\/span>
\nDreamweaver siempre ha tenido un potente conjunto de herramientas para la creaci\u00f3n y edici\u00f3n de CSS. Las hojas de estilo en cascada permite a los dise\u00f1adores web crear p\u00e1ginas web complejas con un excelente dise\u00f1o a partir de HTML. Desafortunadamente, tambi\u00e9n se trata de una tecnolog\u00eda compleja y confusa. Dreamweaver CS3 a\u00f1ade nuevas herramientas CSS para facilitar el trabajo con las hojas de estilo.<\/p>\n

Las nuevas caracter\u00edsticas de gesti\u00f3n CSS facilitan la reubicaci\u00f3n de las hojas de estilo, cambiar el nombre de los estilos y mover estilos entre diferentes hojas de estilo. Las nuevas plantillas CSS ofrecen dise\u00f1os de p\u00e1gina listos para usar con HTML y CSS b\u00e1sico que permiten crear los dise\u00f1os de p\u00e1gina m\u00e1s frecuentes (2 columnas, 3 columnas, ancho fijo y flexible, etc.) Los dise\u00f1os funcionan con todos los navegadores web actuales y como las plantillas son meros esqueletos, puedes modificarlas y a\u00f1adir archivos CSS para crear tus propios dise\u00f1os.<\/p>\n

La nueva herramienta \u00abCheck Browser Compatibility\u00bb te puede ahorrar horas de pruebas y error para asegurarte de que tus p\u00e1ginas se ven correctamente en los principales navegadores web. Esta herramienta examina las p\u00e1ginas web e identifica cualquier c\u00f3digo CSS o HTML que pueda no ser compatible con un navegador en concreto.<\/p>\n

Opciones de compra:<\/p>\n

Design Premium
\nIndesign CS3
\nPhotoshop CS3 Extended
\nIllustrator CS3
\nFlash CS3 Professional
\nDreamweaver CS3
\nAcrobat CS3 Professional<\/p>\n

Design Standard
\nLo mismo que arriba sin las aplicaciones web.<\/p>\n

Web Premium
\nDreamweaver CS3
\nFlash CS3 Professional
\nPhotoshop CS3 Extended
\nIllustrator CS3
\nFireworks CS3
\nAcrobat CS3 Professional
\nContribute CS3<\/p>\n

Web Standard
\nDreamweaver CS3
\nFlash CS3 Professional
\nFireworks CS3
\nContribute CS3<\/p>\n

Production Premium
\nAfter Effects CS3 Professional
\nPremier Pro CS3
\nFlash CS3 Professional
\nPhotoshop CS3 Extended
\nIllustrator CS3
\nSoundbooth CS3
\nEncore CS3<\/p>\n

Y Master Collection
\nQue incluye todas las aplicaciones antes mencionadas…<\/p>\n

Descargate la versi\u00f3n de prueba aqu\u00ed.<\/a><\/p>\n

Web: www.adobe.es<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Dreamweaver CS3 no s\u00f3lo supone la primera versi\u00f3n del potente programa de dise\u00f1o web desde que est\u00e1 bajo el tutelaje de su nuevo propietario, Adobe, sino que tambi\u00e9n se trata de la primera versi\u00f3n que funciona de forma nativa en los Mac basados en procesadores (Leer m\u00e1s)<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[43],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7hUbM-oU","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/posts\/1544"}],"collection":[{"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/comments?post=1544"}],"version-history":[{"count":0,"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/posts\/1544\/revisions"}],"wp:attachment":[{"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/media?parent=1544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/categories?post=1544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alma.yweb.es\/ds-alma\/wp-json\/wp\/v2\/tags?post=1544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}