Résumé des nouvelles fonctions

Insertion de vidéo et d’audio HTML5

Vous pouvez insérer de la vidéo et de l’audio HTML5 dans des pages web à l’aide de Dreamweaver. Les éléments vidéo et audio dans HTML5 spécifient une méthode standard d’incorporation et d’affichage de la vidéo et l’audio sur une page web.

Pour en savoir plus sur l’insertion de vidéos HTML5, reportez-vous à la section Insertion de vidéos HTML5.

Pour en savoir plus sur l’insertion de contenus audio HTML5, reportez-vous à la section Insertion de contenus audio HTML5.

Insertion d’éléments sémantiques HTML5 depuis le panneau Insertion

Sélectionnez Mise en forme dans le panneau Insertion (Fenêtre > Insertion) pour obtenir la liste des éléments sémantiques que vous pouvez insérer dans votre mise en page HTML5. Pour modifier les propriétés des éléments sémantiques insérés, sélectionnez un élément, puis modifiez ses propriétés dans le panneau Propriétés.

Vous pouvez également utiliser le menu Insertion (Insertion > Mise en forme) pour insérer des balises sémantiques.

Les sept nouvelles balises de sémantique pour cette version sont Article, Aside, HGroup, Navigation, Section, Header et Footer.

Vous trouverez un tutoriel sur l’utilisation de balises sémantiques pour la mise en page dans l’article de blog (en anglais) de Jennifer Marsman intitulé Semantic Markup and Page Layout.

Le tutoriel (en anglais) HTML5 Semantics in Dreamweaver CS5.5 explique l’utilité des éléments sémantiques HTML5 sous Dreamweaver CS 5.5.

Importation de compositions Adobe Edge Animate

Remarque :

À compter de novembre 2015, Edge Animate n’est plus activement développé. Pour plus d’informations, reportez-vous à la section Gamme de produits Edge | Fin de développement.

Vous pouvez importer des compositions Adobe Edge Animate (fichiers OAM) sous Dreamweaver. La composition est placée à l’emplacement du curseur.

Par défaut, Dreamweaver place le contenu extrait du fichier OAM dans un dossier nommé edgeanimate_assets. Vous pouvez modifier l’emplacement par défaut dans la boîte de dialogue Configuration du site.

Pour en savoir plus, reportez-vous à la section Importation de compositions Edge Animate.

Prise en charge de l’élément HTML5 Canvas

L’élément Canvas dans HTML5 est un conteneur destiné aux graphiques générés dynamiquement. Ces graphiques sont créés en cours d’exécution à l’aide d’un langage de script tel que JavaScript. Pour en savoir plus, consultez l’article HTML5 Canvas (en anglais).

L’élément Canvas possède les attributs ID, hauteur et poids.

  • Pour localiser l’élément Canvas, sélectionnez Insertion > Canvas. Vous pouvez aussi ouvrir le panneau Insertion (Fenêtre > Insertion), puis sélectionner Commun dans le menu.
  • Pour modifier les propriétés de l’élément Canvas, sélectionnez l’élément et modifiez ses propriétés dans le panneau Propriétés.

Améliorations de la prise en charge des éléments de formulaire dans HTML5

Dans le cadre de la prise en charge de HTML5, de nouveaux attributs ont été ajoutés au panneau Propriétés pour éléments de formulaire. En outre, quatre nouveaux éléments de formulaire (E-mail, search, telephone, URL) ont été introduits dans la section Formulaires du panneau Insertion.

Pour en savoir plus, reportez-vous à la section Prise en charge améliorée de HTML5 pour les objets de formulaire.

Recherche en direct (Mac OS)

La fonction de recherche en direct permet de localiser des fichiers en fonction de leur nom ou de texte qu’ils contiennent. Le site sélectionné dans le panneau Fichiers est utilisé pour la recherche.

La recherche en direct utilise l’API Spotlight dans Mac OS. Toute personnalisation que vous appliquez aux préférences de Spotlight est également utilisée pour la recherche en direct. Spotlight affiche tous les fichiers de votre ordinateur qui correspondent à votre requête de recherche. La fonction de recherche en direct cherche les fichiers dans le dossier racine du site sélectionné dans le panneau Fichiers.

Pour en savoir plus, reportez-vous à la section Recherche de fichiers sur la base de leur nom ou de leur contenu

Améliorations de FTP

Transférer automatiquement des fichiers vers le serveur lors de l’enregistrement

Cette option permet de télécharger les fichiers sur le serveur, même si un processus d’envoi ou de téléchargement parallèle est en cours d’exécution pendant l’opération d’enregistrement. Certains problèmes avec cette fonctionnalité dans la version précédente ont été corrigés afin de la rendre transparente.

Continuer à travailler sous Dreamweaver pendant le téléchargement du site Business Catalyst

La sélection de l’option Transférer automatiquement des fichiers vers le serveur lors de l’enregistrement n’interrompt pas votre travail dans Dreamweaver pendant le téléchargement du site Business Catalyst.

Améliorations apportées à la boîte de dialogue Mot de passe Adobe ID

L’Adobe ID que vous avez sélectionné lors de l’installation est affiché dans cette boîte de dialogue. Des options vous permettent d’enregistrer votre mot de passe et de récupérer des mots de passe oubliés.

Boîte de dialogue Mot de passe Adobe ID
Boîte de dialogue Mot de passe Adobe ID

Améliorations apportées à la gestion des polices

La liste des polices dans le menu Police a été classée sur la base des polices système et des polices Web. Les polices système sont répertoriées en premier dans le menu.

  • La boîte de dialogue Gestionnaire des polices Web (Modifier > Polices Web) a été renommée Valise de polices Web. Vous pouvez utiliser la Valise de polices Web pour ajouter des polices Web à la liste des polices.
  • Le bouton Ajouter des polices a été renommé Ajouter une police locale.
  • Des icônes distinctes permettent de distinguer aisément les polices système et les polices Web.
Boîte de dialogue Valise de polices Web
Boîte de dialogue Valise de polices Web

Icônes distinctes pour les polices système et les polices Web
Icônes distinctes pour les polices système et les polices Web

Menu Insertion réorganisé

Les options du panneau Insertion et du menu Insertion ont été réorganisées. Pour en savoir plus, reportez-vous à la section Modifications des options d’insertion | Creative Cloud.

Logo Adobe

Accéder à votre compte