La formation complète sur Adobe Dreamweaver CS5

Il est difficile d’aborder Dreamweaver sans reprendre les bases des deux principaux langages qui composent les pages web : le HTML pour la structuration du contenu et les CSS pour la mise en forme de ce contenu. Une grande partie leur est donc dédiée, toujours dans le but d’améliorer le référencement, l’accessibilité et la pérennité de nos contenus.

Le cœur de cette formation vidéo sur Adobe Dreamweaver CS5 se veut à la fois basique et global. Basique, sans pour autant tomber dans le piège de l'exploration séparée de chaque outil, et global afin de donner un sens à la cohésion de tous ces outils entre eux, en évitant néanmoins une exhaustivité lassante et inutile. À partir de cette base, nous mettrons en place le développement d’un site web. Ce site doit respecter les standards du web, être évolutif, facile à mettre à jour et proche des technologies rencontrées. Il doit également utiliser l’ensemble des agences.

L'idée force, s'agissant des technologies et donc indirectement des langages, reste de ne pas saisir de code à la main, mais au contraire d’utiliser les outils d’aide à la création mis à disposition par Dreamweaver. Avec le formateur Birnou Sébarte vous travaillerez avec des langages comme HTML, CSS, JavaScript, PHP, XML, XSL ou des technologies comme Apache et MySQL.

Avec ce scénario, qui vous permet de découvrir la création d’un site web à l'aide de Dreamweaver CS5, nous espérons que vous trouverez toutes les informations dont vous avez besoin et que vous prendrez du plaisir à suivre cette formation. Pour information le site résultat de ce travail est disponible sur http://samples.puce-et-media.com/dream. Bien sûr toutes les nouveautés de cette nouvelle version seront également abordées.

Vue d'ensemble de la formation :

Présentation du web

Pour explorer un outil dans les meilleures conditions, il est nécessaire de le replacer dans son contexte d'utilisation et d'exploitation. Nous allons donc explorer ensemble l'univers du web, ses acteurs, ses langages et ses technologies. Ensuite, nous allons aborder deux domaines étroitement liés à nos projets de site : l'accessibilité et le référencement.

Prise en main de Dreamweaver CS5

Afin d'être à l'aise durant les diverses étapes de cette formation, nous allons consacrer un chapitre entier à la prise en main de Dreamweaver. Tour à tour, nous allons explorer son interface, ses palettes, les documents qu'il traite, ses préférences. Nous allons également voir la manière de connecter Dreamweaver à l'environnement de travail qui s'étend au-delà des pages web.

Prise en main du HTML et CSS

Bien que Dreamweaver intègre le code HTML et CSS en toute transparence, il est intéressant de faire le tour des principales balises et de s’attarder sur leur intérêt respectif, leur principe d'utilisation et de mise en application.

Création et configuration du site avec Dreamweaver

Commençons d'abord par définir un espace de site différent de celui utilisé précédemment pour les tests. À terme, notre objectif est de pouvoir développer la mise en place d'un back office. Nous allons donc faire appel à la technologie PHP/MySQL.

Gestion des médias

En complément du contenu textuel, les médias tiennent une part importante dans la mise en place d'un site. Dans ce chapitre, nous allons explorer les trois principaux acteurs d’un site web : les images, les animations Flash et la vidéo.

Librairies SPRY

AJAX a révélé diverses librairies JavaScript qui permettent d'améliorer considérablement l'expérience de l’utilisateur et l'ergonomie générale de nos sites. Adobe a répondu à cet élan en développant sa propre librairie SPRY qui s'intègre en toute simplicité au principe de WYSIWYG de Dreamweaver.

Données dynamiques

Dreamweaver intègre avec souplesse des technologies client/serveur et permet aux intégrateurs, ainsi qu’aux développeurs, de pouvoir câbler des interfaces riches tout en s'appuyant sur des données provenant d'une base de données. Dans ce chapitre, nous allons décortiquer les principales phases et leur utilisation.

XML et XSLT

Incontournable langage de structuration de données, le XML a su s'imposer par son efficacité sur l'ensemble de la chaîne de communication et d'échange de données. Nous ne pouvions pas aborder la création de site avec Dreamweaver sans lui consacrer un chapitre, surtout si on regarde avec quel degré d'intégration Dreamweaver et XML font bon ménage.

Maintenance et mise à jour du site dans Dreamweaver CS5

Que serait un site si nous n'en avions qu'une version en local sur notre machine ? Dans ce chapitre, nous allons aborder la mise en place du site sur un serveur distant. Tour à tour, nous explorerons les phases de préparation, validation, publication, puis de synchronisation.

InContext Editing

Dans certains contextes et pour gérer certaines mises à jour de données, il existe une alternative à la mise en place d'un back office. Depuis la version CS4, Dreamweaver propose un service en ligne gratuit, appelé InContext Editing. Au travers d'un accès contrôlé, ce service permet à des internautes de venir ajouter et modifier des articles en ligne. Nous allons implémenter cette fonctionnalité au cours de ce chapitre.

En savoir plus…

Notre site est en ligne, sa mise à jour devrait pouvoir être assurée, cette formation est terminée ! Et pourtant, il reste encore beaucoup de points à démystifier ou à améliorer : que faire en partant de cette base ? Où trouver de l'information ? Où dialoguer ? Où échanger à propos de Dreamweaver ? Ce dernier chapitre vous donne quelques pistes.