PDF de programación - Adobe Dreamweaver - Ayuda y tutoriales

ADOBE® DREAMWEAVER®
Ayuda y tutoriales

Es posible que algunos vínculos lleven a contenidos únicamente disponibles en inglés.

Junio de 2013

Novedades

Parte del contenido vinculado desde esta página puede aparecer solo en inglés.

1 Novedades de Dreamweaver CC

Este documento contiene la lista de las funciones nuevas de Dreamweaver desde la actualización Dreamweaver 12.2. Para obtener información
sobre novedades en actualizaciones Creative Cloud anteriores de Dreamweaver, consulte Novedades de Dreamweaver 12.1 | Creative Cloud y
Novedades de Dreamweaver 12.2 | Creative Cloud.

Descripción general de las nuevas funciones
Diseñador de CSS
Sincronización de la configuración de Dreamweaver con Creative Cloud
Compatibilidad con plataformas modernas
Interfaz de usuario simplificada

Descripción general de las nuevas funciones
Paul Trani, Senior Product Evangelist, Creative Cloud, ofrece una descripción general de las nuevas funciones de Adobe Dreamweaver CC.

Arriba

Diseñador de CSS
Herramienta de edición visual muy intuitiva que ayuda a generar código Web estándar. Esta herramienta le permite ver y editar rápidamente los
estilos pertinentes para un determinado contexto (o elemento de página). Aplique propiedades como gradient y box-shadow sólo con un par de
clics.
Panel Estilos CSS (antes de Dreamweaver CC)

Ir a la parte superior



Diseñador de CSS (Dreamweaver CC y versiones posteriores)

2

Temas relacionados
Panel Diseñador de CSS
Aplicación de degradados al fondo

Sincronización de la configuración de Dreamweaver con Creative Cloud
Almacene los archivos, la configuración de la aplicación y las definiciones del sitio en Creative Cloud. Inicie sesión en Creative Cloud y acceda a
estos archivos y configuraciones desde cualquier equipo cuando los necesite.

Ir a la parte superior

Puede configurar Dreamweaver para que sincronice automáticamente la configuración con la nube. O bien puede realizar una sincronización bajo
demanda siempre que sea necesario mediante la notificación del sistema (haga clic en
en la barra de herramientas Documento) o el cuadro
de diálogo Preferencias > Ajustes de sincronización.
Preferencias - Ajustes de sincronización

Notificación del sistema



Temas relacionados

Sincronización de la configuración de Dreamweaver con Creative Cloud

Compatibilidad con plataformas modernas
Cree proyectos mediante frameworks HTML5/CSS3, jQuery y jQuery Mobile. Desarrolle páginas dinámicas en PHP.

Ir a la parte superior

3 Widgets jQuery
Arrastre y coloque acordeones, botones, fichas y muchos otros widgets jQuery en sus documentos. Consiga que sus sitios Web resulten más
interesantes y atractivos con efectos jQuery (Ventanas > Comportamientos > Efectos).
Widgets jQuery



Efectos jQuery

Temas relacionados
Uso de widgets jQuery
Uso de efectos jQuery

Interfaz de usuario simplificada
La interfaz de usuario de Dreamweaver CC se ha modernizado y ahora cuenta con menos cuadros de diálogo. La interfaz mejorada le ayuda a
desarrollar sitios Web de forma más eficaz con menús contextuales intuitivos.

Ir a la parte superior

Para obtener más información sobre lo que ha cambiado en la interfaz de usuario, consulte este artículo.

Las condiciones de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales | Política de privacidad en línea

4 Novedades de Dreamweaver 12.2 | Creative Cloud

Estas funciones están disponibles para miembros de Creative Cloud y suscriptores de productos puntuales solamente. Para unirse a Adobe
Creative Cloud, consulte Adobe Creative Cloud.

Integración de fuentes Web de Edge
Mejoras en el diseño de cuadrícula fluida
Nuevos tipos de entrada de formulario HTML5
Nuevos elementos de formulario para jQuery Mobile
Vista previa e inspección de páginas Web en varios dispositivos
Mejoras en el flujo de trabajo de Edge Animate
Actualizaciones en el flujo de trabajo de PhoneGap
Otros cambios y mejoras
Extensiones, Favoritos en el panel Insertar y Métodos abreviados de teclado se conservan después de actualizar de la versión 12.0 a la 12.1. Si
su extensión se encontraba en un menú Insertar que se ha eliminado, la encontrará en Insertar > Extensiones que faltan.
Si las extensiones habían instalado puntos de acceso (elementos) en el panel Insertar en una lista que se ha eliminado, encontrará los puntos de
acceso en la categoría "Varios". Por ejemplo, la lista Medios, incluida en la categoría Común del panel Insertar, ha sido eliminada. Actualmente
está presente directamente en el panel Insertar como categoría denominada Medios. Todos los elementos que sus extensiones antes colocaban
en Medios están ahora presentes en la categoría Varios.

Integración de fuentes Web de Edge
Puede agregar tanto fuentes Adobe Edge como fuentes Web a la lista de fuentes de Dreamweaver. En la lista Fuentes, las pilas de fuentes que
admite Dreamweaver se enumeran en primer lugar, por delante de las fuentes Web y fuentes Edge. Para obtener más información, consulte
Adición de fuentes del sistema y fuentes Edge al menú Fuentes.

Ir a la parte superior

Mejoras en el diseño de cuadrícula fluida
Todos los elementos de cuadrícula fluida se han trasladado a la categoría Estructura del menú Insertar. Se han introducido nuevas opciones,
como Lista ordenada (Ol), Lista sin ordenar (Ul) y Lista (LI). Al crear una página de cuadrícula fluida o abrir una página con plantilla de cuadrícula
fluida, el panel Insertar muestra la vista Estructura de forma predeterminada.
Asimismo, las opciones de interfaz de usuario para elementos Div, como ocultar, duplicar, bloquear y cambiar, se muestran ahora al seleccionar
un elemento.
Ahora puede anidar elementos fluidos y especificar una clase o un ID como selector fluido al insertar un elemento.
Para obtener una explicación en profundidad de estas mejoras, ver este vídeo.
Para obtener más información sobre diseños de cuadrícula fluida, consulte Diseños de cuadrícula fluida.

Ir a la parte superior

Nuevos tipos de entrada de formulario HTML5
Ahora están disponibles en Dreamweaver los siguientes tipos de entrada de formulario HTML5. Para obtener más información sobre estos
elementos, consulte HTML5 Input Types (Tipos de entrada HTML5).

Ir a la parte superior

Color
Fecha
Fecha y hora
Fecha y hora locales
Mes
Número
Rango
Hora
Semana

Nuevos elementos de formulario para jQuery Mobile

Ir a la parte superior

5 Los siguientes elementos jQuery están ahora disponibles en Dreamweaver. La funcionalidad de estos elementos es similar a la funcionalidad de
los elementos correspondientes en los tipos de entrada de formulario HTML5.
Para obtener más información, consulte http://jquerymobile.com/test/docs/forms/textinputs/

Fecha
Fecha y hora
Correo electrónico
Mes
Número
Buscar
Hora
URL
Semana

Vista previa e inspección de páginas Web en varios dispositivos
Puede obtener una vista previa de sus páginas Web e inspeccionarlas en Dreamweaver en varios dispositivos móviles a la vez con Edge Inspect.
Para obtener más información, consulte Vista previa e inspección de páginas Web en varios dispositivos.

Ir a la parte superior

Mejoras en el flujo de trabajo de Edge Animate

Ir a la parte superior

En la vista Diseño, se ha introducido un menú contextual para archivos OAM de marcadores de posición. Las opciones disponibles en el
menú son Navegador de código, Ajustar etiqueta, Quitar etiqueta, Cortar, Copiar y Pegar.
Ahora puede insertar un archivo OAM cuyo nombre incluya caracteres de doble byte.

Actualizaciones en el flujo de trabajo de PhoneGap
Los cambios en Dreamweaver tienen como objetivo lograr la compatibilidad con los cambios en PhoneGap. Esta función también está disponible
como parte de la actualización 12.0.3.
Ahora se le pedirá que introduzca la clave y la contraseña, según corresponda, para los sistemas operativos de destino. La información de clave
de firma solo es necesaria para Android, iOS y Blackberry. Si no puede crear más de una aplicación, puede que ello se deba a que no está
suscrito al servicio PhoneGap.
Para obtener más información, consulte Empaquetado de aplicaciones Web como aplicaciones móviles nativas con PhoneGap Build.

Ir a la parte superior

Otros cambios y mejoras

HTML5 es el tipo de documento predeterminado para todos los documentos nuevos.
La configuración predeterminada del cuadro de diálogo de sincronización de FTP ha cambiado.

El valor predeterminado para Sincronizar es Todo el sitio.
La configuración predeterminada para Dirección es Obtener y colocar archivos más nuevos.

Ir a la parte superior

Se ha vuelto a introducir la Vista expandida de tabla. Sin embargo, esta opción ya no está presente en el panel Diseño. Para utilizar esta
opción, inserte una tabla en Dreamweaver, haga clic con el botón derecho del ratón en la tabla y seleccione Vista expandida de tabla.

Las condiciones de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales | Política de privacidad en línea

6 Novedades de Dreamweaver 12.1 | Creative Cloud

Estas funciones están disponibles para miembros de Creative Cloud y suscriptores de productos puntuales solamente. Para unirse a Adobe
Creative Cloud, consulte Adobe Creative Cloud.

Actualización de Dreamweaver CS6 para miembros de Creative Cloud (funciones nuevas)
Insertar audio y vídeo HTML5
Insertar elementos semánticos de HTML5 desde el panel Insertar
Importar composiciones de Adobe Edge Animate
Compatibilidad con Canvas (lienzo) de HTML5
Mejoras en la compatibilidad con HTML5 para elementos de formulario
Búsqueda dinámica (Mac OS)
Mejoras de FTP
Mejoras en el tratamiento fuentes
Menú Insertar reorganizado

Insertar audio y vídeo HTML
Puede insertar vídeo HTML5 y audio HTML5 en páginas Web con Dreamweaver. Los elementos de vídeo y audio en HTML5 especifican un
medio estándar para incorporar y mostrar vídeo y audio en una página Web.
Para obtener más información sobre cómo insertar vídeo HTML5, consulte Insertar vídeo HTML5.
Para obtener más información sobre cómo