Adobe Dreamweaver CS5

Il peut paraître rapide 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 une exploration des outils de manière détachée et au cas par cas, et global afin de donner un sens à la cohésion de tous ces outils entre eux et là aussi, sans tomber dans les pièges d’une exhaustivité pouvant être lassante et inutile.Avec cette base, nous mettrons en place le développement d’un site web. En contre partie, 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.

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. Bien sûr toutes les nouveautés de cette nouvelle version seront également abordées.

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.