Diseño & Programación Web / Adobe Dreamweaver CC

Adobe-Dreamweaver-CC-Bogota-Colombia

Solicitar Cotización

Por favor ingrese los siguientes datos. Los campos con asterisco (*) son requeridos.

FORMULARIO DE CONTACTO

Manifiesto que los datos suministrados son reales, veridicos y pertenecen a la entidad o persona relacionada de acuerdo con la ley.

Licencia Adobe Dreamweaver CC

La herramienta más completa para diseñar, programar y administrar sitios Webs, aplicaciones o interfaces de usuario de forma sencilla. Bootstrap permite crear sitios Webs interactivos que se adaptan y cambian de tamaño para ajustarse a todos los navegadores. Licenciamiento por suscripción, Compatible Windows & MAC. Disponibilidad Inmediata


Porque Adobe Dreamweaver

Adobe Dreamweaver CC es una de las herramientas más completas del mundo para los diseñadores webs y los desarrolladores de aplicaciones o interfaces de usuario. Combina una potente superficie de diseño y un editor de código excepcional con unas herramientas de administración de sitios inmejorables para ayudarle a diseñar, programar y administrar sitios webs de forma sencilla.

 

Dreamweaver CC se ha rediseñado con una interfaz moderna y un motor de programación flexible y rápido para ofrecer a los diseñadores web y a los desarrolladores de aplicaciones o interfaces de usuario formas más sencillas de crear, programar y gestionar sitios web con una apariencia espectacular en pantallas de cualquier tamaño. Adobe Dreamweaver CC incluye un motor de programación totalmente nuevo, una interfaz de usuario completamente actualizada que permite seleccionar temas claros y oscuros, soporte para flujos de trabajo web modernos como preprocesadores de CSS y mucho más.

 

Su integración impecable con Bootstrap le permite crear sitios webs interactivos que se adaptan y cambian de tamaño para ajustarse a todos los navegadores, independientemente del tamaño, la resolución de pantalla o la orientación en que se representen. Su sólida integración con Adobe CreativeSync le facilita el trabajo con los activos de diseño desde herramientas como Photoshop e Illustrator, además de posibilitar la búsqueda de fotos de stock en Adobe Stock y el acceso a las mismas.

 

Programe más rápido y con mayor flexibilidad con el nuevo motor de programación de Dreamweaver. Las sugerencias de código ayudan a los nuevos usuarios a familiarizarse con HTML, CSS y otros estándares web, y las ayudas visuales, como el sangrado automático, los colores del código y las fuentes de tamaño ajustable, ayudan a reducir los errores y conseguir que su código sea más fácil de leer. 

Características Principales

  • Dreamweaver es compatible con los preprocesadores de CSS más habituales, como SASS, Less y SCSS, con representación del código a todo color y compilación para ahorrar tiempo y producir un código más limpio.
  • Escriba más de una línea de código a la vez para hacer cosas rápidamente, como crear una lista con viñetas, actualizar una serie de cadenas y hacer varias modificaciones a la vez.
  • El modo Edición rápida ofrece un editor en línea para el CSS relevante dentro de un archivo HTML para realizar cambios rápidamente.
  • El modo Documentos rápidos le ahorra tiempo al mostrar la información de referencia relevante de los Documentos de la plataforma web para las propiedades de CSS directamente en la Vista de código.
  • Cargue y abra archivos con rapidez y muévase por los proyectos más rápido gracias a un nuevo espacio de trabajo sencillo y de mayor rendimiento, diseñado para desarrolladores.
  • Obtenga la vista previa de las modificaciones que realiza en la página en tiempo real sin necesidad de actualizar manualmente el navegador.
  • Utilice las funciones de FTP de Dreamweaver para mover sus archivos a un servidor web.
  • Dreamweaver CC se puede utilizar en combinación con otras herramientas de Creative Cloud, como Adobe Photoshop, Illustrator, Animate CC y muchas más, para crear sitios webs modernos y atractivos. También puede compartir sus activos y colaborar con otras personas gracias a la integración con las Bibliotecas Creative Cloud.
  • Todas las funciones de Dreamweaver CC generan código HTML5 de acuerdo con las normas más recientes de desarrollo web. Gracias al editor de código, puede escribir y editar código según sus propias necesidades de desarrollo.
  • Dreamweaver CC es compatible con el framework de Bootstrap para crear por sitios web interactivos para dispositivos móviles antes que para escritorio. Dreamweaver CC también incluye funciones interactivas, como las consultas de medios visuales y los diseños de cuadrícula fluida.
  • Si ya tiene una instalación anterior de Dreamweaver CS6, puede seguir utilizándola tal como está. Los abonados a Creative Cloud pueden descargar versiones anteriores de Dreamweaver en cualquier momento para utilizarlas junto con su instalación actual de Dreamweaver CC.

 

Dreamweaver puede abrir y editar

  • Documentos HTML
  • Server-side Includes
  • Documentos JavaScript
  • Archivos PHP
  • Archivos XML
  • Archivos SQL
  • Archivos SVG
  • Archivos Json
  • Archivos de bibliotecas (*.lbi)
  • Archivos de plantillas (*.dwt)
  • Hojas de estilos (*.css, *.less, *.sass, *.scss)
  • Active Server Pages y Active Server Plus Pages
  • Plantillas ColdFusion
  • Manifiesto (*.appcache)
  • Archivos de configuración de directorio (*.htaccess)
  • Archivos de texto (*.txt) 

Funciones Principales

Compatibilidad con Git en Dreamweaver

  • La versión de Dreamweaver CC admite Git, que es un sistema de control de versiones de código abierto. Con la nueva compatibilidad con Git, ahora puede gestionar fácilmente sus archivos incluyendo código fuente desde Dreamweaver.
  • Ahora puede realizar operaciones comunes de Git desde Dreamweaver, sin la necesidad de utilizar herramientas de terceros. El nuevo panel Git (Windows > Git) le permite realizar distintas operaciones de Git, como confirmar, enviar, extraer y localizar.
  • También puede utilizar Git como herramienta de colaboración creando y combinando ramas y repositorios remotos. También puede ver las diferencias entre dos versiones de un archivo y los historiales de repositorios y ficheros. 
  • Además, el panel Archivos de Dreamweaver ahora admite una nueva vista de Git. Con esta vista puede ver y gestionar los archivos sin seguimiento, modificados, en escenario y confirmados que estén asociados a su sitio. 

 

Nuevos temas de código

  • Dreamweaver CC ahora admite dos nuevos temas de código: Monaki y Classic. Puede seleccionar y utilizar estos temas de código que ofrecen colores de código similares a Dreamweaver CC 2015. 
  • Seleccione Dreamweaver > Preferencias (macOS) o Edición > Preferencias > Interfaz (Windows), para probar los nuevos temas de código para mejorar la legibilidad y el atractivo visual.

 

Experiencia de bienvenida mejorada

Al iniciar Dreamweaver CC por primera vez, la pantalla de bienvenida ofrecerá una experiencia mejorada. La nueva experiencia de bienvenida muestra uno de los dos tutoriales de vídeo siguientes, en función del espacio de trabajo que elija:

  • Un tutorial rápido sobre el espacio de trabajo de desarrollador
  • Un tutorial rápido sobre el espacio de trabajo estándar

 

Otras mejoras

Dreamweaver CC ya está integrado con una nueva versión de CEF. Con la nueva versión de CEF, la Vista en vivo de Dreamweaver muestra los elementos HTML personalizados, las propiedades CSS y mucho más.

 

Compatibilidad con PHP 7.1

En versiones anteriores de Dreamweaver, era posible acceder a sugerencias de código y comprobaciones de lenguaje para PHP 5.6. Dreamweaver 17.1 está configurado para las versiones 5.6 y 7.1 de PHP. Puede optar por compilar los archivos PHP del sitio con 5.6 o 7.1 mediante el cuadro de diálogo Configuración del sitio, o Editar > Preferencias.

 

Función mejorada de Buscar y reemplazar

Esta versión incluye mejoras importantes de la función Buscar y reemplazar. Ahora puede buscar atributos y etiquetas mediante el cuadro de diálogo Buscar y reemplazar (Buscar > Buscar y reemplazar en archivos). Puede utilizar este cuadro de diálogo incluso si no hay ningún archivo abierto en Dreamweaver (por ejemplo, puede buscar dentro de una carpeta). Además, la barra de búsqueda rápida Buscar y reemplazar (Buscar > Buscar y reemplazar) ahora se ha pasado a la parte inferior del espacio de trabajo de Dreamweaver. Utilice este panel para buscar y reemplazar rápidamente texto y atributos en el documento actual.

 

Nuevos métodos abreviados de teclado para buscar y reemplazar:

  • Buscar en documento actual: Ctrl + F (Windows) y Cmd + F (Mac)
  • Buscar y reemplazar en archivos: Ctrl + Mayús + F (Windows) o Cmd + Mayús + F (Mac)
  • Reemplazar en el documento actual: Ctrl + H (Windows), y Cmd + Alt + F (Mac)

 

Crear campañas por correo electrónico utilizando Dreamweaver con Campaign

  • Ya es posible utilizar la extensión Campaign para Dreamweaver para campañas de correo electrónico personalizado. 
  • Crear contenido personalizado es muy importante para conseguir una conexión inmediata con el lector, incrementando así las posibilidades de éxito en el marketing por correo electrónico. 
  • Si utiliza Dreamweaver para crear campañas de correo electrónico, ahora puede ir un paso adelante y añadir contenido personalizado (como el nombre de usuario o una llamada a la acción personalizada) utilizando datos de Adobe Campaign.
  • Para comenzar, descargue la extensión Campaign haciendo clic en Ventana > Extensiones > Examinar extensionesy cree un nuevo boletín por correo electrónico o edite alguno ya existente. Una vez que haya terminado de diseñar y personalizar el contenido mediante los campos personalizables de Campaign, ya estará listo para seguir adelante.
  • Dreamweaver se sincroniza automáticamente con Campaign, de manera que los cambios de contenido de Dreamweaver aparecen disponibles en Campaign. Todo lo que tiene que hacer entonces es especificar una dirección de correo electrónico y enviar una campaña personalizada a su destinatario de correo electrónico.

 

Compatibilidad integrada con colores de código

  • Ahora puede crear y personalizar temas de código en función de los temas claros y oscuros predeterminados. A continuación, puede personalizar los colores del código modificando los selectores correctos en el archivo del tema.
  • Seleccione el tema del código claro u oscuro predeterminado en Edición > Preferencias > Interfaz. Si desea cambiar los colores del código, guarde el tema con un nuevo nombre y empiece a editar el archivo del tema. 

 

Editor de código rediseñado

  • Se han efectuado varias mejoras de productividad en el editor de código de Dreamweaver, que le permitirán realizar sus tareas de programación rápida y eficientemente.
  • Las sugerencias de código ayudan a los nuevos usuarios a familiarizarse con HTML, CSS y otros estándares web, y las ayudas visuales, como el sangrado automático, los colores del código y las fuentes de tamaño ajustable, ayudan a reducir los errores y conseguir que su código sea más fácil de leer. 

 

Sugerencias de código

  • La función de sugerencias de código de Dreamweaver se ha mejorado para proporcionar información más útil para el código seleccionado.
  • En versiones anteriores de Dreamweaver, al teclear un corchete de apertura, se obtenía una lista desplegable del código que pudiera ser relevante.
  • En esta versión, no solo verá el código relevante, sino que también obtendrá información adicional que le ayudará a avanzar rápidamente en lo relativo a HTML, CSS y otras tecnologías web dentro del propio Dreamweaver. 
  • El código en general es ahora más fácil de leer. Se han introducido mejoras en el formato del código y en los colores del mismo. 
  • Al escribir código, Dreamweaver aplica una sangría automática al mismo, para evitar los errores manuales de sangría y mejorar la legibilidad. 
  • Dreamweaver admite ahora coloreado de código para varios tipos de archivo adicionales.
  • Ahora puede usarse coloreado del código en los lenguajes HTML, JS, CSS, PHP, XML, LESS, Sass, SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars, Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby, Scala, SQL, Stylus, Text, VB, VBScript, XML y YAML. 
  • Puede cambiar el resaltado de la sintaxis para distintos tipos de archivos, directamente en la barra de estado en Vista de código.

 

Compatibilidad con preprocesadores de CSS

Dreamweaver admite ahora preprocesadores de CSS habituales, como Sass, Less y SCSS, con representación del código a todo color, así como compilaciones, con lo que es posible ahorrar tiempo y generar código más limpio.

 

Vista previa en tiempo real en el navegador

Obtenga rápidamente una vista previa de los cambios de código en el navegador, en tiempo real, sin necesidad de actualizar manualmente la página del navegador. Dreamweaver se conecta ahora con el navegador, por lo que los cambios aparecerán en el navegador al instante, sin tener que volver a cargar la página. 

 

Edición rápida de archivos de código relacionados (Edición rápida)

Para realizar cambios rápidos en el código, sitúe el cursor en fragmentos de código específicos y utilice el menú contextual, o presione Ctrl-E (Windows) o Cmd-E (Mac), para acceder a la función Edición rápida. Dreamweaver ofrece opciones de código específicas para el contexto y herramientas en la misma pantalla.

 

Documentación de CSS contextual (Documentos rápidos)

Dreamweaver proporciona documentación en contexto de propiedades CSS, dentro de la propia Vista de código. Ya no es preciso ir a una página web que esté fuera de Dreamweaver para conocer las propiedades CSS o referirse a ellas. Para llamar a la ayuda de CSS, presione Ctrl + K (Windows) o Cmd + K (Mac).

 

Cursores múltiples para escribir y editar código

Para escribir varias líneas de código simultáneamente, puede utilizar varios cursores a la vez. Esta función impulsa enormemente la productividad, ya que no es necesario escribir varias veces la misma línea de código. Para invocar los cursores múltiples, puede hacer lo siguiente:

  • Para añadir cursores a varias líneas seguidas, mantenga pulsada la tecla Alt y después haga clic y arrastre verticalmente. 
  • Para añadir cursores a líneas de texto separadas, presione la tecla Ctrl y haga clic en las diferentes líneas donde desee colocar el cursor.
  • Para seleccionar texto en varias líneas seguidas, presione la tecla Alt y arrastre en diagonal
  • Para seleccionar texto en varias líneas separadas, seleccione un texto y, a continuación, presione la tecla Ctrl (Windows) o Cmd (Mac) y continúe realizando otras selecciones. 

 

Interfaz de usuario moderna

Dreamweaver se ha rediseñado con una interfaz más intuitiva y personalizable, menús y paneles más accesibles, y una barra de herramientas configurable y contextual que muestra únicamente las herramientas necesarias. La nueva interfaz ofrece también cuatro niveles de contraste, desde claro a oscuro, por lo que resulta más sencillo leer y editar las líneas de código.

 

Cambios en menús, espacios de trabajo y barras de herramientas

Los menús, las barras de herramientas, y los espacios de trabajo de Dreamweaver también se han vuelto a diseñar en esta versión. Siga leyendo para obtener más información sobre estos cambios.

 

Cambios en el espacio de trabajo

La interfaz de Dreamweaver está optimizada para incluir los siguientes espacios de trabajo predeterminados:

  • Espacio de trabajo para desarrolladores: Este espacio de trabajo es mínimo y, de manera predeterminada, solo incluye los paneles más importantes para los desarrolladores que programan páginas web, por ejemplo, los paneles Archivos y Fragmentos.
  • Espacio de trabajo estándar: Este espacio de trabajo incluye todo lo necesario para trabajar con código y con diseño, como los paneles Archivos, Bibliotecas CC, Diseñador de CSS, Insertar, DOM, Activos y Fragmentos.
  • Después de seleccionar un espacio de trabajo, puede personalizarlo añadiendo o eliminando paneles. 

 

Cambios de interfaz en el panel Fragmentos

En las versiones anteriores de Dreamweaver, había que insertar fragmentos mediante métodos abreviados de teclado. La inserción de fragmentos mediante métodos abreviados de teclado no era un proceso eficaz debido a que era necesario recordar métodos abreviados no intuitivos o podían generarse conflictos con los métodos abreviados de palabras clave del producto. En las últimas versiones de Dreamweaver puede utilizar teclas accionadoras para insertar fragmentos de código. Las claves desencadenantes son cadenas de texto fáciles de usar asignadas a los fragmentos de código. Por ejemplo, para un fragmento de código que crea vínculos mailto, puede escribir “mailto” y hacer esta la propia clave desencadenante. Tras asignar una clave desencadenante, coloque el cursor en el documento, escriba “mailto” y presione Tabulador. En ese caso, Dreamweaver insertará el fragmento de código relacionado en el documento.

 

Cambios en el panel Archivos

El panel archivos se ha rediseñado para resultar más sencillo e intuitivo de utilizar. Dicho de la manera más simple, el panel Archivos muestra una lista solo con los archivos almacenados localmente en su equipo. A medida que vaya trabajando más con el panel Archivos (configurar un sitio, configurar conexiones a servidores remotos, habilitar desproteger y proteger archivos), irán apareciendo más opciones en el panel Archivos.

 

Cambios en la pantalla de bienvenida y en la experiencia de introducción

  • Al iniciar Dreamweaver o al cerrar todos los documentos de Dreamweaver, aparecerá un nuevo espacio de trabajo de Inicio. En el espacio de trabajo Inicio, podrá disponer de acceso rápido a sus archivos, bibliotecas y plantillas usados recientemente.
  • Si prefiere los cuadros de diálogo anteriores, puede escribir Ctrl/Cmd + O para iniciar el cuadro de diálogo Abrir, o Ctrl/Cmd + N para el cuadro de diálogo Nuevo documento.  
  • Para ayudarle a avanzar rápidamente por los cambios en el espacio de trabajo de Dreamweaver CC 2017, está preparada una experiencia de introducción. Pase rápidamente por la experiencia de personalización y se le mostrarán un espacio de trabajo y unas opciones de temas adecuadas para usted. 

 

Resaltado en vivo en buscar y reemplazar

  • La nueva y cómoda barra de herramientas Buscar y reemplazar se sitúa en la parte superior de la ventana para no bloquear ninguna parte de la pantalla.
  • Buscar y reemplazar es, en general, más rápido y eficiente que en las versiones anteriores de Dreamweaver. Dreamweaver ahora busca cadenas a medida que se escribe en el panel Buscar, y resalta todas las apariciones de la cadena en el documento abierto. 

 

Mejoras en las bibliotecas Creative Cloud

Archive, restaure, añada comentarios y consulte el historial de versiones de todos los activos almacenados en Creative Cloud, incluidos los archivos de las Bibliotecas Creative Cloud, los activos creados con productos de escritorio de CC y los proyectos móviles.

 

Recuperación automática de archivos tras bloquearse la aplicación

Si Dreamweaver se cierra inesperadamente debido a errores del sistema, cortes eléctricos u otros problemas, podrá recuperar los cambios no guardados realizados en los archivos que estuviera editando.