Dreamweaver Reference

download Dreamweaver Reference

of 824

description

sig

Transcript of Dreamweaver Reference

  • Junio de 2015

    Es posible que algunos vnculos redirijan a contenido en ingls.

    Ayuda de Adobe Dreamweaver CC

  • ContenidoNovedades 1

    Resumen de las nuevas funciones 2Creative Cloud 17

    Aplicacin de escritorio de Creative Cloud 18Examinar, sincronizar y gestionar activos 27Aadir fuentes de Typekit 33Creative Cloud Market 39Creative Cloud Extract 43Bibliotecas Creative Cloud 46

    Espacio de trabajo y flujo de trabajo 52Flujo de trabajo y espacio de trabajo de Dreamweaver 53Personalizacin del espacio de trabajo de Dreamweaver 66Uso de la ventana Documento 76Uso de barras de herramientas, inspectores y mens contextuales 80Uso del panel Insertar 82Panel Diseador de CSS 86Panel DOM 96Buscar archivos por nombre de archivo o contenido | Mac OS 100Utilizacin de Acercar y Alejar 101Mtodos abreviados de teclado 103Optimizacin del espacio de trabajo para desarrollo visual 105Integracin con CEF 108

    Administracin del sitio 112Sitios de Dreamweaver 113Acerca de los sitios dinmicos 115Configuracin de una versin local del sitio 116Conexin con un servidor remoto 117Opciones del cuadro de dilogo Administrar sitios 129Configuracin de un servidor de prueba 131Control de versiones y configuracin avanzada 135Importacin y exportacin de la configuracin de un sitio de Dreamweaver

    137Edicin de un sitio Web remoto ya existente 139Configuracin de las preferencias de sitio para transferir archivos 140Especificacin de la configuracin del servidor proxy 141

    Administracin de archivos 143

  • Cmo crear y abrir documentos 144Administracin de archivos y carpetas 157Obtencin y colocacin de archivos en el servidor 164Desproteccin y proteccin de archivos 168Sincronizacin de archivos 175Comparacin de archivos para detectar diferencias 177Ocultacin de archivos y carpetas en el sitio de Dreamweaver 180Almacenamiento de informacin sobre archivos en Design Notes 183Comprobacin del sitio de Dreamweaver 186

    Composicin y diseo 190Uso de ayudas visuales al disear 191Utilizacin de marcos 194Diseo de pginas con CSS 204Trabajo con archivos de Bootstrap 209Consultas de medios visuales 217Diseo interactivo mediante diseos de cuadrcula fluida 222Presentacin de contenido en tablas 226Uso de widgets de IU de jQuery en Dreamweaver 244Uso de efectos jQuery en Dreamweaver 245Colores 247

    CSS 249Aspectos bsicos de las hojas de estilos en cascada 250Panel Diseador de CSS 254Configuracin de las preferencias de Estilos CSS 264Creacin de una regla CSS 265Definicin de las propiedades CSS 266Edicin de una regla CSS 273Adicin de una propiedad a una regla CSS 275Aplicacin, eliminacin o cambio del nombre de los estilos de clase CSS

    276Desplazamiento/exportacin de reglas CSS 278Conversin de CSS en lnea en una regla CSS 280Vinculacin a una hoja de estilos CSS externa 281Edicin de una hoja de estilos CSS 282Aplicacin de formato a cdigo CSS 283Desactivacin/activacin de CSS 285Inspeccin de CSS en la Vista en vivo 286Comprobacin de problemas de representacin de CSS con distintos

  • navegadores 287Uso de hojas de estilos de tiempo de diseo 289Trabajo con etiquetas div 290Aplicacin de degradados al fondo 307Efectos de transicin de CSS3 310Utilizacin de hojas de estilos de muestra de Dreamweaver 312Panel Estilos CSS 313

    Contenido de pgina y activos 316Definicin de las propiedades de la pgina 317Definicin de propiedades de vnculo CSS para toda una pgina 319Definicin de propiedades de encabezado CSS para toda una pgina 320Definicin de las propiedades de ttulo y codificacin de una pgina 321Uso de una imagen de rastreo para disear una pgina 322Aspectos bsicos de la codificacin del documento 323Seleccin y visualizacin de elementos de la ventana de documento 324Colores 327Utilizacin de Acercar y Alejar 329Configuracin de las preferencias de tiempo de descarga y tamao 331Trabajo con texto 332Texto rabe y hebreo 342Edicin en la Vista en vivo 344Panel DOM 355Configuracin de las propiedades de texto en el inspector de propiedades

    359Revisin ortogrfica de una pgina Web 363Importacin de datos de tabla 364Importacin de documentos de Microsoft Office (slo Windows) 365Creacin de un vnculo a un documento de Word o Excel 366Uso de formato HTML 367Utilizacin de reglas horizontales 369Modificacin de combinaciones de fuentes 370Aadir Edge Web Fonts a la lista de fuentes 371Insercin de fechas 373Uso de activos 374Creacin y administracin de una lista de activos favoritos 380Insercin y edicin de imgenes 382Adicin de objetos multimedia 393Adicin de vdeo 399

  • Insertar vdeo HTML5 404Insercin de archivos SWF 406Adicin de widgets Web 409Adicin de sonido 410Insertar audio HTML5 412Automatizacin de tareas 414Activos y bibliotecas 419Trabajo con elementos de biblioteca 421

    Establecimiento de vnculos y navegacin 425Acerca del establecimiento de vnculos y la navegacin 426Vinculacin 428Mens de salto 437Barras de navegacin 439Mapas de imgenes 440Solucin de problemas de vnculos 442

    jQuery 444Uso de widgets de IU de jQuery en Dreamweaver 445Uso de efectos jQuery en Dreamweaver 446

    Vista previa 448Vista previa e inspeccin de pginas web en varios dispositivos 449Vista previa de pginas 453

    Programacin 457Informacin general sobre la programacin en Dreamweaver 458Configuracin del entorno de programacin 463Configuracin de las preferencias de codificacin 465Escritura y edicin de cdigo 474Contraccin del cdigo 496Depuracin de cdigo mediante Linting 498Optimizacin del cdigo 501Edicin de cdigo en la vista Diseo 507Trabajo con el contenido de Head para pginas 512Trabajo con server-side includes 516Administracin de bibliotecas de etiquetas 518Importacin de etiquetas personalizadas a Dreamweaver 521

    JavaScript 523Uso de comportamientos JavaScript (instrucciones generales) 524Aplicacin de comportamientos JavaScript incorporados 527

    Varios productos 536

  • Complementos 537Integracin con otras aplicaciones 541Trabajo con Fireworks y Dreamweaver 542Trabajo con Flash y Dreamweaver 547Trabajo con Adobe Bridge y Dreamweaver 548Trabajo con Device Central y Dreamweaver 550Trabajo con ConnectNow y Dreamweaver 551Extensin de AIR para Dreamweaver 552Uso de Dreamweaver con los servicios en lnea de Adobe 557Extract en Dreamweaver CC 562Integracin de Dreamweaver Business Catalyst 574Importacin de documentos de Microsoft Office (slo Windows) 577Trabajo con Photoshop y Dreamweaver 578

    Plantillas 584Plantillas de Dreamweaver 585Reconocimiento de plantillas y documentos basados en plantillas 589Creacin de una plantilla de Dreamweaver 592Creacin de regiones editables en plantillas 595Creacin de regiones repetidas en plantillas 597Uso de regiones opcionales en plantillas 599Definicin de atributos de etiqueta editables en las plantillas 601Creacin de una plantilla anidada 603Edicin, actualizacin y eliminacin de plantillas 606Exportacin e importacin de contenido de plantillas 609Aplicacin o eliminacin de una plantilla de un documento existente 611Edicin de contenido de un documento basado en plantilla 613Sintaxis de plantilla 615Configuracin de preferencias de edicin para plantillas 617

    Mvil y multipantalla 619Creacin de consultas de medios 620Cambio de la orientacin de pgina para dispositivos mviles 623Creacin de aplicaciones Web para dispositivos mviles (CS5.5) 624

    XML 625Acerca de XML y XSLT 626Realizacin de transformaciones XSL en el servidor 632Realizacin de transformaciones XSL en el cliente 646Entidades de caracteres no presentes para XSLT 648

    Sitios, pginas y formularios web dinmicos 650

  • Aspectos bsicos de las aplicaciones Web 651Configuracin del equipo para desarrollo de aplicaciones 657Conexiones de base de datos para desarrolladores de ColdFusion 661Conexiones de base de datos para desarrolladores de ASP 663Conexiones de base de datos para desarrolladores de PHP 671Solucin de problemas de conexiones de base de datos 673Eliminacin de scripts de conexin 677Optimizacin del espacio de trabajo para desarrollo visual 678Diseo de pginas dinmicas 681Introduccin a las fuentes de contenido dinmico 683Definicin de fuentes de contenido dinmico 688Adicin de contenido dinmico a las pginas 700Cambio de contenido dinmico 703Visualizacin de registros de la base de datos 705Visualizacin de Live Data 714Adicin de comportamientos de servidor personalizados 715Acerca de la creacin de formularios 724Uso de formularios para recopilar informacin de los usuarios 725Creacin de formularios ColdFusion 728Creacin de formularios Web 742Compatibilidad mejorada con HTML5 para elementos de formulario 753

    Creacin visual de aplicaciones 756Creacin de pginas maestra y detalle 757Creacin de pginas de bsqueda y resultados 764Creacin de una pgina de insercin de registros 769Creacin de una pgina de actualizacin de registros 773Creacin de una pgina de eliminacin de registros 778Creacin de pginas con objetos de manipulacin avanzados (ColdFusion, ASP) 785Creacin de una pgina de registro 790Creacin de una pgina de conexin 792Creacin de una pgina para acceso exclusivo de usuarios autorizados

    794Proteccin de una carpeta de su aplicacin (ColdFusion) 797Uso de componentes de ColdFusion 798

    Accesibilidad 804Dreamweaver y accesibilidad 805

    Dreamweaver y Creative Cloud 808

  • Sincronizacin de la configuracin de Dreamweaver con Creative Cloud809

  • Novedades

    1

  • Resumen de las nuevas funcionesAdobe Dreamweaver CC (versin 2015)

    Novedades

    Qu ha cambiado?

    Vista previa en el dispositivo

    Consultas de medios visuales

    Compatibilidad con Linting

    Compatibilidad con Emmet

    Vista previa en la Vista de cdigo

    Nuevos fragmentos de cdigo

    Integracin con Bootstrap

    Nuevos mens de la Vista en vivo

    Compatibilidad con las tablas en la Vista en vivo

    Plegado de cdigo

    Mejoras en Extract

    Mejoras en la edicin de la Vista en vivo

    Cambios en la barra de herramientasProgramacin

    Mejoras en el Diseador de CSS

    Servidor de prueba: mejoras en el flujo detrabajo

    Cambios en el flujo de trabajo de BusinessCatalyst

    La versin de 2015 de Dreamweaver CC se centra en el diseo interactivo, las mejoras en las funciones deedicin de cdigo, la vista previa de las pginas web en los dispositivos y la extraccin en lote de lasimgenes optimizadas para la web con diferentes resoluciones desde las composiciones de Photoshop. Laintegracin con el framework de Bootstrap le ayuda a crear por primera vez sitios web interactivos paradispositivos mviles. Las consultas de medios visuales complementan an ms la experiencia de diseo delos sitios web interactivos, pues le permiten visualizar y modificar su diseo en diferentes puntos de corte.

    Esta versin tambin incluye varias mejoras en las funciones de edicin de la Vista en vivo y el Diseador deCSS. Este artculo presenta las mencionadas nuevas funciones y mejoras, y proporciona vnculos a recursospara obtener ms ayuda y cursos de aprendizaje.

    El parche de la versin de 2015 de Dreamweaver CC, que se lanz en julio, permite queDreamweaver aproveche la configuracin del servidor proxy especificada en la aplicacin deescritorio de Adobe Creative Cloud. Para obtener ms informacin, consulte Especificacin de laconfiguracin del servidor proxy.

    2

  • Compatibilidad con elementos de la IU de jQueryen la Vista en vivo

    Panel DOM

    Sugerencias de cdigo SVG en documentosHTML

    Vistas previas de tecnologa

    Vista previa personalizada en la Vista de cdigomediante la API ShowPreview

    Otros cambios

    Ir al principio

    Ahora, Dreamweaver le permite probar sus pginas web finalizadasen varios dispositivos simultneamente. Puede ver cmo se reajustala pgina web segn los diferentes factores de formato y probar lascaractersticas interactivas de las pginas. Y todo ello sin tener queinstalar ninguna aplicacin mvil ni conectar fsicamente losdispositivos al ordenador de escritorio! Solo tiene que escanear consus dispositivos el cdigo QR que se genera automticamente yobtendr una vista previa de sus pginas web en los mismos.

    Tutorial en vdeo: Vista previa einspeccin en dispositivos mviles(Intntelo, 3 min)

    Aprenda a obtener vistas previas einspeccionar sus proyectos webs ennavegadores mviles con sus propiosdispositivos.

    Ir al principio

    Vista previa en el dispositivo

    La inspeccin en vivo, cuando se activa en el escritorio, muestra todos los dispositivos conectados y le ayudatanto a inspeccionar los diferentes elementos como a retocar el diseo a medida que lo vaya necesitando.

    Para obtener informacin detallada, consulte Obtencin de vista previa e inspeccin de pginas web envarios dispositivos.

    Consultas de medios visuales

    Las barras de consulta de medios visuales son la representacin visual de las consultas de medios queestn presentes en una pgina. Estas barras le ayudan a visualizar la pgina web en los diferentes puntosde corte y el modo en que los diferentes componentes de la pgina web se reajustan en las diferentesventanas grficas. Al ver la pgina en diferentes ventanas grficas, puede hacer cambios de diseo queresulten especficos a esa ventana sin que afecten al diseo de la pgina en el resto de ventanas grficas.

    La funcin Consulta de medios visuales consta de tres barras con forma de filas horizontales y cada unarepresenta una categora de consulta de medios:

    Verde: consultas de medios con condiciones de max-width Azul: consultas de medios con condiciones tanto de min-width como de max-width Morado: consultas de medios con condiciones de min-width

    Consultas de medios visuales

    3

  • Ir al principio

    Ir al principio

    Es un vido desarrollador capaz de escribir varias lneas de cdigoen Dreamweaver? Ahorre tiempo utilizando las abreviaturas deEmmet para programar. Estas abreviaturas, fciles de recordar yescribir, se amplan y se muestran como cdigo completo en la Vistade cdigo al pulsar la tecla Tabulador.

    Para obtener informacin detallada, consulte Introducir cdigomediante Emmet.

    Tutorial en vdeo: Creacin,finalizacin y validacinavanzada de cdigo(Intntelo, 2 min)

    Aprenda a autocompletarabreviaturas sencillas enfragmentos de cdigo complejosde HTML y CSS gracias a lacompatibilidad con Emmet y aluso de la validacin avanzada decdigo, que resalta los errores entiempo real mediante Linting.

    Ir al principio

    Para obtener ms informacin, consulte Consultas de medios visuales.

    Compatibilidad con la depuracin de cdigo mediante Linting

    Con esta nueva versin de Dreamweaver, ahora puede depurar el cdigo para buscar errores comunesgracias a Linting. Linting es el proceso de anlisis de cdigo que se hace para avistar rpidamente losposibles errores o un uso extrao del cdigo. Dreamweaver puede depurar archivos HTML, CSS y deJavaScript mediante Linting al cargarlos, guardarlos o editarlos. Luego, tanto los errores como lasadvertencias se muestran en el nuevo panel Salida.

    Para obtener ms informacin, consulte Depuracin de cdigo mediante Linting.

    El panel Salida con los resultados de Linting

    Compatibilidad con Emmet

    Vista previa en Vista de cdigo

    Si est trabajando en la vista Dividir, puede observar los cambios que haga a las imgenes o los colores demanera instantnea en la Vista en vivo o la Vista Diseo. Sin embargo, si prefiere trabajar en la Vista decdigo, las imgenes se muestran como nombres de archivos, lo que no resulta demasiado intuitivo lamayora de las veces. Los colores (a menos que se utilicen colores predeterminados) tambin se muestran

    4

  • Ir al principio

    como un conjunto de nmeros que puede resultar abrumador. Pero con esta versin de Dreamweaver,puede obtener rpidamente una vista previa de las imgenes y los colores utilizados en la Vista de cdigo.Esta funcin le permite establecer relaciones visuales entre los nombres de los archivos de imgenes y losformatos de colores con la imagen o el color que representan en la realidad. Como resultado, puede tomardecisiones relacionadas con los diseos de manera rpida y reducir el tiempo de desarrolloconsiderablemente.

    Para obtener ms informacin, consulte Vista previa de imgenes y colores en la Vista de cdigo.

    Vista previa de imgenes en la Vista de cdigo

    Vista previa de colores en la Vista de cdigo

    La Vista de cdigo tambin muestra una vista previa de los errores. El nmero de lnea donde hay cdigoerrneo se resalta en rojo. De este modo, al pasar el ratn sobre el nmero, se muestra una brevedescripcin del error.

    Nota: solo se muestra el primer error de la lnea. Si la lnea solo tiene una advertencia, se muestra ladescripcin de la advertencia. Si la lnea contiene una advertencia y un error, solo se muestra la descripcindel error.

    Nuevos fragmentos de cdigo

    Los fragmentos de cdigo son porciones de cdigo que puede reutilizar varias veces en los proyectos. Estaversin de Dreamweaver incorpora fragmentos de cdigo nuevos y actualizados:

    Boostrap_SnippetsCSS_Animation_And_TransitionsCSS_EffectsCSS_SnippetsHTML_SnippetsFragmentos de JavaScript (actualizado)PHP_SnippetsPreprocessor_Snippets

    5

  • Ir al principio

    Bootstrap es el framework gratuito de HTML, CSS y JavaScript msusado para desarrollar sitios webs interactivos y compatibles condispositivos mviles. El framework incluye plantillas interactivas paraCSS y HTML de botones, tablas, navegacin, carruseles de imgenes(carousel) y otros elementos que puede usar en su pgina web.Adems, tambin incorpora varios plug-in de JavaScript que facilitanincluso a los desarrolladores con conocimientos de programacinbsicos el desarrollo de sitios webs interactivos increbles.

    Dreamweaver le permite crear documentos de Bootstrap, adems demodificar pginas web ya existentes que se crearon con Bootstrap.Puede empezar a disear un sitio web de Bootstrap con una plantillade inicio. Estas se pueden seleccionar en el cuadro de dilogo Nuevodocumento (Plantillas de inicio > Plantillas de Bootstrap).

    Tutorial en vdeo: Creacin de sitioswebs interactivos en Dreamweaver CC(Intntelo, 3 min)

    Aprenda a usar las funciones de diseoweb interactivas para crear sitios webs(desde cero o desde una plantilla deinicio de Bootstrap) que se adapten alos diferentes tamaos de pantalla deforma que su contenido se muestreperfectamente.

    Responsive_Design_Snippets

    Para obtener informacin sobre el uso de los fragmentos de cdigo, consulte Trabajar con fragmentos decdigo.

    Adems, ahora puede mantener los fragmentos de cdigo actualizados en las instalaciones de Dreamweavera travs de la funcin de sincronizacin con la nube. Para obtener ms informacin sobre la sincronizacinde los fragmentos de cdigo con Creative Cloud y sus otras instalaciones de Dreamweaver, consulteSincronizacin de la configuracin de Dreamweaver con Creative Cloud.

    Integracin con Bootstrap

    Bootstrap: AgenciaBootstrap: Comercio electrnicoBootstrap: PortafolioBootstrap: ProductoBootstrap: Bienes inmueblesBootstrap: Currculum Vitae

    Tambin puede crear un documento de Bootstrap personalizado desde el cuadro de dilogo Nuevodocumento (Nuevo documento > Bootstrap). A continuacin, complete su sitio web aadiendo poco a pocoalgunos componentes de Bootstrap, como los acordeones y carruseles, a travs del panel Insertar deDreamweaver. Tambin, si tiene composiciones de Photoshop, puede utilizar Extract para incluir imgenes,fuentes, estilos, texto y mucho ms en su documento de Bootstrap.

    6

  • Nota:

    Ir al principio

    Opciones de formato en Visualizacin de elementosModificar > Men Tabla

    Nota: ahora el men Modificar est activado en la Vista en vivo.

    Creacin de documentos de Bootstrap

    Tanto si se trata de un archivo diseado completamente en Bootstrap como si es un diseo en curso, puedemodificarlo en Dreamweaver; no solo para editar el cdigo, sino tambin para realizar cambios de diseo conlas inmejorables funciones de edicin visual como la Vista en vivo, el Diseador de CSS, las consultas demedios visuales y Extract.

    en el caso de los sitios webs creados con versiones del framework de Bootstrap anteriores a laversin 3, Dreamweaver no cuenta con las herramientas de edicin visual para mostrar y ocultar elementosni la posibilidad de editar filas y columnas (opciones de aadir columnas, modificar el tamao y desplazarcolumnas).

    Para obtener informacin detallada, consulte Trabajar con archivos de Bootstrap.

    Compatibilidad con la edicin de tablas en la Vista en vivo

    Puede editar las tablas de forma sencilla y rpida en la Vista en vivo mediante una o varias de las siguientesopciones:

    Para obtener ms informacin, consulte Cambio del tamao de tablas y Aplicacin de formato a tablas yceldas.

    7

  • Ir al principio

    Ir al principio

    Nota:

    Ir al principio

    La Vista rpida de elementos se ha cambiado por el panel DOM(Ventana > DOM). El panel DOM proporciona todas las funciones quesola ofrecer la Vista rpida de elementos y mucho ms. Este panelest disponible en todos los espacios de trabajos y se conservaintacto; es decir, puede abrir dos documentos, y abrir y acceder a suspaneles DOM de forma simultnea.

    El panel DOM le permite:

    Arrastrar elementos desde el panel Insertar para colocarlos conexactitud en la estructura del documento.

    Vdeo: Desplazarse por el HTML(Valo, 6 min)

    Vea y modifique la estructura HTML.

    Nuevos mens de la Vista en vivo

    Ahora, se han mejorado las funciones de edicin de la Vista en vivo gracias a los siguientes mens:

    ModificarFormatoComandosSitioLa opcin de Pegado especial en el men Edicin y el men contextual

    Compatibilidad con elementos de la IU de jQuery en la Vista envivo

    Ahora, a travs del panel Insertar, puede introducir widgets de jQuery directamente en la Vista en vivo.Arrastre el elemento que desee desde el panel Insertar hasta la Vista en vivo y mantenga pulsado el ratnpara utilizar una de las siguientes funciones de insercin:

    Guas interactivas: estas guas se muestran a medida que coloca el cursor sobre loselementos de la Vista en vivo tras haber arrastrado el elemento deseado desde el panelInsertar. Gracias a las guas interactivas, puede insertar elementos en la parte superior,inferior, a la izquierda o a la derecha de un elemento que est seleccionado.

    Icono de DOM: el icono de DOM aparece al realizar una breve pausa una vez hanaparecido las guas interactivas. Haga clic en el icono para ver la estructura DOM en unaventana emergente y colocar el elemento en la ubicacin exacta de la estructura deldocumento que desee.

    Asistente de posicin: el asistente de posicin ayuda a colocar el elemento antes odespus del elemento seleccionado en la Vista en vivo, o bien anidarlo dentro de lamisma.

    las funciones anteriores se muestran segn el elemento que haya seleccionado con el objetivo deinsertarlo.

    Para obtener ms informacin, consulte Insercin de elementos directamente en la Vista en vivo.

    Panel DOM

    8

  • Copiar, pegar, duplicar, mover o eliminar los elementosestructurales del documento.Ver todos los elementos de la pgina en contexto con laestructura del documento: el elemento seleccionado se resalta enel panel DOM.

    Ir al principio

    Ir al principio

    Para obtener informacin detallada sobre el uso del panel DOM y la edicin de la estructura HTML medianteel panel, consulte Panel DOM.

    Panel DOM

    Sugerencias de cdigo SVG en documentos HTML

    Ahora, las sugerencias de cdigo para todos los elementos y atributos SVG son compatibles con losdocumentos HTML. Gracias a estas sugerencias de cdigo, ahora puede aadir elementos SVG en la Vistade cdigo de los documentos HTML de la misma forma en que se aaden a un documento SVG.

    Vista previa de tecnologa

    A partir de esta versin, el equipo de Dreamweaver ofrece vistas previas de algunas funciones para recopilarla opinin de los clientes. Segn estas opiniones, las funciones se mejorarn e incluirn como funcionesbsicas de Dreamweaver. Puede acceder a dichas funciones en el cuadro de dilogo Preferencias, dentro dela categora Vistas previas de tecnologa.

    Esta versin incluye la vista previa de la funcin de Resaltado de cdigo. Dicha funcin resalta todas lasrepeticiones de cualquier texto que se seleccione en la Vista de cdigo.

    9

  • Ir al principio

    Ir al principio

    Para utilizar dicha funcin, siga los siguientes pasos:

    1. Vaya a Preferencias > Vistas previas de tecnologa.

    2. Activar resaltado de cdigo. A continuacin, haga clic en Aplicar y, luego, en Cerrar paracerrar el cuadro de dilogo Preferencias.

    3. Abra el documento en el que desea utilizar el resaltado de cdigo. Puede utilizar elresaltado de cdigo en cualquier tipo de documento, por ejemplo, HTML, JS, CSS yLESS.

    4. En la Vista de cdigo, haga doble clic en el texto (o etiqueta, palabra e incluso frase)que quiera resaltar.

    Se resaltarn todas las repeticiones del texto seleccionado en la Vista de cdigo.

    Puede desplazarse por el texto resaltado con los siguientes mtodos abreviados del teclado:

    Seleccionar coincidencia siguiente: F3 (Win); Cmd + G (Mac)Seleccionar coincidencia anterior: Mays + F3 (Win); Cmd + Mays + G (Mac)

    Vista previa personalizada en la Vista de cdigo mediante la APIShowPreview

    Con esta versin de Dreamweaver, puede generar una ventana emergente con una vista previapersonalizada que se muestre al colocar el ratn sobre el cdigo en la Vista de cdigo. Para implementar lasvistas previas personalizadas, puede usar la nueva API, showPreview, adems de la API existentemm:browsercontrol. Por ejemplo, puede usar estas API para mostrar una vista previa de todos losparmetros de una funcin de JavaScript al colocar el ratn sobre el nombre de dicha funcin.

    Para obtener ms informacin, consulte Referencias sobre las API de Dreamweaver: funciones de la Vistade cdigo.

    Plegado de cdigo

    En las versiones anteriores de Dreamweaver, se tenan que seleccionar los bloques de cdigo en la Vista decdigo y luego contraerlos. En esta versin y las posteriores, se pueden contraer los bloques de cdigo alcolocar el ratn sobre los nmeros de lnea y hacer clic en el tringulo que aparece.

    Ahora se puede plegar cdigo (contraerlo) en los archivos HTML, CSS, LESS, Sass, SCSS, JS, PHP, XML ySVG, y basarse en bloques de etiquetas.

    Las acciones de copiar, cortar, pegar, as como la de arrastrar y soltar, conservan el plegado del cdigo. Porejemplo, si copia un bloque de cdigo que est contrado, la accin de Pegar pegar el texto copiado comoun bloque contrado.

    A diferencia de la funcin anterior de contraer cdigo, en los archivos HTML el cdigo contrado ahoraincluye la etiqueta de cierre y se procesa de manera diferente. Asimismo, el nmero de caracteres que semuestran en un bloque de cdigo contrado ha aumentado. Esto le ayudar a obtener una vista previa de losatributos iniciales, si existieran.

    Para obtener informacin ms detallada, consulte Modo contrado.

    10

  • Ir al principio

    Los dispositivos no solo tienen diferentes tamaos, sino tambindistintas resoluciones. Una buena planificacin de diseo para unapgina web interactiva debe incluir varias versiones de las imgenesutilizadas con diferentes resoluciones que se procesen correctamenteen los dispositivos. Sin embargo, crear numerosas versiones de todaslas imgenes del proyecto con resoluciones diferentes puede resultaruna tarea abrumadora.

    En Dreamweaver, Extract facilita esta tarea en gran medida. Con laversin 2015 de Dreamweaver, adems de extraer una imagen de sucomposicin de Photoshop, tambin puede extraer versiones condiferentes resoluciones de esa misma imagen. Durante la extraccin,la imagen de Photoshop se ajusta automticamente a las diferentesresoluciones predeterminadas.

    Tutorial en vdeo: Extraccin de activosen lote(Intntelo, 5 min)

    Aprenda a extraer lotes de imgenesoptimizadas para la web con diferentesresoluciones, incluidas las imgenespara pantallas de alta densidad depxeles, a partir de un documento dePhotoshop.

    Mejoras en Extract

    Extract para dispositivosCompatibilidad con unidades porcentuales

    Extract para dispositivos

    De este modo, puede llamar a estas imgenes en JavaScript o en las consultas de medios para mostrarlassegn el dispositivo en el que se vayan a visualizar. Por ejemplo, para una pantalla Retina de alta densidad,puede utilizar una versin de la imagen con doble aumento.

    Para obtener ms informacin, consulte Extraer imgenes de archivos PSD.

    Extraccin de diferentes versiones de una imagen con varias resoluciones

    Compatibilidad con unidades porcentuales

    11

  • Opcin de porcentaje (%)Medidas en porcentajes

    Ir al principio

    En el panel Extract, ahora puede ver la anchura y la altura de las imgenes en valores porcentuales, ademsde en pxeles. Tambin puede ver las medidas en porcentajes.

    Al hacer clic en un activo en el panel Extract, se muestra una ventana emergente que le ofrece la opcin dealternar entre pxeles y porcentajes. La unidad que seleccione en esta ventana emergente se conservarcuando consulte las medidas entre los activos.

    Mejoras en la edicin de la Vista en vivo

    Insercin anidada en la Vista en vivo

    Ahora, puede insertar elementos dentro de otros elementos en la Vista en vivo. Al arrastrar elementos desdeel panel Insertar, el panel Activos o dentro de la Vista en vivo y colocar el ratn sobre los diferenteselementos de la pgina, podr observar la informacin visual que se ofrece para los elementos anidados(junto con las guas de insercin anteriores y posteriores).

    Guas de insercin anteriores y posteriores: se muestran al colocar el puntero sobre el30 % de la parte superior e inferior del elemento.Informacin visual sobre el anidado: se muestra al colocar el puntero sobre el 40 %restante de la parte central del elemento.

    Informacin visual (un resaltado azul y sombreado) sobre las inserciones anidadas

    Edicin de los selectores directamente en Visualizacin de elementos

    Ahora, para editar un selector, solo tiene que hacer clic en su nombre dentro de Visualizacin de elementos.Puede confirmar los cambios que realice haciendo clic en cualquier rea de la pgina.

    12

  • Ir al principio

    Ir al principio

    Cambios en la barra de herramientas Programacin

    Se han eliminado las siguientes opciones para contraer cdigo de la barra de herramientas Programacin:

    Contraer etiqueta completaContraer seleccin

    Nota: estas opciones se han eliminado del men contextual del botn derecho y del men Edicin. Ahora se puede contraer cdigo al colocar el ratn sobre el nmero de lnea y hacer clic en el tringulo queaparece. Sin embargo, las siguientes opciones no estn disponibles en los archivos HTML, CSS y JS:

    Resalto del cdigo no vlidoAlertas de errores de sintaxis en la barra de informacin

    Ahora puede usar Linting para buscar errores de cdigo, y el panel Salida muestra los resultados de Linting.

    Mejoras en el Diseador de CSS

    Modos Todo y ActualSugerencias para los valores de las propiedadesCodificacin de colores para las consultas de mediosOtros cambios

    Modos Todo y Actual

    El Diseador de CSS ahora cuenta con dos modos diferentes para visualizar y editar las propiedades CSS:

    Todo: en este modo se muestran todas las CSS, consultas de medios y selectores deldocumento actual. Este modo no reconoce la seleccin de la Vista en vivo o la VistaDiseo.

    Resulta muy til si quiere crear CSS, consultas de medios o selectores.

    Actual: en este modo se muestran los estilos computados de cualquier elementoseleccionado en la Vista en vivo o la Vista Diseo. Si en un archivo CSS el cursor estcolocado sobre un selector, el modo muestra las propiedades de dicho selector.

    Este modo resulta muy til si quiere editar las propiedades de los selectores asociados al elementoseleccionado en el documento.

    Modos Todo y Actual del Diseador de CSS

    13

  • Sugerencias para los valores de las propiedades

    Ahora, Dreamweaver muestra las sugerencias de cdigo en el Diseador de CSS para configurar nuevaspropiedades de forma similar a la Vista de cdigo.

    Sugerencias de cdigo en el Diseador de CSS

    Codificacin de colores para las consultas de medios

    Las consultas de medios del panel Diseador de CSS ahora tienen una codificacin de colores quecoinciden con las Consultas de medios visuales.

    Verde: consultas de medios con condiciones de max-width Azul: consultas de medios con condiciones tanto de min-width como de max-width Morado: consultas de medios con condiciones de min-width

    Codificacin de colores para las consultas de medios en el Diseador de CSS

    Otros cambios

    Opcin Mostrar conjunto: la casilla de verificacin Mostrar conjunto est seleccionada

    14

  • Ir al principio

    Ir al principio

    de forma predeterminada en la seccin Propiedades cuando se inicia Dreamweaver porprimera vez. Los cambios que se apliquen a esta opcin (si se selecciona o se elimina laseleccin) se conserva en las sesiones siguientes de Dreamweaver.

    El panel se desplaza para mostrar la opcin Aadir propiedad en el centro: al hacerclic en + en la seccin Propiedades, la seccin se desplaza de manera que la fila Aadirpropiedad se muestre en el centro del panel. Si la seccin Propiedades es demasiadopequea, la fila Aadir propiedad se muestra en la parte inferior del panel.

    Resaltado del fondo al aadir nuevas propiedades: cuando el cursor est sobre elcuadro de texto Aadir nueva propiedad, la fila se resalta con un fondo gris.

    Cambio en las posiciones de los botones + y -: los botones + y - que se muestran encada ventanilla del panel Diseador de CSS se han reubicado desde el extremo derechoal extremo izquierdo para hacerlos ms visibles.

    La categora Personalizadas ha cambiado de nombre: el nombre de laspropiedades personalizadas ha pasado a ser Ms.

    Cambios en el flujo de trabajo del servidor de prueba

    Las mejoras de esta versin en el flujo de trabajo del servidor de prueba tienen el objetivo de facilitar yagilizar la edicin de documentos que tengan cdigo del lado del servidor en la Vista en vivo.

    Cambios en la configuracin del servidor

    A diferencia de las versiones anteriores de Dreamweaver, ahora puede designar un servidor especfico comoservidor de prueba o servidor remoto, pero no como ambos a la vez. Las casillas de verificacin de lainterfaz del usuario de la configuracin del servidor se han reemplazado con botones de opcin paraimplementar la especificacin de los servidores.

    Si abre un sitio o importa la configuracin de un sitio que se haya creado con versiones anteriores deDreamweaver, y el sitio cuenta con un solo servidor que se haya definido como remoto y de prueba, secrear una entrada duplicada del mismo. De ese modo, uno quedar marcado como servidor remoto (con elsufijo _remoto o _remote) y el otro, como servidor de prueba (con su correspondiente sufijo _de pruebao _testing).

    Guardado automtico de archivos dinmicos

    Ahora, Dreamweaver sincroniza automticamente los documentos dinmicos con el servidor de prueba alabrir, crear o guardar los cambios realizados en tales documentos. Sin embargo, en los flujos de trabajo delos servidores de prueba, Dreamweaver ya no muestra los cuadros de dilogo Actualizar servidor de pruebani Incluir archivos dependientes.

    Para obtener ms informacin, consulte Guardado automtico de archivos dinmicos.

    Cambios en el flujo de trabajo de Business Catalyst

    15

  • Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    Ir al principio

    Se ha eliminado la extensin de Business Catalyst y no se podr usar en la versin deDreamweaver CC 2015 ni en las posteriores. Dreamweaver CC 2014.1.1 es la ltima versin compatible conla extensin Business Catalyst.

    Si desea usar Business Catalyst con la versin de Dreamweaver CC 2015 y las posteriores, utilice la opcinde conexin SFTP de Dreamweaver. Para obtener ms informacin, consulte la documentacin de BusinessCatalyst.

    Consulte aqu el anuncio oficial sobre este cambio en el sitio web de Business Catalyst.

    Otros cambios

    El panel Insertar se ha reorganizado para agrupar todas las opciones de las categorasComn, Diseo y Medios en una categora ms lgica: HTML.

    Se han eliminado del men Ayuda los vdeos con presentaciones breves y el vnculopara iniciarlos. Esta opcin tampoco est disponible para las configuraciones regionalesque no sean ingls.

    Se han reducido las opciones disponibles en el men desplegable de la barraDocumento, situada en la parte inferior de una ventana; ahora solo estn disponibles lasopciones Orientacin, Tamao completo y Editar tamaos.

    16

  • Creative Cloud

    17

  • Aplicacin de escritorio de Creative Cloud

    Adobe Creative Cloud permite descargar, instalar y actualizar aplicaciones.Tambin puedes sincronizar archivos y fuentes, as como mostrar y descubrirtrabajos creativos en Behance.

    Descargar

    Descargar la aplicacin deescritorio de Creative Cloud

    Descarga e instalacinde aplicaciones

    Aadir fuentes deTypekit

    Inicio y fuente deactividades

    Preferencias

    Sincronizar archivos ycarpetas

    Bsqueda de imgenesde stock

    Creative Cloud Market

    Behance

    Ir al principio

    Descarga e instalacin de aplicaciones

    Descarga, instala y actualiza las aplicaciones de Creative Cloud. Descubre nuevas aplicaciones de CreativeCloud e instlalas en tu ordenador. Puedes buscar aplicaciones por popularidad o por diseo.

    La aplicacin de escritorio de Creative Cloud se instala automticamente cuando se descarga un producto. Siya tienes instalado Adobe Application Manager, se actualiza automticamente con la aplicacin de escritoriode Creative Cloud. Para descargarla manualmente, visita la pgina de la aplicacin de escritorio de CreativeCloud.

    1. Accede a Adobe Creative Cloud desde la barra de tareas (Windows) o la barra deherramientas de Apple (Mac OS).

    De forma predeterminada, Adobe Creative Cloud se abre cuando se inicia sesin en

    18

  • el ordenador.

    2. Haz clic en el panel Apps. Las aplicaciones instaladas recientemente en el ordenadoraparecen en la parte superior del panel. La lista puede incluir versiones anterioresinstaladas.

    3. Desplzate hacia abajo para ver ms aplicaciones. Tambin puedes filtrar por categoraspara buscar las aplicaciones que necesites.

    4. Haz clic en Instalar o Actualizar.

    5. Para descargar e instalar una versin anterior de una aplicacin, selecciona Versinanterior y elige una versin en el men Instalar.

    19

  • Ir al principio

    Para obtener ms informacin sobre la instalacin de las aplicaciones de CC o CS6, consulta Instalacin deaplicaciones.

    Las aplicaciones como Photoshop o Illustrator se descargan e instalan en el ordenador. Debers iniciarlasdesde tu ordenador. Para obtener instrucciones detalladas, consulta Inicio de aplicaciones de CreativeCloud.

    Sincronizar archivos y carpetas

    Sincroniza archivos de tu ordenador con Creative Cloud y accede a ellos desde cualquier lugar. Los archivosestarn disponibles al instante en todos los ordenadores y dispositivos conectados, as como en tu pginaCreative Cloud Files. Para sincronizar archivos, descarga e instala la aplicacin de escritorio de CreativeCloud en todos los ordenadores.

    Para sincronizar archivos, realiza una de las siguientes acciones:

    Copia, pega o mueve los archivos al directorio Creative Cloud Files de tuordenador.

    20

  • Ir al principio

    Ir al principio

    En la aplicacin, elige Archivo > Guardar o Archivo > Guardar como y ve al directoriode Creative Cloud Files de tu ordenador.

    Siempre dispondrs de los archivos originales en tu ordenador o dispositivo. Los archivos se sincronizan contodos los dispositivos conectados por medio de Creative Cloud.

    Puedes verlos online en la pgina de Creative Cloud Assets. Una vez sincronizados los archivos, no espreciso que ests conectado y puedes ver los archivos en la carpeta o en el directorio Creative Cloud Filesdel ordenador.

    Para obtener informacin sobre cmo trabajar con archivos cargados en Creative Cloud, consulta Gestin ysincronizacin de archivos.

    Aadir fuentes de Typekit

    Elige una tipografa de uno de los numerosos partners diseadores de Typekit y sincronzala con tu escritoriomediante Creative Cloud. Las fuentes sincronizadas pueden utilizarse en todas las aplicaciones de CreativeCloud y en otras aplicaciones de escritorio.

    Debes disponer de un abono de Creative Cloud de pago o de una cuenta de Typekit vlida para sincronizarfuentes con el ordenador de sobremesa.

    El panel Fuentes muestra las fuentes sincronizadas con el ordenador. Para sincronizar fuentes, haga losiguiente:

    1. En la aplicacin de escritorio de Creative Cloud, haz clic en el panel Fuentes.2. Haz clic en Aadir fuentes de Typekit. Se abrir una ventana de Typekit en el

    navegador.3. En la ventana de Typekit, desplaza el ratn sobre una tarjeta de fuentes y, a

    continuacin, haz clic en + Utilizar fuentes.4. Selecciona las fuentes de la familia seleccionada y haz clic en Sincronizar fuentes

    seleccionadas.

    Tienes preguntas acerca de la sincronizacin de fuentes? Aqu tienes un tutorial detallado que abarca todopaso a paso.

    21

  • Bsqueda de imgenes de stock

    Adobe Stock es un servicio que comercia con millones de fotos, ilustraciones y grficos de gran calidad yexentos de derechos de autor. Puedes adquirir Adobe Stock segn vayas necesitando, ya sea en forma deuna sola imagen, ilustracin o grfico; o puedes adquirir una suscripcin de varias imgenes. Hay una seriede paquetes de suscripcin disponibles.

    Puedes buscar imgenes de stock justo desde la app de escritorio de Creative Cloud.

    Bsqueda de imgenes de stock desde la app de escritorio de Creative Cloud

    1. En la ficha Stock, escribe las palabras clave para realizar la bsqueda de imgenes destock y haz clic en Ir.

    2. Si se te solicita la fecha de nacimiento, introdcela y haz clic en Actualizar.

    Se te redirigir a una pgina del sitio web de Adobe Stock que mostrar las imgenesde stock relacionadas con tu bsqueda.

    Adobe Stock y las Bibliotecas Creative Cloud.

    22

  • Ir al principio

    Una vez que hayas encontrado una imagen de stock que te interese, puedes aadir su vista previa conmarca de agua a cualquiera de tus bibliotecas directamente desde el sitio web de Adobe Stock. Luego, en lasapps de Creative Cloud que sean compatibles con las Bibliotecas (Photoshop, Illustrator, InDesign,Premiere Pro y After Effects), puedes arrastrar la imagen de stock con marca de agua desde elpanel Bibliotecas hasta tu proyecto creativo. Una vez que te hayas convencido de que esa imagen de stockes apropiada para tu proyecto, puedes comprar la licencia directamente desde el panel Bibliotecas de la appde escritorio.

    Las aplicaciones de Creative Cloud compatibles con los objetos inteligentes enlazados a las bibliotecas,como Photoshop, Illustrator e InDesign, llevan la integracin a un nivel superior. Al comprar la licencia de laimagen de stock, todas las instancias vinculadas de esa imagen que estn incluidas en los documentosabiertos se actualizarn automticamente a la imagen de stock con licencia y de alta resolucin que hayasadquirido, y la marca de agua desaparecer.

    Para obtener ms informacin, consulta Uso de Adobe Stock.

    Market

    Creative Cloud Market es un conjunto de contenido protegido de alta calidad diseado por creativos y paracreativos. Desde Market, los suscriptores de Creative Cloud pueden acceder de forma gratuita, tanto desdeaplicaciones mviles como de escritorio (a travs de las aplicaciones conectadas de Creative Cloud), a unaamplia seleccin de grficos vectoriales, iconos, patrones, kits de interfaz de usuario y mucho ms.Asimismo, los suscriptores de Creative Cloud podrn descargar de forma gratuita hasta 500 activos por mes.Este nuevo servicio permitir a los creativos encontrar activos que podrn modificar y manipular para usarcomo base de su proceso creativo.

    23

  • Ir al principio

    Para obtener ms informacin, consulta Activos de Market.

    Compartir y descubrir trabajos en Behance

    Muestra y descubre trabajos creativos en Behance. Como miembro, puedes crear un portafolio de tu trabajoy difundirlo fcilmente a un gran nmero de usuarios. Asimismo, puedes descubrir los trabajos creativos msrecientes a escala mundial explorando trabajos populares o destacados en distintos campos.

    Inicia sesin o regstrate para acceder a las opciones de fuente de actividades, portafolioy compartir y descubrir nuevos trabajos de Behance. Si ya dispones de una cuenta, se tepedir que inicies sesin. Si an no dispones de una cuenta, el registro es rpido ysencillo.

    Aunque no dispongas de una cuenta Behance, podrs descubrir proyectos destacados ytrabajos en curso desde el panel.

    24

  • Ir al principio

    Ir al principio

    Para obtener ms informacin, consulta Compartir en Behance o visita el Foro de Adobe Behance.

    Inicio y fuente de actividades

    El flujo de actividad del panel de inicio contiene tus interacciones con Creative Cloud. Aqu se muestraneventos y actividades como, por ejemplo, la disponibilidad, las actualizaciones y el estado de instalacin delas nuevas aplicaciones.

    Preferencias

    25

  • Palabras clave: Adobe Creative Cloud, escritorio, Behance, Typekit, instalar aplicaciones, descargaraplicaciones

    Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    Ir al principio

    Pregunta a la comunidad

    Publica, debate y formaparte de nuestra increblecomunidad

    Ponte en contacto connosotros

    Comienza aqu paraconectar con nuestropersonal

    Ms ayuda

    Notas de la versin |Aplicacin de escritorio deCreative CloudInicio de aplicaciones deCreative CloudInstalacin y actualizacin deaplicacionesActualizar aplicaciones aCreative Cloud 2015Asistencia sobre el sistemaoperativo para Creative Cloud2015Solucin de problemas dedescarga e instalacinPreguntas frecuentes sobreCreative CloudPreguntas frecuentes sobre elAdobe ID

    Para abrir la pantalla de Preferencias, elige > Preferencias.

    Para cerrar la sesin de la aplicacin de escritorio de Creative Cloud, haz clic enInformacin general y, a continuacin, haz clic en Cerrar sesin.Selecciona la configuracin de Mostrar notificaciones.Selecciona Mantener actualizado Creative Cloud para escritorio para activar lasactualizaciones automticas.Activa Iniciar sesin en activos de AEM para conectarte a tu repositorio de activos deAEM. Para obtener ms informacin, consulta Trabajar con activos de AEM.Selecciona Creative Cloud y utiliza la ficha Apps para especificar el idioma de laaplicacin y la ubicacin de la instalacin.Utiliza las fichas Archivos, Fuentes y Behance para especificar la configuracincorrespondiente.Especifica la configuracin de Mostrar notificaciones del SO en todas las fichas.

    Necesitas ms ayuda?

    26

  • Examinar, sincronizar y gestionar activos

    Ir al principio

    Archivos

    Creaciones mviles

    Bibliotecas

    Nota:

    Examinar activosSincronizacin o carga de archivosEliminar archivosPlanes y cuota de almacenamientoSolucin de problemas

    Tu cuenta de Adobe Creative Cloud incluye almacenamiento online, por lo que tus archivos estarn a tudisposicin en cualquier lugar, as como en cualquier dispositivo u ordenador. Puedes obtener una vistaprevia de muchos tipos de archivos creativos directamente en un navegador web en tu ordenador, tablet osmartphone. Estos tipos de archivo incluyen: PSD, AI, INDD, JPG, PDF, GIF, PNG, Photoshop Touch eIdeas, entre otros.

    Adobe Creative Cloud para escritorio mantiene todos los archivos sincronizados. De este modo, todas lasadiciones, modificaciones o eliminaciones se vern reflejadas en todos los ordenadores y dispositivosconectados. Por ejemplo, si cargas un archivo .ai utilizando la pgina Creative Cloud Assets, se descargarautomticamente en todos los ordenadores conectados.

    Examinar activos

    Tus activos de Creative Cloud incluyen archivos sincronizados con tu escritorio, activos creados con appspara dispositivos mviles compatibles con Creative Cloud y las Bibliotecas Creative Cloud. Puedes examinartodos tus activos usando la pgina Creative Cloud Assets, que organiza los activos de la siguiente manera:

    muestra los archivos sincronizados con el directorio Creative Cloud Files en el escritorio

    muestra los activos creados con las apps para dispositivos mviles compatibles conCreative Cloud

    muestra las bibliotecas de diseos que hayas creado

    mientras realizas algunas acciones en los activos del escritorio como renombrar, compartir, descargar,reemplazar y guardar (en Archivos), solo puedes ver los activos que hay en Creaciones mviles yBibliotecas, en la pgina Creative Cloud Assets.

    27

  • Todo: Muestra todos los archivos sincronizados con el directorio Creative CloudFiles

    Compartido: Muestra los archivos que comparte con otros usuarios deCreative Cloud

    Archivado: Muestra los archivos que se han eliminado

    Asimismo, puedes examinar los activos creados con apps para dispositivosmviles de Creative Cloud en Creaciones mviles, donde se subclasifican enfuncin de la app con la que se han creado.

    Para obtener ms informacin sobre Bibliotecas, consulta Bibliotecas CreativeCloud.

    Ir al principio

    Cuando haces clic en una categora de activos, se expande y se muestran las subcategoras, en el caso deque las hubiera. Por ejemplo, los activos que hay en Archivos se organizan en Todo, Compartido yArchivado.

    Sincronizacin o carga de archivos

    Para sincronizar archivos desde tu ordenador, realiza uno de los siguientes procedimientos:

    Copia, pega o mueve archivos al directorio Creative Cloud Files de tu escritorio.En la aplicacin, selecciona Archivo > Guardar o Archivo > Guardar como y ve aldirectorio Creative Cloud Files.

    Para abrir el directorio Creative Cloud Files en la aplicacin de escritorio de Creative Cloud, seleccionaActivos > Archivos y haz clic en Abrir carpeta.

    28

  • Nota:

    Cargue y gestione sus archivos en Creative Cloudcon el men Acciones de la pgina Creative CloudAssets.

    Arrastra y suelta los activos de tu escritorio en lapgina de Creative Cloud Assets.

    no se sincronizarn los nombres de archivo que contengan caracteres especiales, como |, ", ?, , /,*, o :. Tampoco lo harn aquellos archivos con nombres reservados, como AUX o Com1. Si aparece unerror, cambia el nombre del archivo para que pueda sincronizarse con Creative Cloud. Para obtener msinformacin, consulta Error: Los archivos no se sincronizan con Creative Cloud.

    Asimismo, puedes cargar archivos directamente en la pgina Creative Cloud Assets usando uno de lossiguientes mtodos.

    Reemplazar un archivo

    Al volver a cargar el archivo, se crea una versin del mismo y se sustituye el archivo existente por el nuevo.

    29

  • Ir al principio

    Creative Cloud tambin guarda una copia de todos los cambios que realices en los archivos y los sincronizaa travs de Photoshop Touch, Adobe Ideas y la aplicacin de escritorio de Creative Cloud.

    Para sustituir un archivo en la pgina Creative Cloud Assets, sigue estos pasos:

    Nota: el nuevo archivo debe ser del mismo tipo que el del archivo que se sustituye. Por ejemplo, no sepuede sustituir un archivo .PSD por un archivo .AI. Para obtener informacin sobre las versiones, consulta Preguntas frecuentes sobre las versiones.

    1. Busca y abre el archivo para visualizarlo.2. Selecciona Acciones > Reemplazar o arrastra el archivo de la carpeta a la ventana del

    navegador.

    Eliminar archivos

    Puedes eliminar archivos del sitio web de Creative Cloud o de Adobe Touch Apps. Tambin puedes utilizarlos comandos del sistema operativo para eliminar archivos del directorio Creative Cloud Files en tu escritorio.Todas las eliminaciones se sincronizan con tu cuenta y los archivos se guardan en Creative Cloud. Losarchivos originales estn siempre en tu ordenador y dispones de una copia en Creative Cloud, de modo quepuedes acceder a ellos en cualquier lugar.

    Los archivos guardados siguen ocupando almacenamiento online. Puedes eliminar los archivos de formapermanente o bien restaurarlos desde la carpeta Archivo. La eliminacin definitiva de los archivos libera lacuota de almacenamiento.

    Eliminacin permanente o restauracin de archivos

    La eliminacin permanente de activos es un proceso de tres pasos:

    Tambin puedes restaurar un documento archivado:

    1. Guarda un archivo del directorio Creative Cloud Files en tu escritorio, en apps paradispositivos mviles compatibles con Creative Cloud o en la pgina Creative CloudAssets. Los archivos guardados se trasladan a la categora Archivado en Mis activos >Archivos.

    2. En la pgina Archivado, selecciona los archivos que deseas eliminar permanentementey haz clic en Eliminar permanentemente.

    3. En el cuadro de dilogo de confirmacin, haz clic en Eliminar permanentemente.

    1. En la pgina Archivado, selecciona los archivos que deseas restaurar y haz clic enRestaurar.

    2. En el cuadro de dilogo de confirmacin, haz clic en Restaurar.

    30

  • Ir al principio

    Estado del almacenamiento en la aplicacin deescritorio de Creative Cloud

    Estado del almacenamiento en la pginaConfiguracin

    Nota:

    Ir al principio

    Pregunta a la comunidad

    Publica, debate y formaparte de nuestra increblecomunidad

    Ponte en contacto connosotros

    Comienza aqu paraconectar con nuestropersonal

    Consulta tambin

    Introduccin a Creative CloudAssetsCompartir archivos y carpetas

    Planes y cuota de almacenamiento

    La cuota de almacenamiento vara en funcin de tu abono a Creative Cloud.

    Plan de abono Cuota de almacenamientogratuito

    Plan gratuito 2 GB

    Creative Cloud (Plan fotogrfico) 2 GB

    Creative Cloud (Plan completo y de aplicacinnica) 20 GB

    Creative Cloud para equipos 100 GB

    Puedes consultar el estado de almacenamiento en la ficha Archivos que se encuentra debajo del panelActivos de la aplicacin de Creative Cloud para escritorio o en la pgina Configuracin de la pgina Actividadde Creative Cloud.

    Creative Cloud sincroniza hasta 1 GB de desbordamiento de cualquier dispositivo. Despus, la aplicacinpara escritorio deja de sincronizar archivos nuevos y te informa de que has superado la cuota. Los archivosque no se pueden cargar se muestran con un signo de exclamacin rojo. Aun as, puedes mover y eliminararchivos, as como cambiarles el nombre. Para seguir sincronizando archivos, elimina otros archivos deforma permanente para liberar espacio.

    una pequea parte del almacenamiento se utiliza con fines administrativos. Por tanto, el espacio dealmacenamiento real ser ligeramente inferior al asignado. Vara de 100 KB a 500 KB en funcin del nmerode archivos del usuario.

    Solucin de problemas

    31

  • Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    Colaborar compartiendocarpetasSincronizar y compartirarchivos con colaboradores(vdeo, 10 min)Estado de Adobe CreativeCloudError: Los archivos no sesincronizan con CreativeCloudPreguntas frecuentes sobrelas versiones

    32

  • Aadir fuentes de Typekit

    Typekit es un servicio de suscripcin que ofrece acceso auna amplia biblioteca de fuentes para su uso en aplicacionesde escritorio y sitios web.

    Con tu suscripcin a Creative Cloud se incluye un plan de portafoliode Typekit, y los miembros de Creative Cloud con abono gratuitopueden acceder a una seleccin de fuentes de Typekit para su usoen sistemas de escritorio y sitios web.

    Suscrbete a Creative Cloud(abono gratuito, plan completo ode aplicacin nica) o a un planindependiente de Typekit parasincronizar las fuentes con tuescritorio. Para obtener msinformacin, consulta la pgina deproducto de Typekit y lasopciones de planes de Typekit.

    Ir al principio

    Ir al principio

    Desde la aplicacin CreativeCloud para escritorio:

    En la ficha Fuentes, haz clic en

    Desde una aplicacin integradade Typekit:

    En el men de fuente de la

    Directamente en el sitio web deTypekit.com:

    Usa tu Adobe ID y tu contrasea

    IntroduccinBuscar y aadir fuentes desde TypekitUtilizar fuentes sincronizadasGestionar la sincronizacin de fuentes

    Introduccin

    Puedes seleccionar una tipografa de uno de los numerosos partners diseadores de tipografas de Typekity, a continuacin, sincronizarlas en tu escritorio mediante Creative Cloud o utilizarlas en la Web. Las fuentessincronizadas estn disponibles para su uso en todas las aplicaciones de Creative Cloud como, por ejemplo,Photoshop o InDesign, as como otras aplicaciones de escritorio, como MS Word.

    La aplicacin de Creative Cloud para escritorio debe estar instalada en el ordenador para sincronizar lasfuentes. Si an no la tienes instalada, descrgala e instlala. Para obtener ms informacin,consulta Creative Cloud en el escritorio.

    Typekit est activado de manera predeterminada para que pueda sincronizar las fuentes y usarlas en lasaplicaciones de escritorio.

    Llegados a este punto, si ya has seleccionado las fuentes para sincronizarlas en tu navegador web,empezarn a sincronizarse automticamente con tu ordenador.

    Buscar y aadir fuentes desde Typekit

    Puedes acceder a la biblioteca de Typekit desde varios lugares. Usa la combinacin de los siguientesmtodos que mejor ajuste la seleccin de la nueva fuente en tu flujo de trabajo existente.

    33

  • Aadir fuentes de Typekit. Seabrir una ventana del navegadore iniciar sesin en Typekit.com.

    aplicacin, haz clic en Aadirfuentes de Typekit. Se abriruna ventana del navegadordirectamente desde la aplicacin.

    para iniciar sesin enTypekit.com.

    Puedes examinar fuentes y aplicar filtros para encontrar las fuentes que deseas. La disponibilidad de unafuente determinada se indica en la tarjeta de fuente.

    Disponibilidad indicada en las tarjetas de fuentes

    A. Web y escritorio B. Web

    Haz clic en una tarjeta de fuente individual para ver ms detalles sobre la tipografa, incluidos losdistintos tipos de todos los grosores y estilos disponibles.

    34

  • Haz clic en Utilizar fuentes. En la ventana Utilizar esta familia, especifica dnde te gustara sincronizarla fuente en tu escritorio o adela a un kit para usarla en la Web.

    Selecciona los estilos que necesites de la familia de fuentes y, a continuacin, haz clic en Sincronizarfuentes seleccionadas.

    Las fuentes se sincronizarn con todos los equipos donde est instalada la aplicacin de Creative Cloud.Para ver las fuentes, abre la aplicacin de Creative Cloud y haz clic en el panel Fuentes.

    35

  • Ir al principio

    Trabajar con fuentes deTypekit en InDesign CC

    Trabajar con fuentes deTypekit en Premiere ProCC

    Trabajar con fuentes deTypekit en Illustrator CC

    Trabajar con fuentes deTypekit en After EffectsCC

    Trabajar con fuentes deTypekit en PhotoshopCC

    Utilizar fuentes sincronizadas

    Para utilizar las fuentes que has sincronizado, solo tienes que abrir cualquier aplicacin de escritorio e ir almen de fuentes. Vers las fuentes sincronizadas en la lista de opciones. Algunas aplicaciones de escritorio,como Microsoft Office, pueden requerir un reinicio despus de que se sincronice una fuente nueva.

    Men de fuentes de InDesign con las fuentes sincronizadas de Typekit

    Para obtener ms informacin sobre cmo trabajar con fuentes de Typekit en una aplicacin de CreativeCloud, consulta los siguientes recursos:

    36

  • Ir al principio

    Gestionar la sincronizacin de fuentes

    Puedes ver las fuentes sincronizadas de tu ordenador con el panel Fuentes de la aplicacin de AdobeCreative Cloud o en la cuenta de Typekit.com.

    Quitar fuentes sincronizadas

    Para quitar fuentes sincronizadas de tu ordenador:

    1. En el panel Fuentes de Adobe Creative Cloud, haz clic en Administrar fuentes. Lapgina Fuentes sincronizadas se abrir en una ventana del navegador. Tambin puedesiniciar sesin en Typekit.com e ir directamente a tu pgina Fuentes sincronizadas.

    2. A la derecha de las fuentes que ya no desees usar, haz clic en Quitar.

    Desactivar Typekit

    Puedes activar o desactivar la funcin Sincronizar fuentes. Si desactivas la funcin Sincronizar fuentes,dejarn de sincronizarse las fuentes y se eliminarn las que se hayan sincronizado en el equipo.

    1. En la aplicacin de escritorio de Creative Cloud, elige > Preferencias > CreativeCloud.

    2. Haz clic en Fuentes.

    3. Para activar o desactivar la sincronizacin de fuentes,selecciona Activar o Desactivar en la configuracin Activar/Desactivar de Typekit.

    Usar Typekit sin conexin

    Si se queda sin conexin mientras la aplicacin de Creative Cloud est activada y con la sesin iniciada, lasfuentes sincronizadas seguirn disponibles para el uso. Los cambios que hagas en la seleccin desincronizacin de fuentes en Typekit.com no se reflejarn hasta que se reanude la conectividad.

    Si inicias la aplicacin de Creative Cloud estando sin conexin, las fuentes no estarn disponibles y noaparecern en los mens de fuentes estndar.

    37

  • Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    Artculos relacionadosSincronizar fuentes con el escritorio | Typekit.comAadir fuentes a las aplicaciones de escritorio mediante Creative Cloud

    38

  • Creative Cloud Market

    Ir al principio

    Creative Cloud Market es una coleccin de contenido protegido de alta calidad diseada por creativos paracreativos, disponible para todos los usuarios de Creative Cloud de pago, excepto clientes de Planfotogrfico. Desde Market, los usuarios de Creative Cloud pueden acceder de forma gratuita, tanto desdeaplicaciones mviles como de escritorio (a travs de las aplicaciones conectadas de Creative Cloud), a unaamplia seleccin de grficos vectoriales, iconos, patrones, kits de interfaz de usuario y mucho ms.Asimismo, los suscriptores de Creative Cloud podrn descargar de forma gratuita hasta 500 activos por mes.Este nuevo servicio te permitir encontrar activos que podrs modificar y manipular para usar como base detu proceso creativo.

    Para tener acceso a Market, primero debers instalar la aplicacin de escritorio de Creative Cloud o una appmvil compatible, como Adobe Photoshop Sketch. Para obtener informacin de descarga, consulta CreativeCloud para escritorio. Descubre ms en este corto tutorial en vdeo: Acceso a activos de diseo de CreativeCloud Market.

    Descubrir y descargar activos creativos

    Puedes examinar miles de activos de calidad desde la aplicacin de Creative Cloud para escritorio. EligeAssets > Market. Tambin puedes expandir el men desplegable para buscar por categora o por palabrasclaves para, de este modo, encontrar los activos ms relevantes para tu proyecto.

    1. En Creative Cloud para escritorio, elige Assets > Market.

    2. Creative Cloud Market incluye una seleccin de contenido protegido de alta calidad queabarca las categoras siguientes:

    Para la colocacin: plantillas fotogrficas y digitales con capas organizadas ymscaras profesionales (archivos PSD).Interfaces de usuario: archivos PSD con capas que incluyen kits completos,formularios, grficos, navegacin y widgets para aplicaciones mviles y web(archivos PSD).Formas vectoriales: objetos y formas escalables que se integran con Photoshop,InDesign e Illustrator (archivos SVG).Iconos: serie de pictogramas, contornos, smbolos planos y en 3D para la impresin,la utilizacin en sitios web y la localizacin de contenido (archivos PNG/SVG).Patrones: patrones y fondos geomtricos, ilustrados y con texturas repetibles(archivos PNG/SVG).Pinceles: pinceles de Photoshop abstractos y de medios naturales de alta calidad(archivos ABR/TPL).

    Para filtrar activos, selecciona una categora desde el men emergente Market.

    39

  • 3. Para buscar activos, haz clic en y especifica un trmino de bsqueda.

    Es posible filtrar y ordenar los resultados de bsqueda.

    4. Haz clic en una miniatura de un recurso para ver informacin adicional junto con losdetalles del recurso.

    5. Haz clic en Descargar y escoge una biblioteca en la que descargar el activo. Tambinpuedes crear una biblioteca nueva. Para obtener ms informacin, consulta BibliotecasCreative Cloud.

    Adems de la biblioteca, los activos tambin se descargan automticamente a la carpeta

    40

  • Ir al principio

    Descargas de Market de la carpeta de Creative Cloud Files principal.

    Preguntas frecuentes

    Cmo obtengo Creative Cloud Market?

    Creative Cloud Market est disponible para todos los abonados a Creative Cloud de pago, excepto paralos clientes de planes fotogrficos (Plan fotogrfico de Photoshop y Plan fotogrfico de Creative Cloud).Durante un tiempo limitado, Adobe Creative Cloud Market es accesible para todos los miembros deCreative Cloud a travs de la aplicacin de iPad Adobe Sketch. Los miembros que dispongan de abonogratuito a Creative Cloud y los miembros de planes fotogrficos podrn examinar los activos de Marketmediante Creative Cloud para escritorio, pero no podrn descargar contenido. Para descargar y utilizarcontenido de Creative Cloud Market, actualiza al Plan de aplicacin nica o al Plan completo de CreativeCloud.

    Por qu los clientes de Plan fotogrfico no tienen acceso a Creative Cloud Market?

    Creative Cloud Market es un nuevo beneficio que se ha aadido a determinados planes de pago deCreative Cloud y que no est incluido en las autorizaciones para clientes del Plan fotogrfico. Algunosservicios de Creative Cloud, como Creative Cloud Market, Typekit o ProSite, solo estn disponibles parael Plan de aplicacin nica o el Plan completo de Creative Cloud. Para descargar y utilizar contenido deCreative Cloud Market, actualiza al Plan de aplicacin nica o al Plan completo de Creative Cloud.

    Necesito un abono a Creative Cloud?

    Creative Cloud Market est disponible para los abonados a Creative Cloud de pago. Los usuarios con losabonos de aplicacin nica y plan completo de cualquier plan (para particulares, equipos, el sectoreducativo o empresas) pueden optar a esta solucin. Los usuarios pueden acceder a Creative CloudMarket a travs de la aplicacin de Creative Cloud para escritorio.

    Los usuarios del Plan fotogrfico de Creative Cloud no pueden optar al acceso a Market medianteCreative Cloud para escritorio. Los usuarios con abono gratuito podrn examinar los activos de Marketmediante Creative Cloud para escritorio, pero no podrn descargar contenido.

    Cuentan los activos descargados en la cuota de almacenamiento?

    S. Los activos descargados se almacenan en la carpeta de Creative Cloud Files y cuentan para elalmacenamiento. Si superas tu cuota de almacenamiento, ya no podrs descargar ms activos a menosque elimines archivos antiguos y liberes espacio. Consulta Gestin y sincronizacin de archivos.

    Puedo utilizar los activos en mis proyectos?

    41

  • Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    S. Los activos son exclusivos y se proporcionan de forma gratuita para la utilizacin en tus proyectos.

    Puedo copiar o realizar copias de seguridad de los activos para su utilizacin en el futuro?

    S, puedes realizar copias de seguridad de los activos obtenidos de Creative Cloud Market para suutilizacin en el futuro.

    Puedo compartir los activos tras descargarlos?

    No. Pese a que los activos se proporcionan de forma gratuita a los usuarios con abono a Creative Cloudpara que puedan utilizarlos en sus publicaciones, producciones y proyectos, estos no se puedencompartir ni redistribuir.

    De dnde procede el contenido que utiliza Adobe en Creative Cloud Market?

    El contenido de Adobe mana del grupo de creativos de mayor talento de Behance, la plataforma onlinegratuita lder en el sector utilizada para mostrar y descubrir trabajos creativos.

    Puede incluirse mi trabajo en Creative Cloud Market?

    Para ampliar el alcance de tu trabajo, Adobe recomienda a todos los artistas potenciales utilizar Behancepara publicar su trabajo. Adobe busca y protege el futuro contenido en Behance.

    42

  • Creative Cloud Extract

    Utilice Creative Cloud Extract para crear el diseo de Photoshop con el fin de codificarel flujo de trabajo de manera ms sencilla. Extract simplifica el proceso para losdiseadores web y los desarrolladores web y mejora en gran medida la eficiencia a lahora de transformar un diseo web en un cdigo con el que se puede trabajar.

    Las composiciones de Photoshop son un mtodo muy utilizado para compartir especificaciones de diseocon desarrolladores web, quienes despus tienen que convertir la interpretacin del diseo en HTML y CSS.En un flujo de trabajo normal, los diseadores crean composiciones de Photoshop para un diseo web odestinado a dispositivos mviles. Despus, los diseadores de produccin preparan el archivo PSD para losdesarrolladores, dividen los activos y crean especificaciones de lneas rojas. Los desarrolladores web seencargan de tomar esos activos y elementos de diseo y convertirlos en cdigo.

    Extract reinventa este flujo de trabajo y permite que los diseadores web exporten activos optimizados entiempo rcord en Photoshop CC y compartan sus archivos PSD con desarrolladores mediante Creative CloudAssets. Por tanto, pueden desbloquear informacin de diseo clave y descargar activos en sus navegadores.Posteriormente, los desarrolladores pueden acceder a esta informacin y aplicarla cuando codifican enDreamweaver CC.

    Extract se suministra a travs de Creative Cloud y est disponible en diferentes lugares del diseo PSD paracodificar el flujo de trabajo. Al utilizar Extract, tiene la libertad de seleccionar el lugar en el que se encuentrems cmodo con las herramientas y tecnologas y le permite convertir su diseo en realidad.

    Los diseadores pueden trabajar en el entorno conocido de Photoshop CC para definir yextraer activos de imgenes de capas o grupos de capas.Los desarrolladores web pueden acceder al archivo PSD en Creative Cloud Assets yutilizar Extract para exportar activos de imgenes y estilos CSS. Despus, se puedenutilizar estos activos y estilos CSS para convertir las composiciones de diseos encdigo.

    43

  • Activos de Extract en Photoshop

    Los diseadores que creancomposiciones de Photoshop puedendefinir y empaquetar rpidamenteactivos de imgenes procedentes decapas individuales o grupos decapas usando una interfaz visualsencilla creada sobre AdobeGenerator. Esto aceleraenormemente el tiempo de creacin;por tanto, los diseadores puedenemplear ms tiempo en disear.

    Extract en Dreamweaver

    Los desarrolladores y losdiseadores web ahora pueden verarchivos PSD en Dreamweaver yemplear las sugerencias de cdigoscontextuales para definir fcilmentefuentes, colores y degradados en suCSS. Asimismo, pueden arrastrar ysoltar imgenes optimizadas en lasuperficie de la vista en vivo, copiartexto y mucho ms.

    Extract en Creative Cloud Assets

    Los diseadores de pginas webtienen la opcin de compartirarchivos PSD directamente desdeCreative Cloud Assets para que losdesarrolladores puedan extraerrpidamente la informacin de diseoen el navegador (colores,degradados, fuentes, texto, cdigoCSS y ms), lo que les ayuda aconvertir la composicin en cdigo.Adems, pueden exportar imgenesPNG, SVG y JPG optimizadas parala Web.

    Extract for Brackets (Preview)

    La integracin de Extract en Bracketssupone disponer de la potencia deExtract en un editor de cdigomoderno y ligero. Con Extract forBrackets (Preview), puede extraer lainformacin de diseo de un archivoPSD en formato CSS limpio y mnimomediante las sugerencias de cdigocontextuales. Tambin puede extraercapas como imgenes, utilizarinformacin de un archivo PSD paradefinir variables de preprocesadores,as como visualizar las dimensionesy distancias entre objetos.

    Sincronizacin de archivos

    Sincronice y almacene archivosPSD e imgenes extradas enCreative Cloud Assets para poderacceder a los archivosactualizados en todos susdispositivos

    Compartir carpetas

    Utilice Creative Cloud Assets paracompartir carpetas y as todo elequipo estar trabajando en elmismo conjunto de archivos.Tambin puede revisar y aadircomentarios a archivos.Asimismo, Creative Cloud Assetsofrece un control bsico deversiones.

    Sincronizacin de fuentes

    Creative Cloud facilita el acceso afuentes de Typekit y los abonadospueden descargarlas cuando eldiseo lo requiera.

    Los desarrolladores y los diseadores web pueden emplear Extract desde Dreamweaver,una solucin propia completa que ofrece sugerencias de cdigos contextuales yextraccin de activos de manera ms directa en el entorno de codificacin.

    Puede simplificar ms el flujo de trabajo de su diseo mediante otros servicios de Creative Cloud a fin demantener sincronizados sus activos, como archivos, fuentes y colores, para que todos tengan acceso a losltimos diseos.

    Pregunta a la

    44

  • Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    Ms informacin comunidad Contacto

    Tutorial de Creative CloudExtract

    Publique, debata y formeparte de nuestra increble

    comunidad

    Comience aqu paracontactar

    con nuestro personal

    Ver ahora > Preguntar ahora > Comenzar ahora >

    45

  • Bibliotecas Creative CloudActualizado en la versin de Adobe Creative Cloud de 2015

    Ir al principio

    Capturar

    Bibliotecas Creative Cloud

    Administrar

    Puedes organizar los activos de

    Reutilizar y crear

    Reutiliza y crea diseos e

    Lo que puedes hacer con BibliotecasAyuda para Bibliotecas en aplicaciones Creative CloudIntroduccin: Trabajar con Bibliotecas Creative Cloud

    Aadir a la bibliotecaReutilizar y crearUso compartido y colaboracinAdobe Stock y las Bibliotecas Creative Cloud

    Preguntas frecuentes

    Las Bibliotecas Creative Cloud, que cuentan con tecnologa Adobe CreativeSync, tepermiten acceder a tus activos favoritos en cualquier parte. Crea imgenes, colores,estilos de texto y mucho ms en distintas aplicaciones de escritorio y para dispositivosmviles de Creative Cloud; despus, accede fcilmente a tus creaciones desde otrasaplicaciones de escritorio y para dispositivos mviles con el fin de lograr un flujo detrabajo creativo perfecto.

    Para obtener un resumen, puedes ver Introduccin a Bibliotecas Creative Cloud.

    Lo que puedes hacer con Bibliotecas

    46

  • proporciona un mecanismo paracapturar los activos de diseodesde diversas aplicaciones, sinlimitarse solo a las de escritorio.Puedes capturar la inspiracindondequiera que te llegue graciasa la familia de aplicacionesmviles de Creative Cloud oincluso descargar activos deAdobe Stock o Creative CloudMarket.

    diseo en mltiples BibliotecasCreative Cloud. Pueden basarseen proyectos, tipos de activos oincluso en tus favoritos personalesque reutilizas para crear tu estilocaracterstico.

    ilustraciones con objetos deBibliotecas Creative Cloud.

    Ir al principio

    Ayuda para Bibliotecas en aplicaciones Creative Cloud

    Apps para dispositivos mviles

    Aplicacin

    Ayudaparaguardaractivos enBibliotecas

    Ayuda parautilizar activosde Bibliotecas

    Recursos con ms informacin

    Shape CC Formasvectoriales N/DPreguntas frecuentes de AdobeShape CC

    Color CC Temas deColor N/DPreguntas frecuentes de AdobeColor CC

    Brush CC Pinceles N/D Preguntas frecuentes de AdobeBrush CC

    IllustratorDraw N/D

    Imgenes yformas

    Preguntas frecuentes de AdobeIllustrator Draw

    PhotoshopSketch N/D Pinceles

    Preguntas frecuentes de AdobePhotoshop Sketch

    Illustrator Line N/D Color y grficos Preguntas frecuentes de AdobeIllustrator Line CC

    Hue CC N/D Preguntas frecuentes de AdobeHue CC

    Comp CC N/D Preguntas frecuentes de AdobeComp CC

    Premiere Clip N/D Preguntas frecuentes de AdobePremiere Clip

    PhotoshopMix N/D

    Preguntas frecuentes de AdobePhotoshop Mix

    Aplicacinmvil deCreativeCloud

    N/D Creative Cloud | Preguntasfrecuentes

    Aplicaciones de escritorio y para navegadores

    47

  • Ir al principio

    Mviles

    Puedes aadir activos a tubiblioteca con una familia deaplicaciones de Adobe paradispositivos mviles cada vez msnumerosa. Consulta los recursosde aprendizaje de la aplicacinmvil y descubre cmo hacerlo.

    Escritorio

    Aade activos a BibliotecasCreative Cloud en el ordenadormediante una aplicacin deescritorio de Creative Cloud.Arrastra activos al panelBibliotecas de la aplicacin deescritorio. Tambin puedes ver yexaminar las bibliotecas en lapgina Creative Cloud Assets.

    Consulta los recursos deaprendizaje de la aplicacin de

    Creative Cloud Market

    Descubre y aade activos a lasbibliotecas desde Creative CloudMarket. Utiliza la aplicacin deescritorio de Creative Cloud paraexaminar y aadir activos deCreative Cloud Market. Tambinpuedes aadir activos a unabiblioteca con las apps paradispositivos mviles de Creative.

    Aplicacin oservicio

    Ayudaparaguardaractivos enBibliotecas

    Ayudaparautilizaractivos deBibliotecas

    Recursos con ms informacin

    Aplicaciones de escritorio

    Photoshop Bibliotecas Creative Cloud enPhotoshop

    Illustrator Bibliotecas Creative Cloud enIllustrator

    InDesign Bibliotecas Creative Cloud enInDesign

    Premiere Pro Bibliotecas Creative Cloud enPremiere Pro

    After Effects Bibliotecas Creative Cloud enAfter Effects

    Creative CloudMarket (mediantela aplicacin deescritorio deCreative Cloud)

    N/D Creative Cloud Market

    Navegador

    Creative CloudAssets

    Ver y administrar (cambiarnombre, eliminar)nicamente

    Creative Cloud Assets |Almacenamiento y uso compartidode contenido

    Introduccin: Trabajar con Bibliotecas Creative Cloud

    Aadir a la biblioteca

    Bibliotecas Creative Cloud proporciona un mecanismo para capturar los activos de diseo desde diversasaplicaciones sin limitarse solo a las de escritorio. Puedes capturar la inspiracin dondequiera que te lleguegracias a la familia de aplicaciones mviles de Creative Cloud o incluso descargar activos de Adobe Stock oCreative Cloud Market.

    48

  • escritorio de Creative Cloud paraobtener ms informacin sobrecmo utilizar las bibliotecas conella.

    Escritorio

    En una aplicacin de escritorioque admita Bibliotecas, abre elpanel Bibliotecas (Windows >Bibliotecas) y arrastra objetos allienzo.

    Apps para dispositivos mviles

    Selecciona un objeto de labiblioteca para colocarlo en tuproyecto mediante apps paradispositivos mviles.

    Explorador

    Examina y consulta las bibliotecasde la pgina Creative CloudAssets. Tambin puedes eliminaruna biblioteca.

    Escritorio

    Abre el panel de Bibliotecas (Windows > Bibliotecas)en una aplicacin de escritorio que admitaBibliotecas Creative Cloud. Ahora, en el mendesplegable del panel, selecciona Compartir vnculoo Colaborar.

    Explorador

    En el panel izquierdo de Creative Cloud Assets, hazclic en Bibliotecas. Luego, en el men de carpetasde la biblioteca, selecciona Enviar vnculoo Colaborar.

    Reutilizar y crear

    Uso compartido y colaboracin

    Adobe Stock y las Bibliotecas Creative Cloud

    Adobe Stock est perfectamente integrado con las Bibliotecas Creative Cloud. Puedes aadir una vistaprevia con marca de agua de una imagen de stock a cualquiera de tus bibliotecas directamente desde el sitioweb de Adobe Stock. Luego, en las apps de Creative Cloud que sean compatibles con las Bibliotecas(Photoshop, Illustrator, InDesign, Premiere Pro y After Effects), puedes arrastrar la imagen de stock conmarca de agua desde el panel Bibliotecas hasta tu proyecto creativo. Una vez que te hayas convencido deque esa imagen de stock es apropiada para tu proyecto, puedes comprar la licencia directamente desde elpanel Bibliotecas.

    Las aplicaciones de Creative Cloud compatibles con los activos enlazados a las bibliotecas, comoPhotoshop, Illustrator e InDesign, llevan la integracin a un nivel superior. Al comprar la licencia de la imagende stock, todas las instancias vinculadas de esa imagen que estn incluidas en los documentos abiertos seactualizarn automticamente a la imagen de stock con licencia y de alta resolucin que hayas adquirido, y lamarca de agua desaparecer.

    Para obtener ms informacin, consulta Uso de Adobe Stock.

    49

  • Ir al principio

    Preguntas frecuentes

    Cuntos elementos puedo aadir a una biblioteca?

    Una biblioteca puede contener hasta 1000 activos.

    Existe algn lmite en el nmero de bibliotecas que puedo crear?

    No, no existe lmite en el nmero de bibliotecas que puedes crear.

    Todas las aplicaciones compatibles pueden utilizar todos los activos almacenados enBibliotecas?

    Mientras trabajas en una aplicacin, puedes ver y utilizar el contenido de Bibliotecas que corresponda a laaplicacin que ests utilizando. Por ejemplo, aunque puedes aadir estilos de capa a una biblioteca,estos estilos solo corresponden a Photoshop.

    Qu tipo de informacin de color se admite?

    Las bibliotecas admiten datos de color para una nica muestra o temas de color. Las bibliotecas soloadmiten colores de cuatricroma. No se admiten las tintas planas, pero se aaden a las bibliotecas comocolores de cuatricroma.

    Se pueden reutilizar los activos almacenados en Bibliotecas en varias aplicaciones de escritoriode Creative Cloud?

    La mayora de los activos se puede reutilizar en distintas aplicaciones de escritorio. Los estilos de capade Photoshop son una excepcin destacable puesto que en estos momentos solo se pueden reutilizar enPhotoshop.

    Si utilizas un activo de estilo de texto de InDesign en Illustrator o Photoshop, las aplicaciones intentarnasociar las propiedades del activo con las propiedades de los estilos de textos disponibles en laaplicacin en la que quieras usarlos. Las propiedades que no se encuentren en la aplicacinseleccionada se omitirn.

    Dnde se almacenan los activos?

    Tus activos se almacenan localmente en tu dispositivo y se sincronizan con Creative Cloud.

    Puedo compartir una biblioteca con otras personas?

    S. Consulta Colaborar en bibliotecas.

    Algunas de las aplicaciones mviles integradas con Bibliotecas Creative Cloud, como Brush, Color yShape, an no son compatibles con la colaboracin en bibliotecas. Adems, las bibliotecas ajenas que secompartan contigo no te aparecern como disponibles al trabajar con las aplicaciones mviles. Sinembargo, si compartes una biblioteca con otros usuarios, la biblioteca s aparecer como disponible tantoen las aplicaciones de Creative Cloud para escritorio como en las mviles.

    Necesito un abono a Creative Cloud?

    Necesitars un abono gratuito o de pago a Creative Cloud para utilizar Bibliotecas Creative Cloud.

    Dnde puedo obtener ms informacin sobre Bibliotecas Creative Cloud?

    Puedes obtener ms informacin sobre las bibliotecas con estos recursos:

    Tutoriales en vdeo

    Introduccin a Bibliotecas Creative Cloud (resumen)Bibliotecas Creative Cloud en Illustrator y dispositivos mvilesBibliotecas Creative Cloud en Photoshop y dispositivos mviles

    Tutoriales en vdeo donde se muestra Bibliotecas Creative Cloud en aplicaciones para dispositivosmviles

    Shape CCBrush CCColor CCIllustrator DrawPhotoshop Sketch

    50

  • Los trminos de Creative Commons no cubren las publicaciones en Twitter y Facebook.

    Avisos legales | Poltica de privacidad en lnea

    51

  • Espacio de trabajo y flujo de trabajo

    52

  • Flujo de trabajo y espacio de trabajo de Dreamweaver

    Ir al principio

    Introduccin al flujo de trabajo de DreamweaverIntroduccin al diseo del espacio de trabajoDescripcin general de los elementos del espacio de trabajoIntroduccin a la ventana DocumentoIntroduccin a la barra de herramientas DocumentoIntroduccin a la barra de herramientas EstndarIntroduccin a la barra de herramientas Navegacin con navegadorIntroduccin a la barra de herramientas ProgramacinIntroduccin a la barra de estadoDescripcin general del inspector de propiedadesInformacin general sobre el panel InsertarDescripcin general del panel ArchivosDiseador de CSSIntroduccin a las guas visuales

    Introduccin al flujo de trabajo de Dreamweaver

    Puede utilizar varios mtodos para crear un sitio web; este es uno de ellos:

    Planificacin y configuracin del sitio

    Determine la ubicacin de los archivos y examine las necesidades del sitio, el perfil de la audiencia y susobjetivos. Adems, tenga en cuenta los requisitos tcnicos como el acceso de los usuarios, las limitacionesdel navegador, los plug-in o la descarga de archivos. Una vez que haya organizado la informacin ydeterminado una estructura, podr comenzar a crear el sitio. (Consulte Sitios de Dreamweaver.)

    Organizacin y administracin de los archivos del sitio

    En el panel Archivos puede aadir, eliminar y cambiar el nombre de los archivos y carpetas fcilmente con elfin de modificar la organizacin segn resulte necesario. En el panel Archivos tambin encontrar numerosasherramientas para administrar el sitio, transferir archivos desde y hacia un servidor remoto, configurar unproceso de Desproteccin/Proteccin que evite que se sobrescriban archivos y sincronizar los archivos delos sitios local y remoto. El panel Activos permite organizar fcilmente los activos de un sitio, que se puedenarrastrar directamente desde el panel Activos hasta un documento de Dreamweaver. Puede utilizarDreamweaver para administrar diversos aspectos de sus sitios de AdobeContribute. (ConsulteAdministracin de archivos y carpetas y Administracin de activos y bibliotecas.)

    Diseo de las pginas web

    Elija el diseo ms apropiado o combine las opciones de diseo de Dreamweaver para definir el aspecto desu sitio. Para empezar, puede utilizar diseos de cuadrcula fluida o las plantillas predeterminadas deDreamweaver. Puede crear pginas nuevas a partir de una plantilla de Dreamweaver y actualizar su diseode forma automtica cuando cambie la plantilla. Para mostrar varios elementos de forma simultnea en un

    53

  • Ir al principio

    navegador, puede utilizar marcos para disponer los documentos como desee. Consulte Creacin de pginascon CSS y Diseo de pginas con HTML.

    Adicin de contenido a las pginas

    Aada activos y elementos de diseo, como texto, imgenes, imgenes de sustitucin, mapas de imgenes,colores, pelculas, sonido, vnculos HTML, mens de salto y mucho ms. Puede utilizar funciones decreacin de pginas incrustadas para dichos elementos, como ttulos y fondos, escribir directamente en lapgina o importar contenido desde otros documentos. Dreamweaver tambin incluye herramientas paramaximizar el rendimiento del sitio web y para comprobar que las pginas sean compatibles con distintosnavegadores web. Consulte Adicin de contenido a las pginas.

    Creacin de pginas mediante la introduccin manual de cdigo

    La programacin manual de pginas web es otro enfoque de la creacin de pginas. Dreamweaver ofrecesencillas herramientas de edicin visual, pero tambin incluye un entorno de programacin ms sofisticado.Puede utilizar el mtodo que prefiera, o una combinacin de ambos, para crear y editar sus pginas.Consulte Trabajo con el cdigo de las pginas.

    Configuracin de una aplicacin web para contenido dinmico

    Muchos sitios web contienen pginas dinmicas que permiten a los visitantes ver informacin almacenada enbases de datos y que suelen permitirles aadir y editar informacin. Para crear esas pginas, debeconfigurar primero un servidor y una aplicacin web, crear o modificar un sitio de Dreamweaver y conectarsea una base de datos. Consulte Preparacin para crear sitios dinmicos.

    Creacin de pginas dinmicas

    En Dreamweaver se pueden definir diversas fuentes de contenido dinmico, incluidos juegos de registrosextrados de bases de datos, parmetros de formularios y componentes JavaBeans. Para aadir el contenidodinmico a una pgina, basta con arrastrarlo a ella.

    Puede establecer que los registros de la pgina aparezcan de uno en uno o en g