Ayuda de Adobe® Dreamweaver® CC

824 Pages·2013·13.68 MB·Spanish

Ayuda de Adobe® Dreamweaver® CC
Es posible que algunos vínculos redirijan a contenido en inglés.
Junio de 2015
Contenido
Novedades 1
Resumen de las nuevas funciones 2
Creative Cloud 17
Aplicación de escritorio de Creative Cloud 18
Examinar, sincronizar y gestionar activos 27
Añadir fuentes de Typekit 33
Creative Cloud Market 39
Creative Cloud Extract 43
Bibliotecas Creative Cloud 46
Espacio de trabajo y flujo de trabajo 52
Flujo de trabajo y espacio de trabajo de Dreamweaver 53
Personalización del espacio de trabajo de Dreamweaver 66
Uso de la ventana Documento 76
Uso de barras de herramientas, inspectores y menús contextuales 80
Uso del panel Insertar 82
Panel Diseñador de CSS 86
Panel DOM 96
Buscar archivos por nombre de archivo o contenido | Mac OS 100
Utilización de Acercar y Alejar 101
Métodos abreviados de teclado 103
Optimización del espacio de trabajo para desarrollo visual 105
Integración con CEF 108
Administración del sitio 112
Sitios de Dreamweaver 113
Acerca de los sitios dinámicos 115
Configuración de una versión local del sitio 116
Conexión con un servidor remoto 117
Opciones del cuadro de diálogo Administrar sitios 129
Configuración de un servidor de prueba 131
Control de versiones y configuración avanzada 135
Importación y exportación de la configuración de un sitio de Dreamweaver
137
Edición de un sitio Web remoto ya existente 139
Configuración de las preferencias de sitio para transferir archivos 140
Especificación de la configuración del servidor proxy 141
Administración de archivos 143
Cómo crear y abrir documentos 144
Administración de archivos y carpetas 157
Obtención y colocación de archivos en el servidor 164
Desprotección y protección de archivos 168
Sincronización de archivos 175
Comparación de archivos para detectar diferencias 177
Ocultación de archivos y carpetas en el sitio de Dreamweaver 180
Almacenamiento de información sobre archivos en Design Notes 183
Comprobación del sitio de Dreamweaver 186
Composición y diseño 190
Uso de ayudas visuales al diseñar 191
Utilización de marcos 194
Diseño de páginas con CSS 204
Trabajo con archivos de Bootstrap 209
Consultas de medios visuales 217
Diseño interactivo mediante diseños de cuadrícula fluida 222
Presentación de contenido en tablas 226
Uso de widgets de IU de jQuery en Dreamweaver 244
Uso de efectos jQuery en Dreamweaver 245
Colores 247
CSS 249
Aspectos básicos de las hojas de estilos en cascada 250
Panel Diseñador de CSS 254
Configuración de las preferencias de Estilos CSS 264
Creación de una regla CSS 265
Definición de las propiedades CSS 266
Edición de una regla CSS 273
Adición de una propiedad a una regla CSS 275
Aplicación, eliminación o cambio del nombre de los estilos de clase CSS
276
Desplazamiento/exportación de reglas CSS 278
Conversión de CSS en línea en una regla CSS 280
Vinculación a una hoja de estilos CSS externa 281
Edición de una hoja de estilos CSS 282
Aplicación de formato a código CSS 283
Desactivación/activación de CSS 285
Inspección de CSS en la Vista en vivo 286
Comprobación de problemas de representación de CSS con distintos
navegadores 287
Uso de hojas de estilos de tiempo de diseño 289
Trabajo con etiquetas div 290
Aplicación de degradados al fondo 307
Efectos de transición de CSS3 310
Utilización de hojas de estilos de muestra de Dreamweaver 312
Panel Estilos CSS 313
Contenido de página y activos 316
Definición de las propiedades de la página 317
Definición de propiedades de vínculo CSS para toda una página 319
Definición de propiedades de encabezado CSS para toda una página 320
Definición de las propiedades de título y codificación de una página 321
Uso de una imagen de rastreo para diseñar una página 322
Aspectos básicos de la codificación del documento 323
Selección y visualización de elementos de la ventana de documento 324
Colores 327
Utilización de Acercar y Alejar 329
Configuración de las preferencias de tiempo de descarga y tamaño 331
Trabajo con texto 332
Texto árabe y hebreo 342
Edición en la Vista en vivo 344
Panel DOM 355
Configuración de las propiedades de texto en el inspector de propiedades
359
Revisión ortográfica de una página Web 363
Importación de datos de tabla 364
Importación de documentos de Microsoft Office (sólo Windows) 365
Creación de un vínculo a un documento de Word o Excel 366
Uso de formato HTML 367
Utilización de reglas horizontales 369
Modificación de combinaciones de fuentes 370
Añadir Edge Web Fonts a la lista de fuentes 371
Inserción de fechas 373
Uso de activos 374
Creación y administración de una lista de activos favoritos 380
Inserción y edición de imágenes 382
Adición de objetos multimedia 393
Adición de vídeo 399
Insertar vídeo HTML5 404
Inserción de archivos SWF 406
Adición de widgets Web 409
Adición de sonido 410
Insertar audio HTML5 412
Automatización de tareas 414
Activos y bibliotecas 419
Trabajo con elementos de biblioteca 421
Establecimiento de vínculos y navegación 425
Acerca del establecimiento de vínculos y la navegación 426
Vinculación 428
Menús de salto 437
Barras de navegación 439
Mapas de imágenes 440
Solución de problemas de vínculos 442
jQuery 444
Uso de widgets de IU de jQuery en Dreamweaver 445
Uso de efectos jQuery en Dreamweaver 446
Vista previa 448
Vista previa e inspección de páginas web en varios dispositivos 449
Vista previa de páginas 453
Programación 457
Información general sobre la programación en Dreamweaver 458
Configuración del entorno de programación 463
Configuración de las preferencias de codificación 465
Escritura y edición de código 474
Contracción del código 496
Depuración de código mediante Linting 498
Optimización del código 501
Edición de código en la vista Diseño 507
Trabajo con el contenido de Head para páginas 512
Trabajo con server-side includes 516
Administración de bibliotecas de etiquetas 518
Importación de etiquetas personalizadas a Dreamweaver 521
JavaScript 523
Uso de comportamientos JavaScript (instrucciones generales) 524
Aplicación de comportamientos JavaScript incorporados 527
Varios productos 536
Complementos 537
Integración con otras aplicaciones 541
Trabajo con Fireworks y Dreamweaver 542
Trabajo con Flash y Dreamweaver 547
Trabajo con Adobe Bridge y Dreamweaver 548
Trabajo con Device Central y Dreamweaver 550
Trabajo con ConnectNow y Dreamweaver 551
Extensión de AIR para Dreamweaver 552
Uso de Dreamweaver con los servicios en línea de Adobe 557
Extract en Dreamweaver CC 562
Integración de Dreamweaver Business Catalyst 574
Importación de documentos de Microsoft Office (sólo Windows) 577
Trabajo con Photoshop y Dreamweaver 578
Plantillas 584
Plantillas de Dreamweaver 585
Reconocimiento de plantillas y documentos basados en plantillas 589
Creación de una plantilla de Dreamweaver 592
Creación de regiones editables en plantillas 595
Creación de regiones repetidas en plantillas 597
Uso de regiones opcionales en plantillas 599
Definición de atributos de etiqueta editables en las plantillas 601
Creación de una plantilla anidada 603
Edición, actualización y eliminación de plantillas 606
Exportación e importación de contenido de plantillas 609
Aplicación o eliminación de una plantilla de un documento existente 611
Edición de contenido de un documento basado en plantilla 613
Sintaxis de plantilla 615
Configuración de preferencias de edición para plantillas 617
Móvil y multipantalla 619
Creación de consultas de medios 620
Cambio de la orientación de página para dispositivos móviles 623
Creación de aplicaciones Web para dispositivos móviles (CS5.5) 624
XML 625
Acerca de XML y XSLT 626
Realización de transformaciones XSL en el servidor 632
Realización de transformaciones XSL en el cliente 646
Entidades de caracteres no presentes para XSLT 648
Sitios, páginas y formularios web dinámicos 650
Aspectos básicos de las aplicaciones Web 651
Configuración del equipo para desarrollo de aplicaciones 657
Conexiones de base de datos para desarrolladores de ColdFusion 661
Conexiones de base de datos para desarrolladores de ASP 663
Conexiones de base de datos para desarrolladores de PHP 671
Solución de problemas de conexiones de base de datos 673
Eliminación de scripts de conexión 677
Optimización del espacio de trabajo para desarrollo visual 678
Diseño de páginas dinámicas 681
Introducción a las fuentes de contenido dinámico 683
Definición de fuentes de contenido dinámico 688
Adición de contenido dinámico a las páginas 700
Cambio de contenido dinámico 703
Visualización de registros de la base de datos 705
Visualización de Live Data 714
Adición de comportamientos de servidor personalizados 715
Acerca de la creación de formularios 724
Uso de formularios para recopilar información de los usuarios 725
Creación de formularios ColdFusion 728
Creación de formularios Web 742
Compatibilidad mejorada con HTML5 para elementos de formulario 753
Creación visual de aplicaciones 756
Creación de páginas maestra y detalle 757
Creación de páginas de búsqueda y resultados 764
Creación de una página de inserción de registros 769
Creación de una página de actualización de registros 773
Creación de una página de eliminación de registros 778
Creación de páginas con objetos de manipulación avanzados (ColdFusion,
ASP) 785
Creación de una página de registro 790
Creación de una página de conexión 792
Creación de una página para acceso exclusivo de usuarios autorizados
794
Protección de una carpeta de su aplicación (ColdFusion) 797
Uso de componentes de ColdFusion 798
Accesibilidad 804
Dreamweaver y accesibilidad 805
Dreamweaver y Creative Cloud 808
Sincronización de la configuración de Dreamweaver con Creative Cloud
809
Novedades
1
Resumen de las nuevas funciones
Adobe Dreamweaver CC (versión 2015)
La versión de 2015 de Dreamweaver CC se centra en el diseño interactivo, las mejoras en las funciones de
edición de código, la vista previa de las páginas web en los dispositivos y la extracción en lote de las
imágenes optimizadas para la web con diferentes resoluciones desde las composiciones de Photoshop. La
integración con el framework de Bootstrap le ayuda a crear por primera vez sitios web interactivos para
dispositivos móviles. Las consultas de medios visuales complementan aún más la experiencia de diseño de
los sitios web interactivos, pues le permiten visualizar y modificar su diseño en diferentes puntos de corte.
Esta versión también incluye varias mejoras en las funciones de edición de la Vista en vivo y el Diseñador de
CSS. Este artículo presenta las mencionadas nuevas funciones y mejoras, y proporciona vínculos a recursos
para obtener más ayuda y cursos de aprendizaje.
El parche de la versión de 2015 de Dreamweaver CC, que se lanzó en julio, permite que
Dreamweaver aproveche la configuración del servidor proxy especificada en la aplicación de
escritorio de Adobe Creative Cloud. Para obtener más información, consulte Especificación de la
configuración del servidor proxy.
Novedades ¿Qué ha cambiado?

Vista previa en el dispositivo Plegado de código
Consultas de medios visuales Mejoras en Extract
Compatibilidad con Linting Mejoras en la edición de la Vista en vivo
Compatibilidad con Emmet Cambios en la barra de herramientas
Programación
Vista previa en la Vista de código
Mejoras en el Diseñador de CSS
Nuevos fragmentos de código
Servidor de prueba: mejoras en el flujo de
Integración con Bootstrap
trabajo
Nuevos menús de la Vista en vivo
Cambios en el flujo de trabajo de Business
Compatibilidad con las tablas en la Vista en vivo Catalyst
2