Vous êtes sur la page 1sur 6

La formation complte sur Adobe Dreamweaver CS5

Crez simplement votre propre site Internet !


Cette formation vido vous accompagne dans la cration de A Z dun site web et vous prsente les techniques de base connatre pour faire une entre russie sur le web. Grce une prsentation gnrale de la nouvelle interface du logiciel, reprez rapidement et simplement les lments-cls indispensables la cration dun site. Cette formation aborde lensemble des langages et technologies qui gravitent autour dun site web comme HTML, CSS, JavaScript, etc. Votre formateur/Vos formateurs: Birnou Sbarte

VOUS AVEZ LE CHOIX ENTRE :


- Formation vido en ligne : Retrouvez les fichiers source ainsi que les Tutorial to go de cette formation vido dans le DVD tlchargeable. - Formation vido sur support DVD - envoi par poste : Retrouvez les fichiers source ainsi que les Tutorial to go l'intrieur de ce DVD avec envoi par poste.

ISBN : 978-3-902550-58-3

EUR 49,80
Il peut paratre rapide daborder 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 ddie toujours dans le but damliorer le rfrencement, laccessibilit et la prennit de nos contenus. Le cur de cette formation vido sur Adobe Dreamweaver CS5 se veut la fois basique et global. Basique sans pour autant tomber dans une exploration des outils de manire dtache et au cas par cas, et global afin de donner un sens la cohsion de tous ces outils entre eux et l aussi, sans tomber dans les piges dune exhaustivit pouvant tre lassante et inutile.Avec cette base, nous mettrons en place le dveloppement dun site web. En contre partie, ce site doit respecter les standards du web, tre volutif, facile mettre jour et proche des technologies rencontres. Il doit galement utiliser lensemble des agences. En parlant de technologies, et donc indirectement de langages, lide majeure reste de ne pas saisir de code la main, mais au contraire dutiliser les outils daide la cration mis disposition par Dreamweaver. Avec le formateur Birnou Sbarte vous travaillerez avec des langages comme HTML, CSS, JavaScript, PHP, XML, XSL ou des technologies comme Apache et MySQL. Avec ce scnario qui vous est propos pour dcouvrir la cration dun site web en utilisant Dreamweaver CS5, nous esprons que vous trouverez toutes les informations dont vous avez besoin et que vous prendrez du plaisir suivre cette formation. Pour information le site rsultat de ce travail est disponible sur http://samples.puce-et-media.com/dream. Bien sr toutes les nouveauts de cette nouvelle version seront galement abordes.

Vue d'ensemble de la formation :


1) Introduction la formation sur Adobe Dreamweaver CS5
copyright 2010 video2brain. Tous droits rservs. video2brain et le logo de video2brain sont des marques dposes de video2brain 1 / 6

1) Introduction la formation sur Adobe Dreamweaver CS5 Votre formateur Birnou Sbarte vous prsente ici le droulement de l'ensemble de cette formation sur Adobe Dreamweaver CS5. 2) Prsentation du web Pour explorer un outil dans les meilleures conditions, il est ncessaire 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 lis nos projets de site : l'accessibilit et le rfrencement. 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 prfrences. Nous allons galement voir la manire 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 intgre le code HTML et CSS en toute transparence, il est intressant de faire le tour des principales balises et de sattarder sur leur intrt respectif, leur principe d'utilisation et de mise en application. 5) Cration et configuration du site avec Dreamweaver Commenons d'abord par dfinir un espace de site diffrent de celui utilis prcdemment pour les tests. A terme, notre objectif est de pouvoir dvelopper la mise en place d'un back office, nous allons donc faire appel la technologie PHP/MySQL. 6) Gestion des mdias En complment du contenu textuel, les mdias tiennent une part importante dans la mise en place d'un site. Dans ce chapitre, nous allons explorer les trois principaux acteurs dun site web : les images, les animations Flash et la vido. 7) Librairies SPRY AJAX a rvl diverses librairies JavaScript qui permettent d'amliorer considrablement l'exprience de lutilisateur et l'ergonomie gnrale de nos sites. Adobe a rpondu cet lan en dveloppant sa propre librairie SPRY qui s'intgre en toute simplicit au principe de WYSIWYG de Dreamweaver. 8) Donnes dynamiques Dreamweaver intgre avec souplesse des technologies client/serveur et permet aux intgrateurs, ainsi quaux dveloppeurs, de pouvoir cbler des interfaces riches tout en s'appuyant sur des donnes provenant d'une base de donnes. Dans ce chapitre, nous allons dcortiquer les principales phases et leur utilisation. 9) XML et XSLT Incontournable langage de structuration de donnes, le XML a su s'imposer par son efficacit sur l'ensemble de la chane de communication et d'change de donnes. Nous ne pouvions pas aborder la cration de site avec Dreamweaver sans lui consacrer un chapitre, surtout si on regarde avec quel degr d'intgration Dreamweaver et XML font bon mnage. 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 prparation, de validation, de publication, puis de synchronisation. 11) InContext Editing Dans certains contextes et pour grer certaines mises jour de donnes, 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 accs contrl, ce service permet des internautes de venir ajouter et modifier des articles en ligne. Nous allons implmenter cette fonctionnalit au cours de ce chapitre. 12) En savoir plus Notre site est en ligne, sa mise jour devrait pouvoir tre assure, cette formation est termine ! Et pourtant, il reste encore beaucoup de points dmystifier ou amliorer : 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.

Conditions requises:
copyright 2010 video2brain. Tous droits rservs. video2brain et le logo de video2brain sont des marques dposes de video2brain 2 / 6

Conditions requises:

Pour la formation en ligne et tlchargeable :


512 MB RAM Lecteur DVD Carte son, haut-parleurs ou casque dcoute Rsolution dcran minimum : 1024x768 Windows XP/Vista ou Mac OS X Pentium 4 partir de 2,6 GHz ou G5

Pour la formation sur support DVD avec envoi par poste :


Connexion Internet DSL Navigateur actuel avec le plug-in Flash Rsolution dcran minimum : 1024x768 Carte son, haut-parleurs ou casque dcoute Pentium4 partir de 2,6 GHz ou bien G4 partir de 1 GHz

Table des matires

Introduction Prise en main de Dreamweaver Utilisation et cration Suivi et synchronisation Prparation - Mise en place Prsentation du web Principe et prsentation de la formation Les acteurs et les standards du web Les 3 principaux langages utiliss Les outils ncessaires et les navigateurs Ajouter des extensions Serveur de test et XAMPP Cration d'un alias pour Apache Utilisation d'un nom de domaine Location d'un espace web Introduction l'accessibilit, prfrences et navigateurs Introduction au rfrencement et rfrencement vs positionnement Prise en main de Dreamweaver Prsentation gnrale de l'interface Les palettes et leur manipulation Avant tout, la configuration d'un site Les types de documents et le HTML, HTML5 Prfrences, paramtrage et configuration Les caractres spciaux, les entits HTML et l'encodage Aperu dans le navigateur et paramtrage Dreamweaver Exchange, Extension Manager, Lorem Ipsum Prise en main du HTML et CSS 05:48 09:42 09:22 07:33 05:35 14:09 07:03 07:03 05:50 04:11 03:52 07:07 16:36 12:12 09:32 07:11 07:56 08:57 08:10 01:30 02:07 01:39

copyright 2010 video2brain. Tous droits rservs. video2brain et le logo de video2brain sont des marques dposes de video2brain

3 / 6

Les principales balises et la construction d'une page de texte Les diverses possibilits de liaison : les liens et les ancres Les listes de menus et les listes de dfinitions Les images et leur prparation, les attributs Les tableaux et leurs balises Structuration d'une page : les balises DIV, SPAN La page et la smantique, classe, ID, balise, micro-formats Les CSS : prsentation et utilisation Les CSS, feuille CSS de reset Les CSS : la palette des CSS Les CSS : le positionnement Les lments PA, mise en pages en tableau ou en CSS-P ? La mise en pages en mode grille Description du projet Maquette, architecture et informations Prsentation des objectifs La maquette graphique et interface liquide Prsentation des phases de construction Cration - Ralisation Mise en place du modle Cration et configuration du site Mise en place du modle Structuration de la page Mise en place de l'arborescence Feuilles de style, header et footer Feuille de style, contenu et barre de navigation secondaire Gestion du menu principal et du footer Cration d'une page HTML de rfrence Gestion des mdias Les images de contenu Les images d'illustration Mlange d'images d'illustration et de contenu Les images de survol Les lments et images de survol JavaScript Les lments et images de survol CSS Aller-retour avec Fireworks Aller-retour avec Photoshop La gestion des images depuis Dreamweaver Les cartes image Images interactives avances avec Fireworks Les animations Flash, les options La vido au format .FLV Les problmes lis aux fichiers externes Optimisation

13:01 15:16 06:40 14:41 12:55 05:52 09:40 12:12 04:27 12:36 15:40 07:29 15:06

02:56 06:32 05:26 02:03

06:41 08:18 15:27 13:06 16:33 13:11 09:40 07:27

15:51 09:01 13:57 03:17 06:26 15:00 06:10 07:02 05:14 05:57 14:02 05:33 06:41 03:46

copyright 2010 video2brain. Tous droits rservs. video2brain et le logo de video2brain sont des marques dposes de video2brain

4 / 6

Les modles de modles Apporter du contenu aux modles Modifier les modles Les modles rgions ou tableaux rpts Les modles rgions facultatives Les lments de librairie La palette des actifs Qu'est-ce que le JavaScript ? Les comportements de Dreamweaver Librairies SPRY Prsentation de la librairie Les barres de menus Les menus accordons Les barres d'onglets Les panneaux rductibles et les tooltips Aller plus loin avec les widgets SPRY L'ensemble des donnes Donnes dynamiques La gestion des news et premiers pas en PHP La gestion des news et MySQL, PHP MyAdmin Mise en place de la base de donnes Connexion la base SQL et le jeu d'enregistrement Utilisation des donnes dans une page Comportement serveur Donnes et mtadonnes Les donnes invisibles, le titre, etc. Les mtadonnes images Les design notes Importer des donnes Nettoyer le code XML et XSLT Les documents XML et bases en XML Les feuilles de style XSL - Conversion Coupler un fichier XML la feuille XSL Utilisation de l'onglet XSLT Les balises <xml /> Maintenance - Mise jour Publication Vrification et compatibilit Orthographe et dictionnaire BrowserLab Outils de dbogage mis disposition Paramtres de publication Prparer le site distant Gestion du nom de domaine Publier et mettre en ligne
copyright 2010 video2brain. Tous droits rservs. video2brain et le logo de video2brain sont des marques dposes de video2brain

16:02 08:23 07:17 10:04 07:03 07:28 10:57 17:04 17:05

02:27 08:36 07:40 11:12 09:50 07:42 11:52

09:58 15:23 06:20 07:20 07:15 08:06 08:14

10:59 05:53 03:47 09:05 06:10

13:32 07:13 09:52 07:28 07:02

11:06 04:59 04:13 09:01 14:44 06:34 07:23 07:34


5 / 6

Validation HTML et CSS Synchronisation et recherche d'lments mis jour Archivage/Extraction vs Placer/Acqurir Interface : donnes dynamiques Crer une interface administrateur Listage des enregistrements Administration modifier/supprimer Les formulaires et leur utilisation Les principaux composants du formulaire Les composants SPRY Les formulaires dynamiques Envoi des donnes et enregistrement Modification du listage des lments Modification d'un enregistrement Suppression d'un enregistrement Envoi de donnes personnalises Protger l'accs au back office Administration de la base de donnes - Import/Export InContext Editing InContext Editing prsentation Mise en place de zones depuis Dreamweaver Gestion du compte et des utilisateurs Utilisation par l'auteur ou l'diteur Rappel des paramtres ... et aprs En savoir plus... L'aide en ligne - LiveDocs Les divers blogs et forums Poster un souhait

07:10 10:33 09:26

09:29 11:05 10:38 13:13 06:31 07:36 12:28 09:41 10:41 09:56 05:55 14:24 04:06

03:23 06:57 09:47 11:50 03:02

02:57 03:29 02:40

copyright 2010 video2brain. Tous droits rservs. video2brain et le logo de video2brain sont des marques dposes de video2brain

6 / 6