Manual de Dreamweaver CC (PDF)
Click here to load reader
Transcript of Manual de Dreamweaver CC (PDF)
-
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
http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_0http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_1http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_headerhttp://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_5http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/es/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/es/dreamweaver/using/proxyserversettings.html
-
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
http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_20http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_7https://helpx.adobe.com/es/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/es/dreamweaver/how-to/device-preview-responsive-design.htmlhttp://idiom-q-win-1/es/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/es/dreamweaver/using/device-preview.html
-
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
http://idiom-q-win-1/es/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/es/dreamweaver/using/writing-editing-code.html#main-pars_header_0https://helpx.adobe.com/es/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/es/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/es/dreamweaver/how-to/code-faster-fewer-errors.htmlhttp://idiom-q-win-1/es/dreamweaver/using/visual-media-queries.htmlhttp://idiom-q-win-1/es/dreamweaver/using/linting-code.html
-
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
http://idiom-q-win-1/es/dreamweaver/using/writing-editing-code.html#main-pars_header_2
-
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
https://helpx.adobe.com/es/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/es/dreamweaver/how-to/responsive-web-design.htmlhttp://idiom-q-win-1/es/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/es/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/es/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.html
-
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
http://idiom-q-win-1/es/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/es/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/es/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/es/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20
-
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
https://helpx.adobe.com/es/dreamweaver/how-to/view-modify-html-tree-structure.htmlhttp://idiom-q-win-1/es/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4
-
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
http://idiom-q-win-1/es/dreamweaver/using/element-quick-view.html
-
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
http://idiom-q-win-1/es/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/es/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/es/dreamweaver/using/collapsing-code.html
-
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
https://helpx.adobe.com/es/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/es/dreamweaver/how-to/batch-extract-assets.htmlhttp://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_19http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/es/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1
-
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
http://idiom-q-win-1/es/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/es/dreamweaver/using/linting-code.htmlhttp://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_14
-
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
http://idiom-q-win-1/es/dreamweaver/using/whats-new.html#main-pars_header_8
-
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
http://idiom-q-win-1/es/dreamweaver/using/set-testing-server.html
-
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
http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/es_ES/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_eshttp://docs.businesscatalyst.com/user-manual#!/site-design/bc-and-dreamweaver/connect-to-your-site-using-dreamweaverhttp://docs.businesscatalyst.com/user-manual#!/site-design/bc-and-dreamweaver/connect-to-your-site-using-dreamweaverhttp://www.businesscatalyst.com/bc-blog/BCExtensionforDW
-
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
http://creative.adobe.com/es/products/creative-cloudhttp://creative.adobe.com/es/products/creative-cloudhttp://creative.adobe.com/es/products/creative-cloudhttps://creative.adobe.com/es/products/creative-cloudhttps://creative.adobe.com/es/products/creative-cloud
-
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
https://creative.adobe.com/es/products/creative-cloudhttps://creative.adobe.com/es/products/creative-cloud
-
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
https://assets.adobe.com/files
-
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
http://idiom-q-win-1/es/creative-cloud/help/market.htmlhttp://www.behance.net/
-
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
http://idiom-q-win-1/es/creative-cloud/kb/publish-behance.htmlhttp://forums.adobe.com/community/behance
-
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
http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/es_ES/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_eshttp://forums.adobe.com/community/creative_cloudhttp://helpx.adobe.com/es/contact.html?product=creative-cloudhttp://helpx.adobe.com/es/contact.html?product=creative-cloudhttp://www.adobe.com/es/products/creativecloud/faq.htmlhttp://www.adobe.com/es/products/creativecloud/faq.html
-
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
http://assets.adobe.com/http://assets.adobe.com/
-
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
http://assets.adobe.com/http://assets.adobe.com/http://assets.adobe.com/
-
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
http://assets.adobe.com/http://assets.adobe.com/
-
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
http://forums.adobe.com/community/creative_cloudhttp://helpx.adobe.com/es/contact.html?product=creative-cloudhttp://helpx.adobe.com/es/contact.html?product=creative-cloudhttps://assets.adobe.com/activityhttps://assets.adobe.com/activity
-
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
http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/es_ES/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_eshttp://status.creativecloud.com/http://status.creativecloud.com/
-
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
http://creative.adobe.com/es/joinhttps://typekit.com/planshttp://creative.adobe.com/es/products/typekithttp://creative.adobe.com/es/products/typekithttp://typekit.com/planshttps://helpx.adobe.com/es/creative-cloud/help/creative-cloud-desktop.html
-
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
https://typekit.com/
-
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
http://idiom-q-win-1/es/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/es/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/es/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/es/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/es/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/es/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/es/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/es/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/es/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/es/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/es/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/es/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/es/photoshop/using/fonts-typekit.html
-
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
http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/es_ES/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_eshttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://helpx.adobe.com/es/creative-cloud/how-to/cc-add-fonts-to-desktop.html
-
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
https://helpx.adobe.com/es/creative-cloud/help/creative-cloud-desktop.htmlhttps://helpx.adobe.com/es/creative-cloud/help/creative-cloud-desktop.html
-
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
http://sketch.adobe.com/https://creative.adobe.com/es/planshttps://creative.adobe.com/es/planshttp://idiom-q-win-1/es/creative-cloud/help/sync-files.html
-
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
http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/es_ES/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_eshttp://www.behance.net/
-
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
http://helpx.adobe.com/es/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/es/dreamweaver/using/dreamweaver-integration-extract.htmlhttp://helpx.adobe.com/es/creative-cloud/help/extract-css-images-psd-files.htmlhttp://helpx.adobe.com/es/creative-cloud/help/extract-for-brackets.html
-
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
http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/es_ES/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_eshttp://idiom-q-win-1/es/creative-cloud/faq.htmlhttp://forums.adobe.com/http://idiom-q-win-1/es/contact.htmlhttp://idiom-q-win-1/es/creative-cloud/how-to/extract-assets-browser-workflow.htmlhttp://www.adobe.com/go/extract_forumshttp://idiom-q-win-1/es/contact.html?step=CCSN
-
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
http://idiom-q-win-1/es/creative-cloud/how-to/creative-cloud-libraries.html
-
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
http://idiom-q-win-1/es/mobile-apps/help/shape-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/shape-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/color-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/color-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/brush-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/brush-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/draw-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/draw-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/sketch-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/sketch-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/line-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/line-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/hue-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/hue-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/comp-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/comp-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/clip-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/clip-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/mix-faq.htmlhttp://idiom-q-win-1/es/mobile-apps/help/mix-faq.htmlhttp://idiom-q-win-1/es/creative-cloud/faq.htmlhttp://idiom-q-win-1/es/creative-cloud/faq.html
-
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 panelBibliote