En parlant de technologies, et donc indirectement de langages, l’idée majeure 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 est proposé pour découvrir la création d’un site web en utilisant 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. 

Vue d'ensemble de la formation :

1) Introduction à la formation sur Adobe Dreamweaver CS5
Votre formateur Birnou Sébarte vous présente ici le déroulement de l'ensemble de cette formation sur Adobe Dreamweaver CS5.

2) 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.

3) 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.

4) 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. 

5) 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. A 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.

6) 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.

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

8) 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.

9) 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.

10) Maintenance - 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, de validation, de publication, puis de synchronisation.

11) 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.

12) 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.

Achetez cette formation dans notre boutique