Aide d'Adobe® Dreamweaver® CC

830

Click here to load reader

Transcript of Aide d'Adobe® Dreamweaver® CC

  • Juin 2015

    Certains liens peuvent mener vers des pages disponibles uniquement en anglais.

    Aide dAdobe DreamweaverCC

  • Table des matiresNouveauts 1

    Rsum des nouvelles fonctionnalits 2Creative Cloud 17

    Utilisation de lapplication de bureau Creative Cloud pour grer vos applications et services 18Exploration, synchronisation et gestion dactifs 30Ajout de polices depuis Typekit 36Creative Cloud Market 42Creative Cloud Extract 46Bibliothques Creative Cloud 49

    Workflow et espace de travail 55Flux de travaux et espace de travail dans Dreamweaver 56Personnalisation de lespace de travail de Dreamweaver 69Utilisation de la fentre de document 79Utilisation de barres d'outils, d'inspecteurs et de menus contextuels 83Utilisation du panneau Insertion 85Panneau CSS Designer 89Panneau DOM 99Recherche de fichiers sur la base de leur nom ou de leur contenu | Mac OS

    103Zoom avant et zoom arrire 104Raccourcis clavier 106Optimisation de l'espace de travail pour le dveloppement visuel 108Intgration de CEF 111

    Gestion de site 115A propos des sites Dreamweaver 116A propos des sites dynamiques 118Cration dune version locale de votre site 119Connexion un serveur distant 120Options de la bote de dialogue Grer les sites 132Configuration dun serveur de test 134Contrle de version et paramtres avancs 138Importation et exportation des paramtres de site de Dreamweaver 140Modification d'un site Web distant existant 142Dfinition des prfrences de site pour le transfert de fichiers 143Dfinition des paramtres du serveur proxy 144

  • Gestion des fichiers 146Cration et ouverture de documents 147Gestion des fichiers et des dossiers 160Acquisition et placement de fichiers depuis ou vers votre serveur 167Archivage et extraction de fichiers 171Synchronisation de fichiers 178Comparaison de fichiers pour en chercher les diffrences 180Voilage de fichiers et de dossiers dans votre site Dreamweaver 183Stockage des informations sur les fichiers dans des Design Notes 186Test de votre site Dreamweaver 189

    Mise en forme et design 193Utilisation d'assistances visuelles pour la mise en forme 194Utilisation de cadres 197Mise en forme de pages avec CSS 207Utilisation de fichiers Bootstrap 213Requtes multimdias visuelles 221Design ractif laide de mises en forme grille fluide 225Prsentation de contenu dans des tableaux 229Utilisation de widgets dinterface utilisateur jQuery dans Dreamweaver 248Utilisation deffets jQuery dans Dreamweaver 249Couleurs 251

    CSS 253Description des feuilles de style en cascade 254Panneau CSS Designer 258Dfinition de prfrences de styles CSS 268Cration d'une rgle CSS 269Dfinition des proprits CSS 271Modification d'une rgle CSS 278Ajout d'une proprit une rgle CSS 279Application, suppression ou modification du nom de styles de classe CSS

    280Dplacement/exportation de rgles CSS 282Conversion de code CSS intgr en rgle CSS 284Etablissement d'un lien vers une feuille de style CSS externe 285Modification d'une feuille de style CSS 286Mise en forme du code CSS 287Dsactivation/Activation de code CSS 289Inspection de code CSS en mode En direct 290

  • Vrification de problmes de restitution CSS entre les navigateurs 291Utilisation des feuilles de style la conception 293Utilisation des balises div 294Application de dgrads larrire-plan 311Effets de transition CSS3 314Utilisation d'exemples de feuilles de style Dreamweaver 316Panneau Styles CSS 317

    Contenu de page et actifs 320Dfinition des proprits de page 321Dfinition des proprits de lien CSS pour une page entire 323Dfinition des proprits den-tte CSS pour une page entire 324Dfinition des proprits de titre et de codage d'une page 325Utilisation d'un trac d'image pour crer une page 326Prsentation du codage de document 327Slection et affichage d'lments dans la fentre de document 328Couleurs 330Zoom avant et zoom arrire 332Dfinition des prfrences de dure et de taille des tlchargements 334Utilisation du texte 335Texte en arabe et en hbreu 345Modification en mode En direct 347Panneau DOM 358Dfinition des proprits de texte dans linspecteur Proprits 362Vrification de l'orthographe d'une page Web 365Importation de donnes tabulaires 366Importation de documents Microsoft Office (Windows uniquement) 367Cration d'un lien vers un document Word ou Excel 368Utilisation de mise en forme HTML 369Utilisation de barres horizontales 371Modification des combinaisons de polices 372Ajout de polices Edge Web Fonts la liste des polices 373Insertion de dates 375Utilisation des actifs 376Cration et gestion d'une liste d'actifs favoris 382Insertion et modification dimages 384Ajout d'objets multimdias 395Ajout de vido 401Insertion de vido HTML5 406

  • Insertion de fichiers SWF 408Ajout de widgets Web 411Ajout de son 412Insertion daudio HTML5 414Automatisation des tches 416A propos des actifs et des bibliothques 421Utilisation des lments de bibliothque 423

    Liens et navigation 427A propos des liens et de la navigation 428Etablissement de liens 430Menus de reroutage 439Barres de navigation 441Cartes graphiques 442Rsolution des problmes lis aux liens 444

    jQuery 446Utilisation de widgets dinterface utilisateur jQuery dans Dreamweaver 447Utilisation deffets jQuery dans Dreamweaver 448

    Prvisualisation 450Aperu et inspection de pages web sur plusieurs priphriques 451Prvisualisation des pages 455

    Codage 459Informations gnrales sur le codage dans Dreamweaver 460Configuration de votre environnement de codage 465Dfinition des prfrences de codage 467Rdaction et modification de code 476Rduction du code 499Analyse du code (Linting) 501Optimisation du code 504Modification de code en mode Cration 510Utilisation de contenu d'en-tte pour les pages 516Utilisation des inclusions ct serveur 520Gestion des bibliothques de balises 522Importation de balises personnalises dans Dreamweaver 525

    JavaScript 527Utilisation de comportements JavaScript (instructions gnrales) 528Application de comportements JavaScript intgrs 531

    Procdures inter-produits 540Modules complmentaires 541

  • Intgration entre les applications 545Utilisation de Fireworks et Dreamweaver 546Utilisation de Flash et Dreamweaver 551Utilisation d'Adobe Bridge et Dreamweaver 552Utilisation de Device Central et Dreamweaver 554Utilisation de ConnectNow et Dreamweaver 555Extension AIR pour Dreamweaver 556Utilisation de Dreamweaver avec les services en ligne Adobe 561Extract dans Dreamweaver CC 566Intgration entre Dreamweaver et Business Catalyst 578Importation de documents Microsoft Office (Windows uniquement) 581Utilisation de Photoshop et de Dreamweaver 582

    Modles 588A propos des modles Dreamweaver 589Reconnaissance des modles et des documents bass sur un modle 593Cration d'un modle Dreamweaver 596Cration de rgions modifiables dans des modles 599Cration de rgions rptes dans des modles 601Utilisation de rgions facultatives dans des modles 603Dfinition d'attributs de balises modifiables dans des modles 605Cration d'un modle imbriqu 607Modification, mise jour et suppression de modles 610Exportation et importation du contenu d'un modle 613Application ou suppression d'un modle depuis un document existant 615Modification du contenu d'un document bas sur un modle 617Syntaxe des modles 619Dfinition de prfrences de programmation pour les modles 621

    Mobiles et crans multiples 623Cration de requtes multimdias 624Modification de lorientation de la page pour les appareils mobiles 627Cration d'applications Web pour appareils mobiles (CS5.5) 628

    XML 629A propos de XML et de XSLT 630Excution de transformations XSL sur le serveur 636Excution de transformations XSL sur le client 650Entits de caractre manquant pour XSLT 652

    Sites, pages et formulaires web dynamiques 654Prsentation des applications Web 655

  • Configuration de l'ordinateur pour le dveloppement d'applications 661Connexions aux bases de donnes pour les dveloppeurs ColdFusion 666Connexions aux bases de donnes pour les dveloppeurs ASP 668Connexions aux bases de donnes pour les dveloppeurs PHP 677Rsolution des problmes de connexion aux bases de donnes 679Suppression de scripts de connexion 684Optimisation de l'espace de travail pour le dveloppement visuel 685Conception de pages dynamiques 688Prsentation des sources de contenu dynamique 690Dfinition de sources de contenu dynamique 695Ajout de contenu dynamique dans les pages 707Modification de contenu dynamique 710Affichage denregistrements dune base de donnes 712Affichage des donnes dynamiques 721Ajout de comportements de serveur personnaliss 722A propos de la cration de formulaires 731Utilisation de formulaires pour recueillir des informations des utilisateurs 732Cration de formulaires ColdFusion 735Cration de formulaires Web 749Prise en charge amliore de HTML5 pour les lments de formulaire 760

    Cration visuelle dapplications 763Cration de pages principales et dtailles 764Cration de pages de recherche et de rsultats 771Cration dune page dinsertion denregistrements 776Cration dune page de mise jour denregistrement 780Cration d'une page de suppression d'enregistrement 785Cration de pages avec objets de manipulation de donnes avancs (ColdFusion, ASP) 792Cration d'une page d'enregistrement 797Cration d'une page d'ouverture de session 799Cration d'une page accs restreint 801Scurisation dun dossier dans votre application (ColdFusion) 804Utilisation de composants ColdFusion 805

    Accessibilit 811Dreamweaver et l'accessibilit 812

    Dreamweaver et Creative Cloud 815Synchronisation des paramtres de Dreamweaver avec Creative Cloud 816

  • Nouveauts

    1

  • Rsum des nouvelles fonctionnalitsAdobe Dreamweaver CC (version 2015)

    Nouveauts

    Modifications

    Aperu sur le priphrique

    Requtes multimdias visuelles

    Prise en charge de lanalyse Linting

    Prise en charge dEmmet

    Aperu en mode Code

    Nouveaux fragments de code

    Intgration de Bootstrap

    Nouveaux menus en mode En direct

    Pliage de code

    Amliorations apportes la fonctionnalitExtract

    Amliorations apportes aux fonctions dditiondu mode En direct

    Modifications apportes la barre doutils decodage

    Optimisation de CSS Designer

    Serveur de test Amliorations du flux de travail

    La version 2015 de Dreamweaver CC intgre de nouvelles fonctionnalits destines aux conceptionsractives, des fonctions amliores ddition de code, la possibilit de prvisualiser des pages Web sur despriphriques, ainsi que des options permettant de procder lextraction groupe dimages optimises pourle Web dans diverses rsolutions partir de compositions Photoshop. Lintgration du framework Bootstrapvous permet de crer des sites Web ractifs conus avant tout pour les appareils mobiles. Les requtesmultimdias visuelles viennent galement enrichir lexprience de conception Web ractive, en vouspermettant de visualiser et de modifier votre conception diffrents points darrt.

    Cette version inclut galement plusieurs amliorations relatives aux fonctionnalits ddition disponibles enmode En direct et dans le panneau CSS Designer. Larticle suivant vous prsente ces nouvellesfonctionnalits et amliorations, et comporte des liens vers des ressources de support et de formation.

    Le correctif correspondant ldition 2015 de Dreamweaver CC, publi en juillet, permet Dreamweaver dutiliser les paramtres de serveur proxy dfinis dans lapplication de bureau AdobeCreative Cloud. Pour plus dinformations, reportez-vous la page Dfinition des paramtres duserveur proxy.

    2

    http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_0http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_1http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_headerhttp://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_5http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/fr/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/proxyserversettings.html

  • Prise en charge des tableaux en mode En direct

    Prise en charge des lments dinterfaceutilisateur jQuery en mode En direct

    Panneau DOM

    Conseils de code SVG dans les documentsHTML

    Aperus technologiques

    Aperu personnalis en mode Code avec lAPIShowPreview

    Modification du flux de travail Business Catalyst

    Autres modifications

    Haut de la page

    Dreamweaver permet dsormais de tester des pages Web surplusieurs appareils simultanment. Vous pouvez ainsi observer lamise en forme de chaque page Web en fonction des diffrentsformats, mais aussi tester les fonctionnalits interactives prsentessur vos pages. Et tout a, sans avoir installer une application mobilespcifique ni tablir une connexion physique entre les priphriqueset votre ordinateur ! Il vous suffit de scanner le code QR gnrautomatiquement avec chaque appareil sur lequel vous souhaitezafficher vos pages Web.

    Tutoriel vido : Prvisualisation etcontrle sur terminaux mobiles( vous de jouer, 3 min)

    Apprenez prvisualiser et contrlervos projets Web via le navigateur devos quipements mobiles.

    Haut de la page

    Aperu sur le priphrique

    Une fois active sur lordinateur, linspection en direct est lance sur tous les priphriques connects, ce quivous permet de vrifier les diffrents lments et dajuster votre conception en consquence.

    Pour plus dinformations, voir Aperu et inspection de pages Web sur plusieurs priphriques.

    Requtes multimdias visuelles

    Les barres de requtes multimdias visuelles constituent une reprsentation visuelle des requtesmultimdias prsentes sur une page. Ces barres vous permettent de visualiser votre page Web diffrentspoints darrt et de voir comment chaque composant de la page est repositionn dans les diffrentes fentresdaffichage. Lorsque vous affichez votre page dans diffrentes fentres, vous pouvez apporter desmodifications spcifiques lune de ces fentres daffichage sans que cela ne change laspect de la pagedans les autres fentres.

    Loutil Requtes multimdias virtuelles se compose de trois barres horizontales, reprsentant chacune unecatgorie de requtes multimdias :

    Vert : requtes multimdias associes des conditions max-width Bleu : requtes multimdias associes des conditions min-width et max-width Violet : requtes multimdias associes des conditions min-width

    Requtes multimdias visuelles

    3

    http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_20http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_7https://helpx.adobe.com/fr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/fr/dreamweaver/how-to/device-preview-responsive-design.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/device-preview.html

  • Haut de la page

    Haut de la page

    Vous tes un dveloppeur acharn qui saisit plusieurs lignes de codedans Dreamweaver ? Gagnez du temps en utilisant des abrviationsEmmet. Ces abrviations, faciles mmoriser et taper, setransforment en vritable code en mode Code ds que vous appuyezsur la touche de tabulation.

    Pour plus dinformations, voir Insertion de code laide dEmmet.

    Tutoriel vido : Fonctionsavances de remplissage et devalidation du code( vous de jouer, 2 min)

    Apprenez utiliser la saisie semi-automatique pour convertir desabrviations simples en fragmentsde code CSS et HTML complexesgrce la prise en chargedEmmet. De plus, grce lacompatibilit avec Lint, lesfonctions de validation avancessurlignent les erreurs en tempsrel.

    Haut de la page

    Pour plus dinformations, voir Requtes multimdias visuelles.

    Prise en charge du code danalyse Linting

    Avec cette nouvelle version de Dreamweaver, vous pouvez dsormais corriger les erreurs courantes dansvotre code laide de lanalyse Linting. La fonctionnalit Linting consiste analyser le code pour signalertoute erreur potentielle ou utilisation suspecte du code. Dreamweaver peut analyser des fichiers HTML, CSSet JavaScript lors de leur chargement, de leur enregistrement ou de leur modification. Les erreurs etavertissements sont ensuite rpertoris dans le nouveau panneau Sortie.

    Pour plus dinformations, voir Analyse du code (Linting).

    Panneau Sortie comprenant les rsultats de lanalyse Linting

    Prise en charge dEmmet

    Aperu en mode Code

    4

    http://idiom-q-win-1/fr/dreamweaver/using/writing-editing-code.html#main-pars_header_0https://helpx.adobe.com/fr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/fr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/fr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/visual-media-queries.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/linting-code.html

  • Haut de la page

    Si vous travaillez en mode fractionn, vous pouvez visualiser instantanment les modifications apportes auximages et aux couleurs via les modes En direct ou Cration. En revanche, si vous travaillez uniquement enmode Code, les images sont simplement signales par un nom de fichier, ce qui nest gnralement pas trsintuitif. De mme pour les couleurs ( lexception des couleurs prdfinies) : elles ne sont dsignes que parune suite de chiffres peu intelligible. Dans cette version de Dreamweaver, vous pouvez rapidementprvisualiser les images et couleurs, directement en mode Code. Cette fonctionnalit vous aide tablir unlien visuel entre les noms de fichiers et codes de couleurs, et les images et couleurs relles auxquelles ilsrenvoient. Vous pouvez ainsi prendre des dcisions plus rapides en matire de conception et rduireconsidrablement le temps de dveloppement.

    Pour plus dinformations, voir Aperu des images et des couleurs en mode Code.

    Aperu dimage en mode Code

    Aperu de couleur en mode Code

    Le mode Code intgre galement un aperu des erreurs. Le numro de la ligne o se trouve le code erronest surlign en rouge. Lorsque vous passez la souris sur ce numro, une brve description de lerreursaffiche.

    Remarque : seule la premire erreur de la ligne est visible. Si la ligne contient uniquement un avertissement,la description de ce dernier saffiche. Si la ligne contient un avertissement et une erreur, seule la descriptionde lerreur saffiche.

    Nouveaux fragments de code

    Les fragments de code sont des parties de code que vous pouvez rutiliser plusieurs fois dans vos projets.Cette version de Dreamweaver fournit des fragments de code nouveaux et mis jour :

    Boostrap_SnippetsCSS_Animation_And_TransitionsCSS_EffectsCSS_SnippetsHTML_SnippetsFragments de code JavaScript (mis jour)

    5

    http://idiom-q-win-1/fr/dreamweaver/using/writing-editing-code.html#main-pars_header_2

  • Haut de la page

    Bootstrap est le framework HTML, CSS et JavaScript gratuit le plusconnu, qui permet de dvelopper des sites Web ractifs et MobileFirst. Ce framework comprend des modles CSS et HTML ractifspour les boutons, les tableaux, la navigation, les carrousels dimage etdautres lments que vous pouvez utiliser sur votre page Web.Quelques modules externes JavaScript facultatifs sont galementdisponibles, qui permettent mme des dveloppeurs disposant deconnaissances de codage basiques de dvelopper des sites Webractifs attrayants.

    Dreamweaver vous permet de crer des documents Bootstrap, maisaussi de modifier des pages Web existantes cres avec Bootstrap.Pour commencer crer votre site Web Bootstrap, vous pouvezutiliser lun des modles de dpart Bootstrap qui vous sont propossdans la bote de dialogue Nouveau document (Modles dedmarrage > Modles Bootstrap).

    Tutoriel vido : Cration de sites Webractifs dans Dreamweaver CC( vous de jouer, 3 min)

    Apprenez tirer parti du design Webractif pour crer des sites Web de A Z ou partir de modles dedmarrage Bootstrap qui sadaptent diffrents formats dcran, pour unrendu impeccable de votre contenu.

    PHP_SnippetsPreprocessor_SnippetsResponsive_Design_Snippets

    Pour plus dinformations sur lutilisation des fragments de code, voir Manipulation de fragments de code.

    En outre, vous pouvez dsormais faire en sorte que les fragments de code restent jour sur toutes vosinstallations Dreamweaver, laide de la fonctionnalit de synchronisation dans le cloud. Pour plusdinformations sur la synchronisation de fragments de code avec Creative Cloud et vos autres installationsDreamweaver, reportez-vous la page Synchronisation des paramtres de Dreamweaver avec CreativeCloud.

    Intgration de Bootstrap

    Bootstrap-AgenceBootstrap-E-commerceBootstrap-PortfolioBootstrap-ProduitBootstrap-ImmobilierBootstrap-CV

    Vous pouvez galement crer un document Bootstrap personnalis partir de la bote de dialogue Nouveaudocument (Nouveau document > Bootstrap). Dveloppez ensuite votre site Web pas pas, en y intgrant descomposants Bootstrap tels que des menus accordon et des carrousels, laide du panneau Insertion deDreamweaver. Si vous disposez de compositions Photoshop, vous pouvez aussi utiliser Extract pour importerdes images, polices, styles, textes et autres lments dans votre document Bootstrap.

    6

    https://helpx.adobe.com/fr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/fr/dreamweaver/how-to/responsive-web-design.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/fr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.html

  • Remarque :

    Haut de la page

    Options de mise en forme dans la vue Affichage dlmentMenu Modifier > Tableau

    Remarque : le menu Modifier est maintenant activ en mode Endirect.

    Cration de documents Bootstrap

    Que votre fichier Bootstrap soit dj finalis ou encore en cours de conception, vous pouvez le modifier dansDreamweaver. Il vous est ainsi possible de modifier le code directement, mais aussi de le peaufiner laidede fonctionnalits ddition visuelles telles que le mode En direct, le panneau CSS Designer visuel, lesrequtes multimdias visuelles et la fonction Extract.

    pour les sites Web crs laide de versions du framework Bootstrap antrieures laversion 3, les outils ddition visuelle qui permettent de masquer et dafficher les lments, ainsi que lesfonctions de modification des lignes et des colonnes (ajout, redimensionnement, dcalage), ne sont pasdisponibles dans Dreamweaver.

    Pour plus dinformations, voir Utilisation de fichiers Bootstrap.

    Possibilit de modifier des tableaux en mode En direct

    Il est dsormais trs simple et trs rapide de modifier des tableaux en mode En direct, grce aux optionssuivantes :

    Pour plus dinformations, voir Redimensionnement de tableaux et Mise en forme de tableaux et de cellules.

    7

    http://idiom-q-win-1/fr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/fr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20

  • Haut de la page

    Haut de la page

    Remarque :

    Haut de la page

    LAffichage rapide des lments est dsormais remplac par lepanneau DOM (Fentres > DOM). Le panneau DOM reprend toutesles fonctionnalits qui taient prsentes dans lAffichage rapide deslments, et en ajoute de nouvelles. Ce panneau, disponible danstous les espaces de travail, est persistant, ce qui signifie que vouspouvez ouvrir deux documents et accder leurs panneaux DOMsimultanment.

    Grce au panneau DOM, vous pouvez :

    Faire glisser des lments depuis le panneau Insertion afin de lesinsrer de manire prcise dans la structure du document.

    Vido : Naviguer dans votre code HTML(Visionnage, 6 min)

    Affichez et modifiez une structureHTML.

    Nouveaux menus en mode En direct

    Les options ddition du mode En direct ont t tendues grce la mise disposition des menus suivantsdans ce mode :

    ModifierFormatCommandesSiteOption Collage spcial sous Edition et dans le menu contextuel

    Prise en charge des lments dinterface utilisateur jQuery enmode En direct

    Le panneau Insertion permet dsormais dinsrer directement des widgets jQuery en mode En direct. Faitesglisser llment souhait depuis le panneau Insertion vers la vue En direct, et maintenez le bouton de lasouris enfonc afin dutiliser lune des options dinsertion suivantes :

    Guides en direct : ces repres apparaissent lorsque vous passez la souris sur unlment en mode En direct, aprs avoir fait glisser llment souhait depuis le panneauInsertion. Les Guides en direct permettent dinsrer des lments en haut, en bas, gauche ou droite de llment actif.

    Icne DOM : licne DOM apparat si vous marquez une courte pause lorsque les Guidesen direct saffichent. Cliquez sur licne pour afficher la structure DOM dans une fentrecontextuelle et, ainsi, placer llment un endroit prcis de la structure du document.

    Assistant de position : lassistant de position permet de positionner llment avant ouaprs llment actif, voire de limbriquer dans cet lment (en mode En direct).

    les fonctionnalits prsentes ci-dessus saffichent en fonction de llment insrer.

    Pour plus dinformations, voir Insertion dlments directement en mode En direct.

    Panneau DOM

    8

    https://helpx.adobe.com/fr/dreamweaver/how-to/view-modify-html-tree-structure.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4

  • Copier, coller, dupliquer, dplacer ou supprimer des lmentsstructurels du document.Voir nimporte quel lment de la page en contexte au sein de lastructure du document : llment actif est mis en surbrillancedans le panneau DOM.

    Haut de la page

    Haut de la page

    Pour plus dinformations sur lutilisation du panneau DOM et la manire dont il permet de modifier la structureHTML, reportez-vous la section Panneau DOM.

    Panneau DOM

    Conseils de code SVG dans les documents HTML

    Les conseils de code sont dsormais pris en charge pour tous les lments et attributs SVG dans lesdocuments HTML. Ces conseils de code vous permettent dajouter des lments SVG des documentsHTML en mode Code, tout comme vous le feriez dans des documents SVG.

    Aperus technologiques

    compter de cette version, lquipe Dreamweaver propose des versions prliminaires de certainesfonctionnalits afin de recueillir lavis des clients. Les commentaires obtenus permettent damliorer cesfonctionnalits avant de les inclure dans Dreamweaver en tant quoptions part entire. Ces fonctionnalitssont accessibles partir de la bote de dialogue Prfrences, sous Aperus technologiques.

    Dans cette version, la fonctionnalit que vous pouvez tester est la mise en surbrillance du code. Cettefonction a pour but de mettre en surbrillance toutes les occurrences du texte slectionn en mode Code.

    9

    http://idiom-q-win-1/fr/dreamweaver/using/element-quick-view.html

  • Haut de la page

    Haut de la page

    Haut de la page

    Pour lutiliser, procdez comme suit :

    1. Cliquez sur Prfrences > Aperus technologiques.

    2. Activez la mise en surbrillance du code. Cliquez ensuite sur Appliquer, puis fermez labote de dialogue Prfrences.

    3. Ouvrez le document dans lequel vous souhaitez utiliser la mise en surbrillance du code.Cette option est disponible dans tous les types de documents, notamment HTML, JS,CSS et LESS.

    4. En mode Code, double-cliquez sur le texte (balise, mot ou expression) que voussouhaitez mettre en surbrillance.

    Toutes les occurrences du texte slectionn sont alors mises en surbrillance en modeCode.

    Vous pouvez alors parcourir le texte mis en surbrillance laide des raccourcis clavier suivants :

    Slectionner loccurrence suivante : F3 (Win) ; CMD + G (Mac)Slectionner loccurrence prcdente : MAJ + F3 (Win) ; CMD + MAJ + G (Mac)

    Aperu personnalis en mode Code avec lAPI ShowPreview

    Avec cette version de Dreamweaver, vous pouvez gnrer un aperu personnalis qui apparat lorsque vouspassez la souris sur le code en mode Code. Pour implmenter ces aperus personnaliss, vous pouvezutiliser la nouvelle API, showPreview, en plus de lAPI existante, mm:browsercontrol. Par exemple, faitesappel ces API pour afficher un aperu de tous les paramtres dune fonction JavaScript lorsque vouspassez la souris sur le nom de cette fonction.

    Pour plus dinformations, voir Rfrence des API de Dreamweaver : Fonctions relatives au mode Code.

    Pliage de code

    Dans les prcdentes versions de Dreamweaver, vous deviez slectionner les blocs de code en mode Code,puis les rduire. Dans cette version et les suivantes, vous pouvez rduire les blocs de code en passantsimplement la souris sur les numros de ligne correspondants, puis en cliquant sur le triangle qui apparat.

    Le pliage de code (rduction) est dsormais disponible dans les fichiers HTML, CSS, LESS, Sass, SCSS, JS,PHP, XML et SVG et sappuie sur les blocs de balises.

    Les oprations Copier, Couper, Coller et Glisser-dposer conservent ltat de pliage du code. Par exemple,lorsque vous copiez un bloc de code qui est rduit, lopration Coller insre le texte copi sous forme de blocrduit.

    Dans les fichiers HTML, le contenu rduit intgre dsormais la balise de fermeture et est restitudiffremment. Par ailleurs, le nombre de caractres affichs dans un bloc de code rduit est dsormaissuprieur. Cela vous permet de prvisualiser les attributs initiaux, le cas chant.

    Pour plus dinformations, voir Pliage du code.

    Amliorations apportes la fonctionnalit Extract

    10

    http://idiom-q-win-1/fr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/fr/dreamweaver/using/collapsing-code.html

  • Les priphriques peuvent prsenter des tailles, mais aussi desrsolutions diffrentes. Lorsque vous prparez votre conception Webractive, vous devez tenir compte des diffrentes rsolutions dimageafin dobtenir un rendu optimal sur chaque appareil. Toutefois, il peuttre dcourageant de crer autant de versions aux rsolutionsdiffrentes pour chaque image de votre projet.

    Loption Extract de Dreamweaver simplifie grandement cette tche.Dans la version 2015 de Dreamweaver, lorsque vous extrayez uneimage partir dune composition Photoshop, vous avez la possibilitden extraire plusieurs versions, correspondant diffrentesrsolutions. Limage provenant de Photoshop est automatiquementmise lchelle au cours de lextraction, selon les rsolutionsprdfinies.

    Tutoriel vido : Extraction de ressourcespar lots( vous de jouer, 5 min)

    Apprenez extraire dun documentPhotoshop des lots dimages dersolutions diffrentes et optimisespour le Web, notamment des imagespour les crans HiDPI.

    Extract pour les priphriquesPrise en charge des units en pourcentages

    Extract pour les priphriques

    Vous pouvez ensuite crer des appels renvoyant vers ces images en JavaScript ou dans des requtesmultimdias, afin quelles saffichent diffremment selon le priphrique utilis. Par exemple, pour un cranRetina haute densit, vous pouvez utiliser la version 2X de limage.

    Pour plus dinformations, voir Extraction dimages depuis des fichiers PSD.

    Extraction de plusieurs versions dune image selon diffrentes rsolutions

    Prise en charge des units en pourcentages

    11

    https://helpx.adobe.com/fr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/fr/dreamweaver/how-to/batch-extract-assets.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_19http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/fr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1

  • Option de pourcentageMesures en pourcentages

    Haut de la page

    Dans le panneau Extract, vous pouvez dsormais afficher des valeurs en pourcentages pour la largeur et lahauteur des images, en plus des valeurs en pixels. Il est galement possible de consulter les mesures enpourcentages.

    Lorsque vous cliquez sur un actif dans le panneau Extract, le menu contextuel qui saffiche comporte uneoption permettant de basculer entre les pixels et les pourcentages. Lunit slectionne dans ce menu estconserve lorsque vous consultez les mesures dautres actifs.

    Amliorations apportes aux fonctions ddition du mode En direct

    Insertion imbrique en mode En direct

    Dsormais, vous pouvez insrer des lments au sein dautres lments en mode En direct. Lorsque vousfaites glisser des lments partir du panneau Insertion ou Actifs, ou au sein de la vue En direct, et passezla souris sur diffrents lments de la page, des indications visuelles vous permettent dimbriquer leslments. Vous disposez galement de repres pour placer llment avant ou aprs un autre lment dudocument.

    Repres avant/aprs : saffichent lorsque vous passez la souris sur les 30 % infrieursou suprieurs de llment.Indications visuelles dimbrication : saffichent lorsque vous passez la souris sur lemilieu de llment (40 % de sa surface).

    Indications visuelles (surbrillance en bleu avec ombrage) permettant une insertion imbrique

    Modification de slecteurs directement dans la vue Affichage dlment

    Dsormais, il est possible de cliquer simplement sur le nom dun slecteur dans la vue Affichage dlment

    12

  • Haut de la page

    Haut de la page

    pour le modifier. Ensuite, pour valider les modifications, cliquez nimporte o sur la page.

    Modifications apportes la barre doutils de codage

    Les options suivantes, lies la rduction de code, ont t supprimes de la barre doutils de codage :

    Rduire balises entiresRduire la slection

    Remarque : ces options ont galement t supprimes du menu contextuel accessible par clic droit et dumenu Edition. Vous pouvez dsormais rduire le code en passant la souris sur le numro de ligne correspondant, puis encliquant sur le triangle qui apparat. En outre, les options suivantes sont dsormais indisponibles pour les fichiers HTML, CSS et JS :

    Surligner le code non valideAlertes derreurs de syntaxe dans la barre dinformation

    Vous pouvez dsormais utiliser la fonctionnalit Linting pour dtecter des erreurs dans le code ; les rsultatsde lanalyse sont affichs dans le panneau Sortie.

    Optimisation de CSS Designer

    Modes Tout et ActuelConseils relatifs aux valeurs des propritsCodes de couleur pour les requtes multimdiasAutres modifications

    Modes Tout et Actuel

    CSS Designer propose dsormais deux modes diffrents pour laffichage et ldition des proprits CSS :

    Tout : dans ce mode, lensemble des styles CSS, requtes multimdias et slecteurs dudocument actif sont visibles. Ce mode ne prend pas en compte les lments slectionnsdans la vue En direct ou Cration.

    Il est particulirement adapt la cration de styles CSS, de requtes multimdias et de slecteurs.

    Actuel : ce mode affiche les styles calculs pour chaque lment slectionn dans la vueEn direct ou Cration. Dans un fichier CSS, si vous avez slectionn un slecteur, cemode affiche les proprits de ce slecteur.

    Ce mode est particulirement adapt si vous souhaitez modifier les proprits des slecteurs associs llment slectionn dans le document.

    Modes Tout et Actuel dans CSS Designer

    13

    http://idiom-q-win-1/fr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/linting-code.htmlhttp://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_14

  • Conseils relatifs aux valeurs des proprits

    Dreamweaver affiche dsormais des conseils de code dans CSS Designer, similaires ceux qui apparaissenten mode Code, afin de vous aider dfinir de nouvelles proprits.

    Conseils de code dans CSS Designer

    Codes de couleur pour les requtes multimdias

    Dans le panneau CSS Designer, les requtes multimdias disposent maintenant de codes de couleurharmoniss sur ceux des requtes multimdias visuelles.

    Vert : requtes multimdias associes des conditions max-width Bleu : requtes multimdias associes des conditions min-width et max-width Violet : requtes multimdias associes des conditions min-width

    Codes de couleur pour les requtes multimdias dans CSS Designer

    14

    http://idiom-q-win-1/fr/dreamweaver/using/whats-new.html#main-pars_header_8

  • Haut de la page

    Autres modifications

    Option Afficher dfinies : la case cocher Afficher dfinies de la section Propritsest maintenant active par dfaut lors du premier lancement de Dreamweaver. Toutes lesmodifications apportes cette option (activation/dsactivation) sont conserves pourlensemble des sessions suivantes de Dreamweaver.

    Dfilement du panneau pour afficher loption Ajouter une proprit au centre :lorsque vous cliquez sur + dans la section Proprits, celle-ci dfile afin que la ligne Ajouter une proprit soit affiche au centre du panneau. Si la section Proprits esttrop petite, la ligne Ajouter une proprit est affiche au bas du panneau.

    Mise en surbrillance de larrire-plan pendant lajout dune proprit : lorsque lazone de texte Ajouter une nouvelle proprit est active, la ligne est surligne avec unarrire-plan gris.

    Changement de position des boutons + et - : les boutons + et - quiapparaissent dans chaque volet du panneau CSS Designer ont t dplacs de la droitevers la gauche afin de les rendre plus visibles.

    Catgorie Personnalis renomme : la catgorie Personnalis sintituledsormais Plus .

    Modifications du flux de travail du serveur de test

    Les amliorations apportes dans cette version au flux de travail du serveur de test visent faciliter et fluidifier la modification des documents comprenant du code ct serveur en mode En direct.

    Modifications relatives la configuration du serveur

    la diffrence des versions prcdentes de Dreamweaver, cette nouvelle version permet de dsigner unserveur spcifique en tant que serveur de test ou serveur distant (et non les deux). Les cases cocherfigurant dans linterface de configuration du serveur ont t remplaces par des boutons radio afin de mettreen application cette rgle de spcification des serveurs.

    Si vous ouvrez un site ou importez les paramtres dun site cr avec une version antrieure deDreamweaver, et quun serveur unique est dfini la fois comme serveur de test et serveur distant, ceserveur fait lobjet de deux entres. Lune de ces entres est dsigne comme serveur distant (avec le suffixe_remote) et lautre, comme serveur de test (avec le suffixe _testing).

    Envoi automatique des fichiers dynamiques

    Dreamweaver synchronise dsormais automatiquement les documents dynamiques vers votre serveur de testds leur ouverture, leur cration ou leur enregistrement. Dreamweaver naffiche plus les botes de dialogue Mettre jour le serveur de test et Envoyer les fichiers dpendants dans le cadre des flux de travauxdu serveur de test.

    Pour plus dinformations, voir Envoi automatique des fichiers dynamiques.

    15

    http://idiom-q-win-1/fr/dreamweaver/using/set-testing-server.html

  • Les publications Twitter et Facebook ne sont pas couvertes par les dispositions Creative Commons.

    Mentions lgales | Politique de confidentialit en ligne

    Haut de la page

    Haut de la page

    Modification du flux de travail Business Catalyst

    Lextension Business Catalyst a t retire du march et ne pourra plus tre utilise avecDreamweaver CC 2015 et versions ultrieures. Dreamweaver CC 2014.1.1 est la dernire dition compatibleavec lextension Business Catalyst.

    Si vous souhaitez faire appel Business Catalyst avec Dreamweaver CC 2015 et versions ultrieures,utilisez loption de connexion SFTP dans Dreamweaver. Pour plus dinformations, voir la documentation deBusiness Catalyst.

    Lannonce officielle de ce changement est consultable sur le site Web de Business Catalyst.

    Autres modifications

    Le panneau Insertion a t rorganis de manire regrouper toutes les options descatgories Commun, Mise en forme et Mdias sous une seule et mme catgorie pluslogique : HTML.

    Les mini-vidos de prsentation ont t supprimes, de mme que le lien qui permettaitde les lancer partir du menu Aide. Par ailleurs, cette option nest pas disponible pourles langues autres que langlais.

    La liste droulante disponible dans la barre de document, au bas de la page, a tpure : dsormais, seules les options Orientation, Taille relle et Modifier les tailles yfigurent.

    16

    http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/fr_FR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_frhttp://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

  • OBTENIR DE LAIDE > ASSISTANCE CREATIVE CLOUD

    Utilisation de lapplication de bureau Creative Cloud pour grervos applications et servicesSapplique Creative CloudSommaireTlchargez des applications, partagez des fichiers, recherchez des polices et des images stockes, et bien plus encore depuis lapplication debureau Creative Cloud.Sur cette page

    Tlchargement et installation dapplications

    Lapplication de bureau Adobe Creative Cloud est un emplacement central qui vous permet de grer les dizaines dapplications et de services inclusdans votre abonnement Creative Cloud. Vous pouvez galement synchroniser et partager des fichiers, grer des milliers de polices de caractres,accder des bibliothques dimages et de photos ou encore prsenter et dcouvrir des projets cratifs au sein de la communaut. Lapplicationde bureau Creative Cloud est votre fentre sur tout cela.

    Voici comment procder pour tlcharger, installer et mettre jour vos applications laide de lapplication de bureau Creative Cloud. Pourdcouvrir des nouveauts, vous pouvez galement parcourir les applications par popularit, catgorie ou version.

    Lapplication de bureau Creative Cloud est automatiquement installe lorsque vous tlchargez votre premier produit Creative Cloud. Si vous avezdj install Adobe Application Manager, il se met automatiquement jour vers lapplication de bureau Creative Cloud.

    Dans le cas contraire, vous pouvez tlcharger manuellement lapplication depuis la page Application de bureau Creative Cloud.

    Conseil :

    pour tlcharger des applications sur votre appareil mobile, consultez le Catalogue des applications mobiles.

    1. Pour accder lapplication de bureau Creative Cloud, cliquez sur licne Creative Cloud, situe dans la barre des tches (Windows) oudans la barre de menus (Mac OS).

    Conseil :

    par dfaut, lapplication de bureau Adobe Creative Cloud se lance lorsque vous vous connectez votre ordinateur. Si licne Creative Cloudnest pas affiche, vous devrez srement quitter puis relancer lapplication. Voici comment procder :

    18

    https://helpx.adobe.com/fr/support.htmlhttps://helpx.adobe.com/fr/creative-cloud.htmlhttps://creative.adobe.com/fr/products/creative-cloudhttp://www.adobe.com/fr/creativecloud/catalog/mobile.html

  • Windows : cliquez sur Dmarrer > Programmes > Adobe Creative Cloud.Mac OS : cliquez sur Aller > Applications > Adobe Creative Cloud > Adobe Creative Cloud.

    2. Sil nest pas dj slectionn, cliquez sur longlet Apps. Les applications rcemment installes sur votre ordinateur saffichent dans la partiesuprieure du panneau. La liste peut inclure des versions prcdemment installes.

    3. Faites dfiler la liste vers le bas pour dcouvrir dautres applications. Vous pouvez galement filtrer la liste par catgorie ou par version delogiciel.

    19

  • 4. Cliquez sur Installer ou Mettre jour.

    5. Pour tlcharger et installer une version antrieure dune application, slectionnez Version prcdente, puis choisissez une version dans lemenu Installer.

    Conseil :

    le tlchargement de lapplication peut prendre un certain temps, en fonction de votre connexion Internet et de lordinateur utilis.

    Pour obtenir des informations dtailles, par exemple pour savoir comment lancer une application, reportez-vous la page Tlchargement etinstallation dapplications Creative Cloud.

    Synchronisation et partage de fichiers

    Synchronisez les fichiers stocks sur votre ordinateur vers Creative Cloud, afin quils soient accessibles o que vous soyez. Ainsi, les fichiersdeviennent instantanment disponibles sur lensemble de vos appareils et ordinateurs connects, ainsi que sur votre page Creative CloudFiles. Pour synchroniser des fichiers, tlchargez et installez lapplication de bureau Creative Cloud sur tous vos ordinateurs.

    20

    http://idiom-q-win-1/fr/creative-cloud/help/download-install-app.htmlhttp://idiom-q-win-1/fr/creative-cloud/help/download-install-app.htmlhttps://creative.adobe.com/fr/products/creative-cloud

  • Pour synchroniser des fichiers, utilisez lune des mthodes suivantes :

    Copiez, collez ou dplacez vos fichiers vers le dossier ou rpertoire Creative Cloud Files de lordinateur.

    Vous pouvez ouvrir ce dossier ou rpertoire Creative Cloud Files depuis lapplication de bureau Creative Cloud, en cliquant sur longlet Actifspuis sur le panneau Fichiers et enfin sur Ouvrir le dossier.

    Au sein dune application, slectionnez Fichier > Enregistrer ou Fichier > Enregistrer sous, puis accdez au dossier ou rpertoireCreative Cloud Files de lordinateur.

    Les fichiers originaux sont toujours sur votre ordinateur ou priphrique. Les fichiers sont synchroniss via Creative Cloud vers tous lespriphriques connects.

    Vous pouvez consulter vos fichiers en ligne sur la page Actifs Creative Cloud. Une fois les fichiers synchroniss, vous navez pas besoin dtre enligne et vous pouvez les consulter partir du dossier ou rpertoire Creative Cloud Files sur votre ordinateur.

    Pour savoir comment utiliser les fichiers chargs sur Creative Cloud, reportez-vous la page Gestion des actifs et des fichiers.

    Ajout de polices depuis Typekit

    Vous pouvez utiliser les polices Typekit dans toutes vos applications Creative Cloud ainsi que dans dautres programmes logiciels.

    Choisissez une police de caractres cre par lun des nombreux partenaires Typekit, puis synchronisez-la sur votre ordinateur via Creative Cloud.Les polices synchronises peuvent tre utilises dans toutes les applications Creative Cloud ainsi que dans dautres logiciels de bureautique.

    21

    https://assets.adobe.com/fileshttps://helpx.adobe.com/fr/creative-cloud/help/sync-files.html

  • Vous devez disposer dun abonnement payant Creative Cloud ou dun compte Typekit admissible pour synchroniser des polices sur votreordinateur de bureau.

    Le panneau Polices prsente les polices synchronises sur votre ordinateur. Pour synchroniser des polices, effectuez les oprations suivantes :

    1. Dans lapplication de bureau Creative Cloud, cliquez sur longlet Actifs puis sur le panneau Polices.

    2. Cliquez sur Ajouter des polices depuis Typekit. Une fentre Typekit souvre dans le navigateur.

    Si vous utilisez Typekit pour la premire fois, cliquez sur Je dbute sur Typekit et suivez les invites qui saffichent pour configurer votrecompte.

    3. Dans la fentre Typekit, placez la souris sur la fiche dune police et cliquez sur + Utiliser les polices.

    4. Slectionnez les polices de la famille choisie et cliquez sur Synchroniser les polices slectionnes.

    Des questions sur la synchronisation des polices ? Retrouvez la procdure dtaille ici.

    Recherche dlments sur Adobe Stock

    Vous pouvez rechercher des images sur Adobe Stock directement depuis lapplication de bureau Creative Cloud.

    Adobe Stock est un service qui propose aux designers et aux entreprises prs de 40 millions de photos, illustrations et images vectoriellescertifies de grande qualit et libres de droits, pour tous leurs projets cratifs. Vous pouvez acheter des images lunit, quand le besoin seprsente, ou opter pour un abonnement incluant un certain nombre dimages.

    22

    https://helpx.adobe.com/fr/creative-cloud/help/add-fonts-typekit.html

  • 1. Dans longlet Stock, entrez les mots-cls souhaits et cliquez sur OK.

    2. Si le site vous y invite, indiquez votre date de naissance et cliquez sur Mettre jour.

    Vous accdez alors une page du site web Adobe Stock sur laquelle figurent toutes les images correspondant votre recherche.

    Adobe Stock et Bibliothques Creative Cloud

    23

  • Vous pouvez slectionner une image sur le site web Adobe Stock et ajouter son aperu avec tatouage numrique toutes vos bibliothques. Dansles applications Creative Cloud prenant en charge les bibliothques (Photoshop, Illustrator, InDesign, Premiere Pro et After Effects), il vous suffitensuite de faire glisser cette image marque depuis le panneau Bibliothques vers votre projet. Quand vous le souhaitez, vous pouvez galementacheter les droits de limage directement depuis le panneau Bibliothques de lapplication de bureau Creative Cloud.

    Lorsque vous achetez les droits dune image, les applications Creative Cloud compatibles avec les actifs lis aux bibliothques (Photoshop,Illustrator et InDesign) mettent automatiquement jour toutes les instances lies de cette image pour les remplacer par la version hautersolution, sans le tatouage numrique.

    Pour plus dinformations, reportez-vous la page Utilisation dAdobe Stock.

    Recherche de ressources de cration avec Market

    Creative Cloud Market est un ensemble de ressources certifies de haute qualit, mises au point par des cratifs, pour des cratifs. Les abonnsCreative Cloud peuvent accder gratuitement aux actifs depuis le portail Market, aussi bien depuis un ordinateur de bureau quun appareil mobile(via les applications connectes Creative Cloud), et faire leur choix parmi une slection exceptionnelle dillustrations vectorielles, dicnes, demotifs, de kits dinterface utilisateur, et bien plus encore. Chaque mois, un abonn Creative Cloud peut tlcharger jusqu 500 actifs exclusifs etlibres de droits. Ce nouveau service performant permet aux cratifs de trouver trs facilement les ressources quil leur faut, puis de les amliorer,les manipuler et les modifier afin de lancer leur processus de cration.

    24

    http://idiom-q-win-1/fr/creative-cloud/how-to/creative-cloud-libraries-stock-linked-assets.html

  • Pour plus dinformations, reportez-vous la page Actifs Creative Cloud Market.

    Partage et dcouverte de projets avec Behance

    Prsentez et dcouvrez des projets cratifs sur Behance. En tant que membre, vous pouvez crer un portfolio regroupant vos travaux et le diffuser grande chelle de manire efficace. Vous pouvez galement dcouvrir les derniers travaux de designers du monde entier en parcourant lesuvres mises en avant ou les plus populaires dans tous les domaines de cration.

    Connectez-vous ou crez-vous un compte pour accder votre fil dactualit ainsi qu votre portfolio Behance et partager ou dcouvrir denouveaux travaux. Si vous possdez dj un compte, vous serez invit vous connecter. Si vous ne possdez pas encore de compte, vouspouvez en crer un de manire simple et rapide.Mme si vous ne possdez pas de compte Behance, vous pouvez parcourir les projets et les travaux en cours depuis lapplication de bureauCreative Cloud, partir du panneau Communaut.

    25

    https://helpx.adobe.com/fr/creative-cloud/help/market.htmlhttp://www.behance.net/

  • Pour plus dinformations, reportez-vous la page Partage sur Behance ou rendez-vous sur le forum de la communaut Adobe Behance.

    Accueil et fil dactualit

    Le fil dactualit figurant sur le panneau Accueil de lapplication de bureau Creative Cloud prsente vos interactions avec Creative Cloud. Il vousinforme sur les diffrents vnements et activits, tels que la sortie de nouvelles applications, les mises jour ou encore le statut des installations.

    26

    https://helpx.adobe.com/fr/creative-cloud/kb/publish-behance.htmlhttp://forums.adobe.com/community/behance

  • Connexion pour activer Creative Cloud

    Activation et dsactivation de Creative Cloud

    Pour activer Creative Cloud, connectez-vous simplement lapplication avec votre Adobe ID. Quand vous vous identifiez, vous activez la licenceCreative Cloud ainsi que lensemble des applications et services associs votre Adobe ID. Vous pouvez ensuite utiliser vos applications et servicesnormalement.

    Pour vous connecter, cliquez sur licne Creative Cloud, situe dans la barre des tches (Windows) ou dans la barre de menus (Mac OS),afin douvrir lapplication de bureau Adobe Creative Cloud.Entrez votre Adobe ID (gnralement votre adresse e-mail) et votre mot de passe, puis cliquez sur Se connecter. (Si lapplication debureau Creative Cloud souvre, cela signifie que vous tes dj connect.)

    Vous pouvez maintenant faire appel aux services Creative Cloud, installer des applications Creative Cloud et lancer des applications CreativeCloud prcdemment installes.

    Pour dsactiver Creative Cloud, vous devez vous dconnecter. Quand vous vous dconnectez, lensemble des applications installes et servicesCreative Cloud associs votre Adobe ID sur cet ordinateur sont dsactivs. Les applications restent installes mais ne sont plus connectes unelicence valide. Reconnectez-vous pour ractiver la licence et utiliser nouveau les applications et services.

    Pour vous dconnecter, ouvrez lapplication de bureau Creative Cloud, cliquez sur la roue dente et slectionnez Prfrences. Cliquez surGnral puis sur Se dconnecter.

    Lensemble des applications et services Creative Cloud associs votre Adobe ID sont alors dsactivs sur cet ordinateur.

    Pour obtenir des instructions dtailles, reportez-vous la page Connexion et dconnexion pour activer des applications Creative Cloud.

    Prfrences

    Pour ouvrir la bote de dialogue Prfrences de lapplication de bureau Creative Cloud, cliquez sur la roue dente et slectionnez Prfrences.

    27

    http://idiom-q-win-1/fr/creative-cloud/help/sign-in-out-activate-apps.html

  • La bote de dialogue Prfrences propose diffrentes options permettant de personnaliser et dadapter Creative Cloud, notamment pour changer lalangue dinstallation des logiciels, rgler les paramtres des services Creative Cloud ou encore vous dconnecter, si vous avez besoin de dsactivertemporairement votre compte.

    Pour dsactiver lensemble des applications et services Creative Cloud associs votre Adobe ID, cliquez sur Gnral puis surSe dconnecter. Quand vous vous dconnectez, lensemble des applications installes et services Creative Cloud associs votre Adobe IDsont dsactivs.Pour activer les mises jour automatiques, slectionnez Toujours appliquer les mises jour de Creative Cloud pour bureau.Pour changer la langue dinstallation des logiciels ou leur emplacement dinstallation, cliquez sur Prfrences > Creative Cloud > Apps.Pour obtenir des instructions dtailles, reportez-vous la page Modification du paramtre de langue de vos applications Creative Cloud.Pour connecter vos travaux avec le rfrentiels Adobe Experience Manager (AEM) Assets, slectionnez Se connecter AEM Assets. Pourplus dinformations, reportez-vous la page AEM Assets.Utilisez les onglets Fichiers, Polices et Behance pour modifier les diffrents paramtres.Pour afficher les notifications envoyes par Adobe, activez loption Afficher les notifications OS dans chaque onglet.

    Was this helpful?Yes No

    By clicking Submit, you accept the Adobe Terms of Use. ^ Haut de la page

    Articles connexes

    Tlchargement et installation dapplications Creative CloudMise jour dapplications Creative CloudDsinstallation ou suppression dapplications Creative CloudConnexion et dconnexion pour activer des applications Creative Cloud

    Assistance Creative Cloud

    Consultez le manuel en ligne, regardez des tutoriels ou demandez de laide. En savoir plus.

    Encore besoin daide ?

    Interroger la communaut

    Posez vos questions et obtenez des rponses des experts.

    Solliciter la communaut

    28

    http://idiom-q-win-1/fr/creative-cloud/help/change-install-language.htmlhttps://helpx.adobe.com/fr/creative-cloud/help/work-with-aem-assets.htmlhttp://www.adobe.com/misc/terms.htmlhttps://helpx.adobe.com/fr/support.htmlhttps://forums.adobe.com/community/creative_cloud

  • Nous contacter

    Notre quipe de support se tient votre disposition pour vous aider.

    Obtenir de laide

    Choisir une autre rgionFrance (Modifier)Choisissez votre rgion

    La langue et/ou le contenu du site Adobe.com varient en fonction de la rgion slectionne.

    Americas Brasil Canada - English Canada - Franais Latinoamrica Mxico United States Europe, Middle East and Africa Africa -English Belgi Belgique Belgium - English esk republika Cyprus - English Danmark Deutschland Eastern Europe -English Eesti Espaa France Greece - English Hrvatska Ireland Israel - English Italia Latvija Lietuva Luxembourg - Deutsch Luxembourg -English Luxembourg - Franais Magyarorszg Malta - English Middle East and North Africa - English Moyen-Orient et Afrique du Nord -Franais Nederland Norge sterreich Polska Portugal Romnia Schweiz Slovenija Slovensko Srbija Suisse Suomi Sverige Svizzera TrkiyeUnited Kingdom - Asia - Pacific Australia Hong Kong S.A.R. of China India - English NewZealand Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) - English Commonwealth of Independent States Includes Armenia, Azerbaijan, Belarus, Georgia, Kazakhstan, Kyrgyzstan,Moldova, Tajikistan, Turkmenistan, Ukraine, Uzbekistan

    Produits Tlchargements Support et formation SocitCopyright 2015 Adobe Systems Software Ireland Ltd. All rights reserved.Politique de confidentialit Conditions d'utilisation Cookies ChoixdePub

    29

    https://helpx.adobe.com/fr/contact.html?step=CCSNhttp://idiom-q-win-1/br/http://idiom-q-win-1/ca/http://idiom-q-win-1/ca_fr/http://idiom-q-win-1/la/http://idiom-q-win-1/mx/http://idiom-q-win-1/us/http://idiom-q-win-1/africa/http://idiom-q-win-1/africa/http://idiom-q-win-1/be_nl/http://idiom-q-win-1/be_fr/http://idiom-q-win-1/be_en/http://idiom-q-win-1/cz/http://idiom-q-win-1/eeurope/http://idiom-q-win-1/dk/http://idiom-q-win-1/de/http://idiom-q-win-1/eeurope/http://idiom-q-win-1/eeurope/http://idiom-q-win-1/ee/http://idiom-q-win-1/es/http://idiom-q-win-1/fr/http://idiom-q-win-1/eeurope/http://idiom-q-win-1/hr/http://idiom-q-win-1/ie/http://idiom-q-win-1/il_en/http://idiom-q-win-1/it/http://idiom-q-win-1/lv/http://idiom-q-win-1/lt/http://idiom-q-win-1/lu_de/http://idiom-q-win-1/lu_en/http://idiom-q-win-1/lu_en/http://idiom-q-win-1/lu_fr/http://idiom-q-win-1/hu/http://idiom-q-win-1/eeurope/http://idiom-q-win-1/mena_en/http://idiom-q-win-1/mena_fr/http://idiom-q-win-1/mena_fr/http://idiom-q-win-1/nl/http://idiom-q-win-1/no/http://idiom-q-win-1/at/http://idiom-q-win-1/pl/http://idiom-q-win-1/pt/http://idiom-q-win-1/ro/http://idiom-q-win-1/ch_de/http://idiom-q-win-1/si/http://idiom-q-win-1/sk/http://idiom-q-win-1/rs/http://idiom-q-win-1/ch_fr/http://idiom-q-win-1/fi/http://idiom-q-win-1/se/http://idiom-q-win-1/ch_it/http://idiom-q-win-1/tr/http://idiom-q-win-1/uk/http://idiom-q-win-1/bg/http://idiom-q-win-1/ru/http://idiom-q-win-1/ua/http://idiom-q-win-1/il_he/http://idiom-q-win-1/mena_ar/http://idiom-q-win-1/au/http://idiom-q-win-1/hk_en/http://idiom-q-win-1/in/http://idiom-q-win-1/nz/http://idiom-q-win-1/nz/http://idiom-q-win-1/sea/http://idiom-q-win-1/cn/http://idiom-q-win-1/hk_zh/http://idiom-q-win-1/hk_zh/http://idiom-q-win-1/tw/http://idiom-q-win-1/tw/http://idiom-q-win-1/jp/http://idiom-q-win-1/kr/http://idiom-q-win-1/cis/http://idiom-q-win-1/cis/http://www.adobe.com/fr/products/catalog/software.htmlhttp://www.adobe.com/fr/downloads.htmlhttp://helpx.adobe.com/fr/support.htmlhttp://www.adobe.com/fr/company.htmlhttp://www.adobe.com/fr/privacy.htmlhttp://www.adobe.com/fr/legal/general-terms.htmlhttp://www.adobe.com/fr/privacy/cookies.html

  • Exploration, synchronisation et gestion dactifs

    Haut de la page

    Fichiers :

    Crations mobiles :

    Bibliothques :

    Remarque :

    Exploration dactifsSynchronisation ou chargement de fichiersSuppression de fichiersFormules et quota de stockageRsolution des problmes

    Votre compte Adobe Creative Cloud est fourni avec un espace de stockage en ligne pour que vous puissiezaccder vos fichiers partout et partir de nimporte quel priphrique ou ordinateur. Vous pouvezprvisualiser de nombreux types de fichiers de cration directement dans un navigateur web, sur votreordinateur, votre tablette ou votre smartphone. Il sagit notamment des types de fichiers suivants : PSD, AI,INDD, JPG, PDF, GIF, PNG, Photoshop Touch et Ideas.

    Avec lapplication de bureau Adobe Creative Cloud, tous les fichiers restent synchroniss : chaque ajout,modification ou suppression est rpercut sur tous les ordinateurs et priphriques connects. Par exemple,si vous chargez un fichier .ai via la page Actifs Creative Cloud, celui-ci est automatiquement tlcharg surtous les ordinateurs connects.

    Exploration dactifs

    Vos actifs Creative Cloud comprennent les fichiers synchroniss avec votre poste de travail, les actifs crsavec les applications mobiles connectes Creative Cloud et les actifs du service Bibliothques CreativeCloud. Vous pouvez parcourir tous ces lments via la page Actifs Creative Cloud, dans laquelle ils sontclasss de la faon suivante :

    prsente les actifs synchroniss avec le rpertoire Creative Cloud Files sur votre bureau.

    prsente les actifs crs partir des applications mobiles connectes Creative Cloud.

    prsente les bibliothques de conception que vous avez vous-mme cres.

    les actifs de bureau (sous Fichiers) permettent diverses oprations : renommer, partager,tlcharger, remplacer ou encore archiver. En revanche, sur la page Actifs Creative Cloud, vous ne pouvezque consulter les actifs qui se trouvent sous Crations mobiles et Bibliothques.

    30

    http://idiom-q-win-1/fr/creative-cloud/help/creative-cloud-desktop.htmlhttp://assets.adobe.com/http://assets.adobe.com/

  • Tout : prsente tous les fichiers synchroniss avec le rpertoire Creative CloudFiles.

    Partags : prsente les fichiers partags entre vous et dautres utilisateurs deCreative Cloud.

    Archivs : prsente les fichiers supprims.

    De mme, vous pouvez parcourir les actifs crs laide des applicationsmobiles Creative Cloud dans la section Crations mobiles, o ils sont rpartisselon lapplication utilise.

    Pour plus dinformations sur les bibliothques, reportez-vous la sectionBibliothques Creative Cloud.

    Haut de la page

    Quand vous cliquez sur une catgorie dactifs, celle-ci se dveloppe pour prsenter ses sous-catgories (lecas chant). Par exemple, les actifs situs sous Fichiers sont classs selon les sous-catgories Tout,Partags et Archivs.

    Synchronisation ou chargement de fichiers

    Pour synchroniser des fichiers depuis votre ordinateur, effectuez lune des oprations suivantes :

    Copiez, collez ou dplacez vos fichiers vers le rpertoire Creative Cloud Files sur votreposte de travail.Au sein dune application, slectionnez Fichier > Enregistrer ou Fichier >Enregistrer sous, puis accdez au rpertoire Creative Cloud Files.

    Pour ouvrir le rpertoire Creative Cloud Files depuis lapplication de bureau Creative Cloud, slectionnezActifs > Fichiers et cliquez sur Ouvrir le dossier.

    31

    http://idiom-q-win-1/fr/creative-cloud/help/libraries.html

  • Remarque :

    Chargez et grez vos fichiers sur Creative Cloud enutilisant le menu Actions de la page Actifs CreativeCloud.

    Faites glisser des actifs depuis le bureau vers lapage Actifs Creative Cloud.

    les fichiers dont le nom contient des caractres spciaux tels que | " ? < > / * ou : ne sont passynchroniss, de mme que les fichiers portant un nom rserv comme AUX ou Com1. En cas derreur,renommez le fichier avant de le synchroniser vers Creative Cloud. Pour plus dinformations, reportez-vous la page Erreur : Impossible de synchroniser les fichiers.

    Vous pouvez galement charger des fichiers directement sur la page Actifs Creative Cloud en appliquantlune des mthodes suivantes.

    Remplacement dun fichier

    Lorsque vous chargez nouveau un fichier, une nouvelle version est cre et remplace la prcdente.

    32

    http://assets.adobe.com/http://assets.adobe.com/http://assets.adobe.com/

  • Haut de la page

    Creative Cloud conserve galement une copie de chacune des modifications apportes aux fichiers etsynchronises via Photoshop Touch, Adobe Ideas ou lapplication de bureau Creative Cloud.

    Pour remplacer un fichier via la page Actifs Creative Cloud, procdez comme suit :

    Remarque : le type de fichier doit tre identique celui du fichier remplacer. Ainsi, vous ne pouvez pasremplacer un fichier .PSD par un fichier .AI. Pour plus dinformations sur le contrle des versions, reportez-vous la page FAQ sur le contrle desversions.

    1. Recherchez le fichier concern et ouvrez-le.2. Slectionnez Actions > Remplacer ou faites glisser le fichier depuis le dossier vers la

    fentre du navigateur.

    Suppression de fichiers

    Vous pouvez supprimer des fichiers du site web de Creative Cloud ou des Adobe Touch Apps. Vous avezgalement la possibilit dutiliser les commandes du systme dexploitation pour supprimer des fichiers durpertoire Creative Cloud Files sur votre bureau. Toutes les suppressions de fichiers sont synchronises avecvotre compte, et les fichiers sont archivs dans Creative Cloud. Les fichiers dorigine sont toujours prsentssur votre ordinateur, tandis quune copie reste disponible dans Creative Cloud pour que vous puissiez yaccder o que vous soyez.

    Les fichiers archivs continuent occuper lespace de stockage en ligne. Vous pouvez supprimerdfinitivement ou restaurer les fichiers du dossier Archive. Toute suppression dfinitive permet de librer dela capacit de stockage.

    Suppression dfinitive ou restauration de fichiers

    La suppression dfinitive dactifs seffectue en deux tapes :

    Vous pouvez galement restaurer un fichier archiv :

    1. Archivez un fichier de votre rpertoire Fichiers Creative Cloud sur votre poste de travail,dans les applications tactiles compatibles avec Creative Cloud ou sur la page ActifsCreative Cloud. Les fichiers archivs sont envoys dans la catgorie Archivs de lasection Mes actifs > Fichiers.

    2. Sur la page Archivs, slectionnez les fichiers liminer et cliquez sur Supprimerdfinitivement.

    3. Dans la bote de dialogue de confirmation, cliquez sur Supprimer dfinitivement.

    1. Sur la page Archivs, slectionnez les fichiers rcuprer et cliquez sur Restaurer.2. Dans la bote de dialogue de confirmation, cliquez sur Restaurer.

    33

    http://idiom-q-win-1/fr/creative-cloud/help/versioning-faq.htmlhttp://idiom-q-win-1/fr/creative-cloud/help/versioning-faq.htmlhttp://assets.adobe.com/http://assets.adobe.com/

  • Haut de la page

    Capacit de stockage dans lapplication de bureauCreative Cloud

    Capacit de stockage sur la page Paramtres

    Remarque :

    Haut de la page

    Solliciter la communaut

    Publiez des messages,discutez avec les autresutilisateurs et faitespartie de notre

    Contact

    Accdez cette pagepour entrer en relationavec nos experts.

    Voir aussi

    Prise en main du serviceActifs Creative CloudPartage de fichiers et dossiers

    Formules et quota de stockage

    Votre quota de stockage dpend de votre abonnement Creative Cloud.

    Formule dabonnement Quota de stockagedisponible

    Gratuite 2 Go

    Creative Cloud (Photographie) 2 Go

    Creative Cloud (Formule mono-applicative ou Packcomplet) 20 Go

    Creative Cloud abonnement quipe 100 Go

    Pour connatre lespace de stockage dont vous disposez, ouvrez longlet Fichiers dans le panneau Actifs delapplication de bureau Creative Cloud ou consultez la section Paramtres de la page Activit Creative Cloud.

    Creative Cloud peut synchroniser jusqu 1 Go dexcdent depuis nimporte quel priphrique. Pass ceseuil, lapplication de bureau arrte de synchroniser les nouveaux fichiers et affiche une notification indiquantque le quota est dpass. Un point dexclamation rouge signale tous les fichiers qui nont pas pu trechargs. Vous pouvez toujours dplacer, renommer ou supprimer des fichiers. Pour que la synchronisationpuisse reprendre, supprimez quelques fichiers de manire dfinitive afin de librer de lespace.

    une petite partie de lespace total est utilise des fins administratives, par consquentlespace de stockage rellement disponible sera lgrement rduit. Cela varie de 100 500 Ko en fonctiondu nombre de fichiers utilisateur.

    Rsolution des problmes

    34

    http://forums.adobe.com/community/creative_cloudhttp://helpx.adobe.com/fr/contact.html?product=creative-cloudhttp://idiom-q-win-1/fr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/fr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/fr/creative-cloud/help/share.htmlhttps://assets.adobe.com/fr/activity

  • Les publications Twitter et Facebook ne sont pas couvertes par les dispositions Creative Commons.

    Mentions lgales | Politique de confidentialit en ligne

    exceptionnellecommunaut.

    Collaboration par partage dedossiersSynchronisation et partage defichiers avec descollaborateurs (vido, 10 min)Etat dAdobe Creative CloudErreur : Impossible desynchroniser les fichiersFAQ sur le contrle desversions

    35

    http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/fr_FR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_frhttp://idiom-q-win-1/fr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/fr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/fr/creative-cloud/how-to/creative-cloud-share-files-collaborate.htmlhttp://idiom-q-win-1/fr/creative-cloud/how-to/creative-cloud-share-files-collaborate.htmlhttp://idiom-q-win-1/fr/creative-cloud/how-to/creative-cloud-share-files-collaborate.htmlhttp://status.creativecloud.com/http://idiom-q-win-1/fr/creative-cloud/kb/arent-my-files-syncing.htmlhttp://idiom-q-win-1/fr/creative-cloud/kb/arent-my-files-syncing.htmlhttp://idiom-q-win-1/fr/creative-cloud/help/versioning-faq.htmlhttp://idiom-q-win-1/fr/creative-cloud/help/versioning-faq.html

  • Ajout de polices depuis Typekit

    Typekit est un service avec abonnement qui permet daccder une immense bibliothque de polices utilisables dans desapplications de bureau et sur des sites web.

    Une formule Typekit Portfolio est incluse dans votre abonnementCreative Cloud. Quant aux titulaires dun abonnement gratuit Creative Cloud, ils ont accs une slection de polices Typekitutilisables sur le web et sur leur poste de travail.

    Abonnez-vous Creative Cloud(formule complte, mono-applicative ou gratuite) ou uneformule Typekit autonome poursynchroniser des polices avecvotre ordinateur de bureau. Pourplus dinformations, reportez-vous la page de prsentation deTypekit et prenez connaissancedes formules Typekit.

    Haut de la page

    Haut de la page

    Depuis lapplication de bureauCreative Cloud :

    Depuis une application avecfonctionnalit Typekit intgre :

    Directement sur le site webTypekit.com :

    Prise en mainRecherche et ajout de polices depuis TypekitUtilisation de polices synchronisesGestion des polices synchronises

    Prise en main

    Vous pouvez choisir une police de caractres cre par lun des nombreux partenaires Typekit, puis lasynchroniser avec votre ordinateur via Creative Cloud (ou lutiliser sur le web). Les polices synchronisespeuvent tre utilises au sein de toutes les applications Creative Cloud, parmi lesquelles Photoshop etInDesign, ainsi que dans dautres applications de bureau telles que MS Word.

    Lapplication de bureau Creative Cloud doit tre installe sur votre ordinateur pour que vous puissiezsynchroniser les polices. Si tel nest pas le cas, vous devez la tlcharger et linstaller. Pour plusdinformations, reportez-vous la page Creative Cloud sur votre bureau.

    Par dfaut, Typekit est activ, afin de pouvoir synchroniser les polices et les rendre disponibles dans vosapplications de bureau.

    ce stade, si vous avez dj slectionn des polices synchroniser dans votre navigateur web, ellescommencent automatiquement se synchroniser avec votre ordinateur.

    Recherche et ajout de polices depuis Typekit

    Vous pouvez accder la bibliothque Typekit depuis plusieurs endroits. Utilisez une ou plusieurs desmthodes suivantes pour intgrer au mieux la slection de nouvelles polices dans votre workflow

    existant.

    36

    http://creative.adobe.com/fr/joinhttps://typekit.com/planshttp://creative.adobe.com/fr/products/typekithttp://creative.adobe.com/fr/products/typekithttp://typekit.com/planshttps://helpx.adobe.com/fr/creative-cloud/help/creative-cloud-desktop.html

  • Dans longlet Polices, cliquez surAjouter des polices depuisTypekit. Une fentre denavigateur souvre et vous tesconnect Typekit.com.

    Dans le menu de polices delapplication, cliquez sur Ajouterdes polices depuis Typekit. Unefentre de navigation souvredirectement dans lapplication.

    laide de votre Adobe ID et devotre mot de passe, connectez-vous Typekit.com.

    Vous pouvez rechercher les polices souhaites ou y accder en utilisant des filtres. La disponibilit dunepolice donne est indique sur sa fiche.

    Disponibilit indique sur la fiche de chaque police

    A. Web et poste de travail B. Web

    Cliquez sur une fiche de police individuelle pour en savoir plus sur la police en question et voir desexemples de caractres dans tous les styles et toutes les paisseurs disponibles.

    37

    https://typekit.com/

  • Cliquez sur Utiliser les polices. Dans la fentre Utiliser cette famille, indiquez lemplacement sur lebureau o vous souhaitez synchroniser la police ou ajoutez-la dans un kit en vue de lutiliser sur le web.

    Slectionnez les styles dont vous avez besoin dans la famille de polices, puis cliquez sur Synchroniserles polices slectionnes.

    Les polices sont synchronises vers tous les ordinateurs sur lesquels vous avez install lapplication CreativeCloud. Pour voir ces polices, ouvrez lapplication Creative Cloud, puis cliquez sur le panneau Polices.

    38

  • Haut de la page

    Utilisation de policesTypekit dansInDesign CC

    Utilisation de policesTypekit dans Premiere

    Utilisation de policesTypekit dansIllustrator CC

    Utilisation de policesTypekit dans After

    Utilisation de policesTypekit dansPhotoshop CC

    Utilisation de polices synchronises

    Pour utiliser les polices que vous avez synchronises, ouvrez simplement lapplication de bureau de votrechoix et accdez au menu de polices. Les polices synchronises apparaissent dans la liste des options.Certaines applications de bureau telles que Microsoft Office peuvent ncessiter un redmarrage aprs lasynchronisation dune nouvelle police.

    Affichage des polices synchronises depuis Typekit dans le menu de polices dInDesign

    Pour plus dinformations sur lutilisation de polices Typekit dans une application Creative Cloud, reportez-vous aux pages suivantes :

    39

    http://idiom-q-win-1/fr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/fr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/fr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/fr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/fr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/fr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/fr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/fr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/fr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/fr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/fr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/fr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/fr/photoshop/using/fonts-typekit.html

  • Pro CC Effects CC

    Haut de la page

    Gestion des polices synchronises

    Vous pouvez afficher les polices synchronises sur votre ordinateur laide du panneau Polices delapplication Adobe Creative Cloud ou partir de votre compte Typekit.com.

    Suppression de polices synchronises

    Pour supprimer des polices synchronises de votre ordinateur :

    1. Dans le panneau Polices dAdobe Creative Cloud, cliquez sur Grer les polices. La pagePolices synchronises souvre dans une fentre de navigateur. Vous pouvez aussi vousconnecter Typekit.com et accder directement la page Polices synchronises.

    2. Sur la droite de toutes les polices que vous ne souhaitez plus utiliser, cliquez surSupprimer.

    Dsactivation de Typekit

    Vous pouvez choisir dactiver ou de dsactiver la synchronisation des polices. Si vous choisissez de ladsactiver, les polices ne sont plus synchronises, et toutes les polices synchronises prcdemment sontsupprimes de votre ordinateur.

    1. Dans lapplication de bureau Creative Cloud, cliquez sur > Prfrences > CreativeCloud.

    2. Cliquez sur Polices.

    3. Pour activer ou dsactiver la synchronisation des polices, slectionnez On ou Off dansles paramtres Typekit.

    Utilisation de Typekit hors ligne

    Si vous passez hors ligne pendant que lapplication Creative Cloud est en cours dexcution et que vous tes

    40

    http://idiom-q-win-1/fr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/fr/after-effects/using/whats-new.html#typekit-desktop-ae

  • Les publications Twitter et Facebook ne sont pas couvertes par les dispositions Creative Commons.

    Mentions lgales | Politique de confidentialit en ligne

    connect, les polices synchronises pourront toujours tre utilises. Toute modification apporte laslection de synchronisation de polices sur Typekit.com ne seffectuera quune fois la connexion rtablie.

    Si vous lancez lapplication Creative Cloud alors que vous tes hors ligne, les polices ne seront pasdisponibles et ne seront pas affiches dans les menus de polices standard.

    Articles connexesSynchronisation de polices sur le bureau | Typekit.comAjout de polices dans les applications de bureau via Creative Cloud

    41

    http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/fr_FR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_frhttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://helpx.adobe.com/fr/creative-cloud/how-to/cc-add-fonts-to-desktop.html

  • Creative Cloud Market

    Haut de la page

    Creative Cloud Market est un ensemble de ressources certifies de haute qualit, mises au point par descratifs, pour des cratifs. Le service est accessible pour tous les titulaires dun abonnement Creative Cloudpayant, lexception des clients ayant opt pour une formule spciale photo. Les membres Creative Cloudpeuvent accder gratuitement aux actifs depuis le portail Market, aussi bien depuis un ordinateur de bureauquun appareil mobile (via les applications connectes Creative Cloud), et faire leur choix parmi une slectionexceptionnelle dillustrations vectorielles, dicnes, de motifs, de kits dinterface utilisateur, et bien plus encore.Chaque mois, un abonn Creative Cloud peut tlcharger jusqu 500 actifs exclusifs et libres de droits. Cenouveau service performant vous permet de trouver trs facilement les ressources quil vous faut, puis de lesamliorer, les manipuler et les modifier afin de lancer votre processus de cration.

    Pour accder Market, vous devez dabord installer lapplication de bureau Creative Cloud ou uneapplication mobile prise en charge telle que Adobe Photoshop Sketch. Pour savoir comment la tlcharger,reportez-vous la page Application de bureau Creative Cloud. Regardez ce bref tutoriel vido pour en savoirplus : Accs aux ressources de conception Creative Cloud Market.

    Recherche et tlchargement de ressources de cration

    Depuis lapplication de bureau Creative Cloud, vous pouvez accder des milliers dactifs de haute qualit.Cliquez sur Actifs > Market. Vous pouvez galement dvelopper la liste droulante pour effectuer unerecherche par catgorie, ou bien lancer une recherche par mots-cls pour trouver les actifs les mieuxadapts votre projet.

    1. Dans lapplication de bureau Creative Cloud, cliquez sur Actifs > Market.

    2. Creative Cloud Market comprend une slection de ressources certifies de haute qualit,couvrant les catgories suivantes :

    Pour positionnement : modles photo et numriques avec calques organiss etmasquage professionnel (fichiers PSD)Interfaces utilisateur : fichiers PSD avec calques, comprenant des kits complets,des formulaires, des graphiques, des lments de navigation et des widgets pour leweb et les appareils mobiles (fichiers PSD)Formes vectorielles : formes et objets volutifs qui sintgrent Photoshop,InDesign et Illustrator (fichiers SVG)Icnes : srie de symboles plats, en 3D, de glyphes et de contours destins limpression, au web et la signalisation (fichiers PNG/SVG)Motifs : motifs et arrire-plans gomtriques, illustrs et texturs qui se rptent linfini (fichiers PNG/SVG)Formes : supports naturels de haute qualit et formes Photoshop abstraites(fichiers ABR/TPL)

    Pour filtrer les actifs, slectionnez une catgorie dans le menu contextuel Market.

    42

    https://helpx.adobe.com/fr/creative-cloud/help/creative-cloud-desktop.html

  • 3. Pour rechercher des actifs en particulier, cliquez sur et entrez un terme de recherche.

    Vous pouvez filtrer et trier les rsultats de la recherche.

    4. Cliquez sur la vignette dun actif pour obtenir des informations complmentaires et desdtails son sujet.

    5. Cliquez sur Tlcharger et choisissez une bibliothque dans laquelle tlcharger lactif.Vous pouvez galement crer une nouvelle bibliothque. Pour plus dinformations,reportez-vous la section Bibliothques Creative Cloud.

    En plus de la bibliothque, les actifs sont galement tlchargs automatiquement dans

    43

  • Haut de la page

    le sous-dossier Tlchargements Market de votre dossier principal Creative Cloud Files.

    FAQ

    Comment bnficier de Creative Cloud Market ?

    Creative Cloud Market est accessible pour tous les titulaires dun abonnement Creative Cloud payant, lexception des clients ayant opt pour une formule spciale photo (Photographie Photoshop ouPhotographie Creative Cloud). Pendant une priode limite, Adobe Creative Cloud Market est accessiblepour tous les membres de Creative Cloud par le biais de lapplication Adobe Sketch pour iPad. Lestitulaires dun abonnement Creative Cloud gratuit ou dune formule spciale photo peuvent parcourirMarket via lapplication de bureau Creative Cloud mais ne peuvent pas tlcharger son contenu. Pourtlcharger et utiliser le contenu de Creative Cloud Market, passez une formule suprieure avec unabonnement mono-applicatif ou complet Creative Cloud.

    Pourquoi les clients ayant souscrit un abonnement spcial photo nont-ils pas accs CreativeCloud Market ?

    Creative Cloud Market est un nouvel avantage disponible dans le cadre de certains abonnementsCreative Cloud payants ; il nest pas accessible aux clients ayant opt pour une formule spciale photo.Certains services Creative Cloud, tels que Creative Cloud Market, TypeKit et ProSite, sont uniquementdisponibles dans le cadre des abonnements mono-applicatifs ou complets Creative Cloud. Pourtlcharger et utiliser le contenu de Creative Cloud Market, passez une formule suprieure avec unabonnement mono-applicatif ou complet Creative Cloud.

    Dois-je imprativement disposer dun abonnement Creative Cloud ?

    Creative Cloud Market est accessible pour tous les titulaires dun abonnement Creative Cloud payant.Cela concerne aussi bien les titulaires dun abonnement mono-applicatif que complet (quelle que soit laformule : utilisateur individuel, quipe, ducation ou Entreprise). Pour accder Creative Cloud Market,les utilisateurs doivent passer par lapplication de bureau Creative Cloud.

    Les titulaires dune formule Creative Cloud spciale photo ne peuvent pas du tout accder Market vialapplication de bureau Creative Cloud. Les titulaires dun abonnement gratuit peuvent parcourir les actifsMarket via lapplication de bureau Creative Cloud mais ne peuvent pas les tlcharger.

    Les actifs tlchargs sont-ils comptabiliss dans mon quota de stockage ?

    Oui. Les actifs tlchargs sont stocks dans votre dossier Creative Cloud Files et sont comptabilissdans votre capacit de stockage. Si vous dpassez le quota fix, vous ne pourrez plus tlcharger aucunactif tant que vous naurez pas supprim danciens fichiers pour librer un peu despace. Reportez-vous

    44

    http://sketch.adobe.com/frhttps://creative.adobe.com/fr/planshttps://creative.adobe.com/fr/plans

  • Les publications Twitter et Facebook ne sont pas couvertes par les dispositions Creative Commons.

    Mentions lgales | Politique de confidentialit en ligne

    la page Gestion et synchronisation des fichiers.

    Puis-je utiliser ces actifs dans mes projets ?

    Oui. Ces actifs exclusifs et libres de droits sont utilisables au sein de vos projets.

    Puis-je copier ou sauvegarder ces actifs afin de les rutiliser ultrieurement ?

    Oui, vous pouvez effectuer une sauvegarde des actifs tlchargs depuis Creative Cloud Market en vuedune utilisation ultrieure.

    Aprs avoir tlcharg des actifs, puis-je les partager ?

    Non. Mme si les actifs sont libres de droits pour tous les abonns Creative Cloud ligibles qui peuventles utiliser dans leurs publications, productions et projets, il nest pas possible de les partager ni de lesredistribuer.

    Comment Adobe obtient-elle le contenu propos sur Creative Cloud Market ?

    Adobe se procure ce contenu auprs des meilleurs cratifs du secteur directement sur Behance, premireplate-forme en ligne gratuite pour la prsentation et la dcouverte de projets cratifs.

    Comment faire pour que mes travaux soient proposs dans Creative Cloud Market ?

    Pour attirer lattention sur leur travail, Adobe recommande tous les artistes potentiels de publier leurscrations sur Behance. Adobe recherche constamment de nouvelles uvres sur Behance avant de lescertifier.

    45

    http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/fr_FR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_frhttp://idiom-q-win-1/fr/creative-cloud/help/sync-files.htmlhttp://www.behance.net/

  • Creative Cloud Extract

    Utilisez le module Extraction Creative Cloud pour transformer encore plus facilementvos conceptions Photoshop en code. Avec Extraction, les designers et dveloppeursWeb peuvent convertir des conceptions Web en code exploitable et ce, de manirebien plus simple et plus efficace.

    Les compositions Photoshop sont couramment utilise