Dreamweaver gratuit

Construire un forum avec Dreamweaver – Part 3 : création d'un topic

17 novembre 2009 | Posté par caroder à 19:35

Voici maintenant la 3ème partie de ce tutorial ambitieux : nous avions vu au sein de la première partie comment afficher un message, ici nous verrons comment en poster...

1. Création d'un lien "créer un nouveau sujet" : utilisation de la methode GET et accès restreint aux seuls membres du forum. http://www.adobetutorialz.com/articles/669/1/Building-a-Forum-with-Dreamweaver-–-Part-3:-Creating-the-Link-for-Posting-Messages (traduction française)
2. Création du formulaire pour poster un sujet: la méthode décrite dans cette page utilise ADDT qui peut être totalement remplacée par les comportements serveur de base de Dreamweaver, l'important ici étant bien évidemment la récupération et l'insertion de l'ID de l'utilisateur. http://www.adobetutorialz.com/articles/670/1/Building-a-Forum-with-Dreamweaver-–-Part-3:-Creating-the-Form-That-Enables-Users-to-Post-Messages
3. Associer un sujet à un topic : ceux qui n'utilisent pas ADDT vont devoir adapter le code donné ici. http://www.adobetutorialz.com/articles/671/1/Building-a-Forum-with-Dreamweaver-–-Part-3:-Associating-Messages-to-a-Thread

Construire un forum avec Dreamweaver – Part 2 : authentification utilisateur

16 novembre 2009 | Posté par caroder à 08:36

Dans la deuxième partie de ce tutorial, nous allons nous occuper de l'authentification de l'utilisateur et la gestion de son compte d'accès. Je vous rappelle que ce tuto est basé sur l'utilisation de l'extension Impakt, connue maintenant sous le nom de ADDT (Adobe Developper Dreamweaver Tool). On peut fort bien se passer de celle-ci en utilisant d'autres extensions gratuites ou quelques techniques de développement simples.

1. Paramétrage d'ADDT en vue de l'authentification utilisateur : si vous ne possédez pas cette extension, inutile de lire la partie paramétrage et utilisez le comportement serveur livré avec Dreamweaver pour le reste. http://www.adobetutorialz.com/articles/641/1/Building-a-Forum-with-Dreamweaver-–-Part-2:-Setting-Up-User-Authentication (traduction française).
2. Contruction du formulaire d'inscription : pour les non possesseurs de l'extension, utilisez le wizzard de base de Dreamweaver. http://www.adobetutorialz.com/articles/644/1/Building-a-Forum-with-Dreamweaver-–-Part-2:-Building-the-User-Registration-Page (traduction française)
3. Expédition de l'email de confirmation d'inscription : si vous ne possédez pas l'extension, vous allez devoir développez vous même une page utilisant la fonction mail de PHP. Pour cela, consultez par exemple le tutorial suivant en récupérant l'id de l'utilisateur selon la méthode que j'ai décrite précédemment : récupérer l'ID de l'enregistrement à l'insertion. http://www.adobetutorialz.com/articles/643/1/Building-a-Forum-with-Dreamweaver-–-Part-2:-Configuring-E-mail-Settings (traduction française)
4. Construction de la page de login : rien de très compliqué dans ce formulaire que vous pouvez construire sans l'extension. Pour la case "se souvenir de moi", non possesseurs d'ADDT, consultez mon tutorial. http://www.adobetutorialz.com/articles/665/1/Building-a-Forum-with-Dreamweaver-–-Part-2:-Building-the-Login-Page (traduction française)
5. Création du lien "Se déconnecter" : la création de ce lien est un comportement serveur de base de Dreamweaver, pas de difficulté donc pour ceux qui n'ont pas acheté la suite ADDT. http://www.adobetutorialz.com/articles/666/1/Building-a-Forum-with-Dreamweaver-–-Part-2:-Creating-the-Logout-Link (traduction française)
6. Affichage du lien "se déconnecter" en focntion du statut de l'utilisateur : pas de difficulté particulière ici non plus.  http://www.adobetutorialz.com/articles/667/1/Building-a-Forum-with-Dreamweaver-–-Part-2:-Hiding-Content-with-Conditional-Regions (traduction française)

Construire un forum avec Dreamweaver – Part 1 : les bases

26 octobre 2009 | Posté par caroder à 09:00

Un utilisateur me fait part de son désir de construire un forum avec Dreamweaver. Voici donc un tutorial en anglais avec sa traduction française par Google. Ce tutorial est assez mal foutu sur le site qui l'a mis en ligne puisqu'il ne présente aucun sommaire. Il est par ailleurs tellement pléthorique que, pour votre commodité, j'en ai effectué un bref résumé avec les liens correspondants.

1. Présentation des pré- requis : http://www.adobetutorialz.com/articles/626/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Getting-Started (traduction française)
   Il est à noter que ce tuto utilise Impakt, vieille extension qui est plus maintenue, connue maintenant sous le nom de Adobe Developper Dreamweaver Tool, ADDT, et qui peut être remplacée par d'autres techniques que vous trouverez dans ce site.
2. Présentation des fonctionnalités du forum : http://www.adobetutorialz.com/articles/627/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Planning-the-Forum (traduction française)
   Afficher la liste des sujets de discussion
   Lire les messages associés à chaque sujet
   S'inscrire sur le forum, et télécharger une photo de profil
   Connexion et déconnexion
   Publier un nouveau message dans un sujet
   Répondre à d'autres messages
   S'abonner à un fil de discussion (chaîne de messages qui sont des réponses à un message initial)
   Recevoir des notifications par e-mail quand un nouveau message est posté dans un thread
3. Création de l'environnement de développement :
   Cette page renvoie vers d'autres tutorials en anglais. http://www.adobetutorialz.com/articles/628/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Setting-Up-the-Development-Framework (traduction française)
   Si vous ne savez que choisir pour votre environnement de développement, je vous conseille EasyPHP qui installera sur votre poste Windows Apache, PHP, MySQL et PHPMyAdmin.
4. Présentation de Impakt
   Si vous possédez ADDT, vous allez retrouver les principaux éléments de cette extension. http://www.adobetutorialz.com/articles/629/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-What-Is-ImpAKT. (traduction française)
5. Définir le site
   Le B. A. BA ! Vous pouvez passer à l'étape suivante… http://www.adobetutorialz.com/articles/630/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Defining-Your-Site (traduction française)
6. Création de la base de données
   On entre enfin dans le vif du sujet. Mise à disposition des instructions SQL pour la création et le paramétrage des tables. C'est là que réside le princiapl intérêt de ce tutorial car cela vous apprend comment est construite la base d'où découlera tous les développement. http://www.adobetutorialz.com/articles/632/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Setting-Up-Your-Database (traduction française)
7. Page d'affichage des topics du forum
   Rien de vraiment bien compliqué ici : création du jeu d'enregistrements, affichage du titre et de la description du topic + application du comportement de serveur "région répétée". http://www.adobetutorialz.com/articles/635/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Displaying-Messages (traduction française)
8. Designez votre forum avec des CSS
   Bon..., sans grand intérêt, vu le design proposé mais j'intègre quand même cette partie par souci d'exhaustivité et pour les débutants… http://www.adobetutorialz.com/articles/634/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Styling-Your-Forum-with-CSS. (traduction française)
9. Page d'affichage des messages
   Création des jeux d'enregistrements information utilisateur et message avec jointure de tables.
   http://www.adobetutorialz.com/articles/635/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Displaying-Messages. (traduction française)
10. Affichage de la photo utilisateur
    Ici va être utilisé Impakt (ou ADDT) pour afficher la vignette (imagette ou thumbnail) de sa photo.
    http://www.adobetutorialz.com/articles/636/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Displaying-Profile-Photos (traduction française)
    Vous pouvez très bien vous passer de cette extension et vous appuyer sur celle de Tecnorama (http://www.tecnorama.org/document.php?id_doc=60) qui est gratuite !
11. Contrôle de l'affichage avec les régions conditionnelles
    Utilisation du comportement de serveur "Afficher si l'enregistrement n'est pas vide" pour la vignette et les messages.
    http://www.adobetutorialz.com/articles/639/1/Building-a-Forum-with-Dreamweaver-–-Part-1:-Controlling-Output-with-Conditional-Regions (traduction française)

Construire un site d'annuaire avec Dreamweaver

28 avril 2009 | Posté par caroder à 22:38

Voici un tutorial d'importance puisqu'il ne compte pas moins de 17 parties pour réaliser un site d'annuaire de sites (ou de liens) dont j'espère que vous l'utiliserez pour la bonne cause (et non pas pour en détourner la finalité - merci le Pagerank). Certaines pages de ce tutoriel sont à elles seules de véritables tuto en soi ! Un travail énorme... Jugez plutôt :

Préparations

• Définition du site
• Création de la base de données (ne passe pas par PHPMyAdmin mais directement bia la console MySQL !)
• Connection à la base
• Création d'une template dans Dreamweaver

Back Office

• Template du Back Office
• Page de Login
• Page de validation de liens
• Moteur de recherche
• Page de modification de lien
• Page d'ajout de lien
• Page d'ajout de categorie 
• Page de modification de categorie 
• Sécurisation du back office

Front Office

• Moteur de recherche et affichage des catégories
• Page de résultat
• Page de liens récents
• Page de soumission

Ce tutorial (en anglais) est disponible ici : http://www.sebastiansulinski.co.uk/web_design_tutorials/tutorial/9/link_exchange_system_with_dreamweaver_cs3

Un site d’inscription à un événement en PHP avec Dreamweaver

27 mars 2008 | Posté par caroder à 18:41

De plus en plus d’organismes veulent gérer en ligne les inscriptions à une manifestation, un congrès, un salon, un séminaire... Ce tutorial, proposé par Adobe, vous permettra de créer pour le front office un catalogue de manifestations classées par date ainsi que le formulaire d’inscription. Mieux encore il vous donnera aussi les clés de la réalisation du back office.

Pour le Front Office, réalisation de 3 pages :

• Presentations.php: Affichage des différentes conférences offertes lors d’un séminaire qui se déroule sur plusieurs jours.
• Register.php: Formulaire simple d’enregistrement à une conférence (nom + adresse email) ; insertion de l’enregistrement dans une base MySQL et redirection vers la 3e page :
• Confirm_register.php: page informant l’utilisateur qu’il est bien inscrit à la conférence.

Pour aller sur le tuto de réalisation du Front Office : http://www.adobe.com/devnet/dreamweaver/articles/php_event_registration.html

Le Back Office nécessite la création de 6 pages :

• Login.php : page d’accès par codes au back office.
• Reg.php : page contenant la liste des inscription en attente avec un lien pour mettre à jour ou supprimer un enregistrement. Un lien additionel permet d’accéder à : reg_insert.php.
• Reg_insert.php : Cette page permet d’ajouter un inscrit à la base de données.
• Reg_update.php : page de mise à jour d’un inscrit.
• Reg_delete.php : page de suppression d’un inscrit.
• Logout.php : page permettant de se déconnecter du back office.

Pour accéder au tutorial de la réalisation du Back Office : http://www.adobe.com/devnet/dreamweaver/articles/php_event_registration_admin.html

Création d'un blog PHP/MySQL avec Dreamweaver

12 mars 2008 | Posté par caroder à 08:18

Voici un article repris par le site d'Adobe qui était autrefois présent sur le site du regreté Macromédia. Il s'agit de créer "à la main" son propre blog.

Je dois préciser que je ne recommande pas cette solution si vous désirez mettre en ligne un blog, sauf cas très particulier. En effet les solutions open source existantes (Wordpress et Dotclear pour ne citer qu'eux avec, pour ma part une nette préférence pour Wordpress) sont tellement performantes que vous pourrez difficilement espérer rivaliser avec elles.

J'ajoute par ailleurs que ces solutions sont très bien optimisées pour le référencement naturel (notamment URL rewriting) ce qui est non négligeable !

Voici donc le sommaire de cet article :

• Introduction
• Paramétrage de l'environnement de développement
• Planification des développements
• Définir le site
• Création de la base de données
• Creation de la template
• Réalisation du menu de navigation
• Réalisation de la Homepage
• Réalisation de la liste des articles
• Affichage d'un article
• Interface de publication du blog
• Application d'une feuille de style CSS au blog

Lire ce tuto : http://www.adobe.com/devnet/dreamweaver/articles/php_blog1.html

PHP - créer un site de e-commerce

07 février 2008 | Posté par caroder à 07:46

Voici les codes sources d’une boutique en ligne (ils proviennent du tutorial disponible dans le livre "Créer un site eCommerce avec Dreamweaver 8, PHP et MySQL") :

• Les fichiers PHP qui composent la boutique, créés sous Dreamweaver 8 (valable pour CS3).
• La structure de la base de données : requêtes SQL à exécuter directement dans un système de gestion de base de données.

Le livre en question est bien sûr disponible sur Amazon, mais lui n'est pas gratuit ! ;)

PHP : Site annuaire - échange de liens

29 juin 2007 | Posté par caroder à 21:11

Voici un tout nouveau tutorial disponible sur internet (publié depuis le 13 juin dernier seulement) propose de construire un système d'annuaire - échange de liens. Cette application ne dispose que de catégories (pas de sous-catégorie !). La gestion de lien de retour est prévue dans le back office.

Le tutorial propose aussi une partie admin et permet une mise en application de la fonctionnalité template de Dreamweaver.

Le seul défaut de ce tutorial est qu'il n'est accessible qu'aux anglophones : http://www.sebastiansulinski.co.uk/web_design_tutorials/dreamweaver/link_exchange_system_part_1_a.php