On peut ajouter de l'interactivité à chaque élément d'une composition Edge Animate, soit via un curseur, soit via une action (click, touch, etc.) et renseigner le code choisi (ouvrir une URL, rejouer la scène…).

Edge Animate est un outil dédié à la création d'animation HTML5, CSS3, JavaScript. Procédons ici à un petit tour d'horizon à l'appui de différents exemples de réalisations que vous pourrez retrouver sur le site html.adobe.com.

Vos animations sont prêtes, préparez l'affiche (l'image fixe la plus représentative) et insérez tout simplement votre rendu sous InDesign.

Au-delà des polices web-safe, de type Arial ou Times, Edge Animate nous donne accès à une multitude d'options pour enrichir nos compositions, depuis des typos libres et gratuites, téléchargeables ou encore sous abonnement.

Toute la partie compression des images se fait en amont de Edge (via Photoshop et Enregistrer pour le web).

Quoique sommaire, l'outil Texte permettra de placer des contenus de texte simples.

Les symboles permettent d'associer et de réutiliser plusieurs éléments. Ils simplifient le scénario de base et centralisent les actions et les animations.

La manipulation des éléments sur ma scène est très instinctive : sélectionner un objet, ou entrer dans un symbole, appliquer des transformations, ou écrêter (masquer) une partie de mon objet, je peux tout modifier et animer à souhait.

Puisqu'il s'agit ici d'animer, nous disposons ici d'une vue efficace et colorée, calée sur la grille de temps, avec la punaise de verrouillage et les transitions.

Au choix, via le menu Fichier/Importer, ou par glissement depuis le bureau, Edge génère automatiquement une copie dans le répertoire de ma scène.

Regardons ici rapidement comment réaliser une animation simple dans Edge Animate, à base d'images, de web fontes, de sa création à sa publication.

Le formateur Jean-Luc Delon vous montre comment publier une animation HTML5 avec Adobe Flash CS6.

Une comparaison technique des outils et frameworks d'animation interactive pour les standards du web, DOM et canvas. Cette session s'adresse aux développeurs web et aux web designers et motion designers disposant de bonnes connaissances en JavaScript. Outils utilisés : Edge Animate, Flash Pro CS6, Brackets.

Voyez les notions de structuration et de sémantique des contenus avec le formateur Birnou Sébarte afin de mieux appréhender un des avantages de l'utilisation du HTML5 dans Adobe Dreamweaver CS6.

Quels choix de standards pour la diffusion de contenu interactif ? HTML5, standard web pour la publication et Flash, pour le gaming et la vidéo, quelle réalité pour les créateurs de contenu?

Pendant cette session, nous présenterons les nouveautés à venir côté Flash, avant de passer à la partie HTML5 et standards du web. Au programme : une comparaison entre Edge et createJS, la présentation d’un projet jQuery Mobile et PhoneGap ainsi qu’un focus sur le débuggage multi-écrans avec Adobe Shadow.

Edge est un nouveau logiciel Adobe qui permet la création d'animations et d'interactions en utilisant HTML5, les CCS3 et JavaScript. Découvrez ici le flux de travail entre Dreamweaver et Adobe Edge.

HTML5 nous permet d'utiliser la balise vidéo et il n'est plus nécessaire de recourir à un plug-in par exemple. L'inconvénient est qu'il faut publier la vidéo sous trois formats différents pour qu'elle soit lue par tous les navigateurs.

Dans l'éditeur de code, l'outil d'aide à l'écriture a été complété par des librairies CSS3, HTML, et jQuery. Le DOM non plus n'a été épargné... Ce qui fait qu'avec les améliorations apportées à la gestion PHP de la version antérieure de Dreamweaver, l'éditeur de code devient réellement performant.

La nouvelle formule d'abonnement d'Adobe vous permet de profiter des dernières fonctionnalités de Creative Suite moyennant des mensualités modiques. Découvrez à quel point il est simple d'acheter, d'utiliser et de gérer votre produit par abonnement.

Loic Calvy d’Aegis, Martin Vialle de Bakelite, Thomas Ciszewski de Dagobert et David Deraedt d'Adobe ont partagé leurs point de vue lors de cette table ronde animée par Benjamin Vincent.

Robert Raiola de Brightcove, Frédéric Cavazza, Julien Terraz de Digitas, ainsi que Michael Chaize d'Adobe ont partagé leurs point de vue lors de cette table ronde animée par Benjamin Vincent.

Michael Chaize présente le développement d'applications mobiles avec Flex 4.5 : philosophie de Flex 4.5, développement d'une application Flex mobile, démonstration d'applications Flex sur Ipad

David Deraedt présente le développement d'applications mobiles en pur AS3 : création de projet mobile, test sur les différents équipements mobiles et API tactiles et démonstration des performances.

Thibault Imbert fait le point sur les nouveautés : Flash Player 10.2 et Stage Video, les runtimes sur les mobiles, Flash Player "next" et le futur du profiling.

Chef de produit Adobe, Richard Galvan nous présente les nouveautés d'Adobe Creative Suite 5.5.

Explorez les nouveaux processus de création de contenus pour le web et les terminaux mobiles. Apprenez à élaborer des applications et sites web standard ainsi que des contenus numériques captivants et à les diffuser sur les postes de travail, les smartphones, les tablettes et les téléviseurs avec Creative Suite Web Premium 5.5. Produisez du contenu avec HTML5 et CSS3 et le framework jQuery Mobile. Ciblez diverses plates-formes, dont Android™, iOS, Blackberry RIM et Adobe AIR®.

Visite guidée de Design Premium

Dans ce didacticiel sur Adobe Dreamweaver CS5.5, Greg Rewis explique comment utiliser HTML5 pour créer facilement des sites web adaptés aussi bien aux ordinateurs qu'aux terminaux mobiles.

Dans cette vidéo, Terry White montre comment les améliorations de Dreamweaver CS5.5 facilitent la création de sites web basés sur HTML5 et CSS3. Grâce aux indicateurs de code, au remplissage automatique du code, à l'affichage en direct et au panneau CSS optimisés, la conception et le développement de sites sophistiqués s'exécutant parfaitement sur ordinateur, tablette et smartphone n'ont jamais été aussi simples.

Dans cette vidéo, Terry White présente toutes les nouveautés d'InDesign CS5.5 : texte lié, panneau Articles, possibilité d'incorporer du contenu audio et vidéo, etc. Autant de fonctions qui rendront vos livres électroniques plus engageants que jamais !

Dans cette vidéo, Terry White montre comment créer des magazines numériques captivants pour les tablettes à l'aide d'InDesign CS5.5. Découvrez les remarquables interactions que vous pouvez ajouter dans vos publications, telles que les séquences d'images et la possibilité d'effectuer un panoramique ou de zoomer sur le contenu, et apprenez à tester vos créations sur votre poste de travail avec Adobe Content Viewer.

Dans cet épisode nous allons voir comment faire en sorte que nos vidéos sur le web soient visibles par un maximum de gens grâce à une utilisation combinée de Flash et de HTML5.

Scott Fegette, chef de produit Dreamweaver, présente de nouvelles fonctionnalités HTML5 et CSS3 de la version 11.03 qui sauront vous séduire.

Avec le HTML5 et les CCS3, on peut aujourd’hui spécifier qu'une feuille s'applique à une taille d’écran donnée, ce qui est particulièrement utile pour optimiser son site sur les smartphones et autres tablettes. Dans cet épisode, nous allons voir comment Dreamweaver CS5, au travers de l’extension HTML5, nous permet d’effectuer ce travail.

Lors de la création d'un document avec l'éditeur HTML, Dreamweaver CS5 nous propose le choix entre diverses versions du HTML, y compris le tout nouveau HTML5.