L'intégration native de l'affichage multi-écrans permet de visualiser directement le rendu qu'obtiendrait les principaux supports tels que les téléphones, les tablettes ou encore les moniteurs.

Dreamweaver CS5.5 met à jour son moteur de rendu interne. La nouvelle version de webkit permet d'obtenir un rendu équivalent à un Safari 4.0.2, 4.0.3.

Dreamweaver CS5.5 est loin d'être une version intermédiaire corrigeant des bugs. Bien au contraire, des améliorations majeures ont été apportées à l'application.

Dans son approche du développement d'applications mobiles, Dreamweaver CS5.5 intègre la plus célèbre des librairies JavaScript pour mobile : jQuery Mobile. Nous allons voir avec quelle simplicité il est possible de mettre en place quelques pages et leur contenu en se basant sur du glisser-déposer pour ensuite visualiser le tout dans un émulateur Android.

La prise en compte des CSS3 par le moteur de rendu de Dreamweaver CS5.5 nous permet désormais de visualiser directement bien des propriétés sans devoir quitter Dreamweaver. Bien sûr il faut encore que les navigateurs interprètent les CSS3.

La série de protocoles disponibles dans le client FTP de Dreamweaver s'est complétée de deux protocoles SSL explicite et implicite qui manquaient lors de connections sécurisées.

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®.

Dans ce didacticiel sur Adobe Dreamweaver CS5.5, Greg Rewis présente la nouvelle prise en charge CSS3 et explique comment utiliser cette spécification pour améliorer vos sites et vos projets.

Dans ce didacticiel, Greg Rewis, spécialiste mondial du web chez Adobe, explique comment incorporer une vidéo sur le web. Il décrit en outre les formats vidéo pris en charge par chaque navigateur et le codage à utiliser pour garantir une lecture via l'ensemble des navigateurs récents.

Cette vidéo montre comment configurer un site Dreamweaver CS5.5 pour créer une application mobile native à l'aide du framework PhoneGap et comment publier des applications natives sophistiquées pour iOS et Android sans avoir à se former à de nouveaux langages ou outils.

Dans Dreamweaver CS5.5, l'ancien programme de validation a été remplacé par la nouvelle fonction de validation W3C en direct. Cette vidéo montre comment obtenir immédiatement les résultats du service de validation de W3C, directement depuis Dreamweaver CS5.5.

Maintenant que la plupart des navigateurs modernes prennent en charge le standard CSS3, concepteurs et développeurs peuvent créer des effets à fort impact visuel, tels que des angles arrondis, des dégradés, des opacités et des ombres, sans utiliser de fichiers d'image. Cette vidéo présente la prise en charge CSS3 étendue de Dreamweaver CS5.5 et vous montre comment en tirer parti pour améliorer vos sites et projets.

Dreamweaver CS5.5 offre de nombreuses nouveautés et améliorations pour vous aider à créer rapidement des interfaces pour terminaux mobiles à partir de vos sites, applications et projets existants, et à développer facilement des sites et applications pour les terminaux mobiles. Découvrons tout cela ensemble !

Dans cette vidéo, Scott Fegette, chef de produit, présente rapidement les nouvelles fonctionnalités de création multi-écran, le framework jQuery Mobile et les fonctionnalités de développement d'applications mobiles natives de Dreamweaver CS5.5.

Basé sur le célère framework jQuery JavaScript, jQuery Mobile permet aux concepteurs et développeurs web de créer des interfaces d'applications mobiles de manière rapide et homogène. Cette vidéo montre comment Dreamweaver CS5.5 prend en charge les projets jQuery Mobile.

Dans cette vidéo, Greg Rewis aborde la prise en charge des projets jQuery Mobile dans Dreamweaver CS5.5. Extension du très répandu framework JavaScript jQuery, jQuery Mobile permet aux concepteurs et développeurs web d'élaborer des interfaces pour applications mobiles de manière rapide et cohérente.

Greg Rewis présente le gestionnaire des requêtes de média avancé, qui permet d'ajouter ou de créer des fichiers CSS pour chaque taille d'écran souhaitée.

Dans cette vidéo, Greg Rewis présente les nouveaux indicateurs de code jQuery de Dreamweaver CS5.5 qui aideront professionnels et amateurs à élaborer en un rien de temps des projets reposant sur jQuery.

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, Greg Rewis explique comment configurer un site Dreamweaver CS5.5 pour créer une application mobile native via le célèbre framework PhoneGap et la diffuser sur les plates-formes iOS et Android sans avoir à maîtriser de nouveaux langages ou outils.

Eléments de division en bloc ou en ligne, les balises

Nous allons explorer les fonctionnalités du client FTP de Dreamweaver et nous verrons comment gérer un affichage indirect et une navigation avancée. Dans cette vidéo, nous ferons également nos premiers pas avec l’aide en ligne : InContext Editing.

Commençons dans ce premier chapitre par découvrir l’interface de Dreamweaver. Cette interface est conviviale et adaptable aux besoins de chacun. Les environnements de travail offrent confort et souplesse pour gérer aux mieux les pages HTML et optimiser au maximum le flux de production avec l'éditeur HTML, Dreamweaver.

Imaginons que Dreamweaver ne propose pas un outil ou une particularité dont vous avez besoin. Vous pouvez alors faire un tour du côté d'Adobe.com/exchange où un grand nombre d'extensions qui permettent d'étendre les capacités de Dreamweaver sont disponibles. Dans cette vidéo, nous allons, par exemple, installer un générateur de faux texte.

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.

Les fragments de code (snippets) apparus dans Flash CS5 permettent de gagner en productivité, à condition de respecter certaines bonnes pratiques. Ce sont ces pratiques dont nous allons discuter dans ce nouvel épisode.

Cet épisode montre comment utiliser un plug-in de Photoshop pour récupérer les successions de tâches effectuées sous forme de JavaScript et ainsi rendre notre panneau Configurator autonome des Scripts (Actions en anglais). Nous verrons aussi comment accéder à ses JavaScripts plus rapidement dans Photoshop. 

Dans cet épisode, nous allons voir comment Device Central nous aide à simuler l'exécution de nos contenus web sur un grand nombre d'appareils, en particulier les smartphones et les tablettes.

Lorsque l'on parle de livre électronique, on parle principalement de deux formats : le PDF et l'ePub. InDesign permet de générer les deux, mais dans cet épisode, nous allons nous concentrer sur la création et l'enrichissement d'un ePub, dont la base est du HTML/CSS.

Photoshop regorge de fonctions, panneaux et outils. S'il est possible de mémoriser des Espaces de travail et d'apprendre/personnaliser des raccourcis pour atteindre plus rapidement les fonctions souhaitées, il serait plus intéressant de pouvoir centraliser ses outils dans un panneau personnalisé afin de gagner en productivité. Nul besoin pour cela d'être développeur, car Configurator (application gratuite) permet de créer un tel panneau de manière simple et intuitive.

Les fonctionnalités de suppression peuvent surprendre car la suppression est directe et sans appel. Il va falloir intégrer cette particularité à notre flux de travail et ainsi mettre en place une page de validation intermédiaire. Nous en profiterons pour présenter une alternative sous forme d'extension.

Dreamweaver CS5 améliore l'affichage en direct (LiveView) et le promeut au rang de véritable navigateur intégré. BrowserLab permet de tester le rendu des pages HTML entre différents navigateurs et systèmes d'exploitation à distance, via une application en ligne. Dans cet épisode, nous verrons le cadre d'application de ces deux fonctionnalités.

Le nouveau modèle d'animation apparu dans Flash Professional CS4 est encore relativement sous exploité par ses utilisateurs. En effet, au regard des habitudes induites par l'ancien modèle, certaines fonctions semblent manquer. Après un bref rappel de l'ancien modèle, nous ferons donc le tour du nouveau et nous verrons de la manière de l'aborder.

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.

Dans cette vidéo, nous allons rapidement présenter le principe de fonctionnement d’InContext Editing : les diverses étapes qui constituent sa mise en place et son déploiement sur un site existant.

Certains effets graphiques peuvent nécessiter des ressources importantes (filtres, modes de fusion). Dans de nombreuses situations, l’utilisation de la vidéo peut s’avérer plus intéressante. Cet épisode est aussi un clin d’œil à Thibault qui fait ici sa dernière apparition.

Dreamweaver n'intègre pas la gestion d'envoi de fichiers binaires côté serveur (images, documents PDF, documents Word…). Pour gérer cela, il faut avoir recours à des extensions tierces. Il est facile d'en trouver sur le site d’exchange et nous verrons pourquoi une telle fonctionnalité ne peut être prise à la légère.

En tant que developer ou designer utilisant Flash, il existe des règles simples d’optimisation permettant d’améliorer les performances et optimiser les ressources utilisées par une application. Dans cet épisode, nous découvrons quelques-unes de ces techniques.

Dans cette vidéo, nous allons utiliser et révéler une vieille fonctionnalité parfois sous-exploitée dans Dreamweaver. Cependant, bien que nous ne l'utilisions pas, c'est grâce à elle que l'ensemble de nos sites se synchronisent ou encore que Dreamweaver utilise les outils externes pour modifier les images avec les fichiers source : les design notes.

Hormis la véracité, l'intérêt et la valeur ajoutée aux informations contenues dans nos sites web, un des principaux points négatifs qui ressort des retours utilisateurs concerne les fautes d'orthographe. Si le contenu du site a été rédigé dans Dreamweaver, il est important de lancer une mécanique d'aide à la correction.

Autres éléments incontournables de nos interfaces web, les menus accordéons permettent de jouer avec l'affichage et le masquage de certains contenus. Nous définirons diverses manières d'intervenir sur les CSS qui mettent en forme les menus accordéons.

Un autre aspect de l'utilisation d'images reste l'utilisation d'images interactives ou d’images de survol. Nous allons voir que Dreamweaver propose trois alternatives pour cette manipulation.

Depuis toujours le format FLA était un format propriétaire fermé et binaire, il était donc courant de véroler un fichier FLA et il était impossible de voir les éléments qui composent le projet sans ouvrir le fichier FLA. Désormais avec Flash CS5, le FLA est un répertoire zippé qui contient une description du projet au format XML ainsi que tous les éléments qui composent le projet. Nous verrons dans cet épisode l’intérêt de ce nouveau format en production.

La palette des Etats, la plus complexe et la plus puissante de Fireworks, permet d'intervenir sur divers aspects d'un même objet dans le temps. Elle peut être très utile pour créer des animations comme pour créer divers états d'un élément interactif.

Adobe Creative Suite 5 Design Premium vous permet de simplifier les tâches courantes de création et de production grâce aux nouvelles versions riches en fonctionnalités de Photoshop, Illustrator, InDesign, Dreamweaver et Flash Professional. Élargissez la portée de votre travail en créant du contenu interactif avec Flash Catalyst — sans écrire une seule ligne de code.

Lors d’un clic droit sur un SWF, des informations relatives au Flash Player apparaissent. On peut personnaliser une partie de cette zone pour donner accès à des options contextuelles concernant la navigation ou la situation.

Il existe d’autres balises HTML importantes : les éléments de liste dans l'éditeur HTML Dreamweaver CS5. Il y a les listes ordonnées, les listes désordonnées et les listes de définitions. Pour chaque liste, nous allons explorer sa mise en place, son intérêt et son utilisation.

En regardant cette vidéo, vous allez vous familiariser avec la manipulation des palettes, des panneaux et des autres onglets. Nous allons explorer l'ensemble des menus contextuels et mettre en place un espace de travail personnalisé.

Deux des principales complexités liées à l'utilisation des CSS concernent le CSS-P ou encore le positionnement par CSS. Nous allons donc revoir ensemble les principales méthodes qui nous permettent de positionner les éléments de la page.

Dreamweaver nous offre un outil très avancé pour nous permettre de créer, maintenir et gérer les feuilles de style CSS. Même si nous allons explorer les principales fonctionnalités de cet outil, nous ne pouvons être exhaustifs

Dans cette vidéo, nous allons voir le principe et l'utilisation des feuilles de style. Il existe diverses façons de les intégrer au contenu de nos pages. Nous allons explorer les avantages et les inconvénients de chaque méthode.

Dans cette vidéo, nous allons explorer les diverses possibilités de liaison que propose HTML, notamment au niveau des ancres et des liens (liens hypertexte, de messagerie, vers des fichiers, etc.) avec l'éditeur HTML, Dreamweaver CS5.

Afin de gérer l'ensemble des éléments (modèles, éléments de librairie, images, animations Flash ou multimédia, couleurs, liens), une palette est nécessaire. Dreamweaver répond à cette attente en nous proposant sa fameuse palette des actifs.

Nous allons regarder de plus près les divers marqueurs de texte. Une bonne connaissance des diverses balises permet de cibler au mieux le contenu et d'éviter de tomber dans une classite aigüe.

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.

Afin de travailler sur la gestion d'un site avec Dreamweaver, il faut toujours commencer par paramétrer la configuration du site. Dreamweaver CS5 propose une nouvelle approche que nous allons découvrir en partie dans cette vidéo.

Dans cette vidéo, nous allons voir comment marier des images de contenu et des images d'illustration. Pour ce faire, nous allons créer une galerie d'images sous forme de planche contact ou de table lumineuse.

Cette vidéo vous permettra de découvrir l'ensemble des améliorations apportées à l'éditeur de code de Dreamweaver CS5.

Cette vidéo présente les nouvelles fonctionnalités CSS proposées par Dreamweaver CS5, comme le mode d'inspection, l'activation / désactivation des descriptions et les nouveaux modèles d'affichage de page lors de la création d'un document.

Ce tutoriel guide l'utilisateur dans le paramétrage de l'utilisation d'un serveur Subversion depuis le client installé dans Dreamweaver. Vous verrez entre autres les principes d'utilisation et d'archivage des fichiers.

Cette vidéo montre comment un concepteur web peut réaliser un test multi-plateforme en générant des captures d'écran d'une page donnée depuis une sélection de différents navigateurs et systèmes.

Cette vidéo met en évidence les améliorations de la gestion et de l'utilisation de l'affichage dynamique : la recherche des documents apparentés, ainsi que la navigation et l'activation des liens de la page en mode Affichage en direct.

Dreamweaver est un outil à multiples facettes qui permet d’intervenir sur chacun des langages qui composent le web. Il est très simple et très souple de pouvoir modifier ou composer l’ensemble des documents d’un site grâce à Dreamweaver CS5.

Cette vidéo guide pas à pas l'utilisateur dans la découverte de la nouvelle interface de l'outil de gestion de site. Le formateur détaille le paramétrage d'une connexion FTP et la signification de certaines informations comme l'URL web, entre autres.

Vidéo d'introduction : Creative Suite 5 est là !

Découvrez les prouesses créatives réalisées lors de la Battle Graphique qui a opposé 2 équipes de talent pendant la conférence de lancement CS5.

Le spécialiste Adobe, Greg Rewis, présente de nouvelles fonctionnalités performantes, conçues pour les développeurs et concepteurs web, notamment dans Flash Professional CS5, Dreamweaver CS5, Flash Builder 4 et Flash Catalyst CS5

Adobe BrowserLab est un service en ligne extrêmement simple d'utilisation. À l'aide de BrowserLab, prévisualisez vos pages web (statiques et interactives) sans avoir à lancer une machine virtuelle ou utiliser un autre poste.

Découvrez les 3 nouvelles fonctions essentielles de Dreamweaver CS5 : les fichiers associés dynamiquement, la navigation en mode Affichage, et les perfectionnements des feuilles de style CSS, mode Inspection, activation/désactivation des styles CSS.

Adobe BrowserLab est un service en ligne extrêmement simple d'utilisation. À l'aide de BrowserLab, prévisualisez vos pages web (statiques et interactives) sans avoir à lancer une machine virtuelle ou utiliser un autre poste.

Découvrez les 3 nouvelles fonctions essentielles de Dreamweaver CS5 : les fichiers associés dynamiquement, la navigation en mode Affichage, et les perfectionnements des feuilles de style CSS, mode Inspection, activation/désactivation des styles CSS.

Mettez facilement en place un ensemble de données Spry en quelques étapes. Vous pouvez intégrer à la fois des ensembles de données HTML et XML, avec l'éditeur HTML, Dreamweaver CS5.