Dreamweaver gratuit

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