Dreamweaver gratuit

Tutorial pagination alphabétique par Jpierre

15 juin 2010 | Posté par caroder à 09:44

Jpierre, de ASP-PHP.net, vient de publier un nouveau tutorial permettant de créer une barre de navigation alphabétique. Celui-ci nécessite PHP et MySQL. Le résultat final ressemble à ceci :

Vous pouvez lire ce tutorial ici : http://www.asp-php.net/tutorial/asp-php/pagination-alphabetique.php?page=1

Jpierre a eu aussi l'excellente idée de proposer aussi une vidéo de la première partie de ce tutorial que vous pouvez visualiser ici : http://ultradream.com/tuto_navpge/villedefrance_demo.htm. Cette vidéo vous apprendra à insérer un enregistrement, créer un tableau d'affichage dynamique et insérer une barre de navigation simple issue des comportements serveur de Dreamweaver.

Rechercher sur une date avec Dreamweaver + PHP/MySQL

05 avril 2010 | Posté par caroder à 17:24

Mobilisée par mes avanies professionnelles avec des consultants en communication, voilà que je m'aperçois avoir oublié de vous relayer le très bon tutorial de JPierre sur la technique de recherche sur une date ; car, comme vous n'êtes pas sans savoir, le format de date MySQL n'a rien à voir avec le format de date français. Il faut donc procéder à un petit traitement en PHP pour que la recherche soit effective.

Ce tuto est aussi accompagné des explications nécessaires pour réaliser une feuille de style dédiée à l'impression d'une page web.

Pour consulter le tutoriel : http://www.asp-php.net/tutorial/asp-php/dws4-tips-6.php?page=1

Trucs et astuces Dreamweaver de JPierre

19 janvier 2010 | Posté par caroder à 21:00

JPierre, de asp-php.net, vous propose dans son nouveau tutorial d'apprendre 2 choses :

1. Externaliser dans un fichier CSS un ou plusieurs styles que l'on a appliqués à une seule page, via un fonctionnel Dreamweaver bien utile.
2. Effectuer dynamiquement au sein d'une page des calculs sur des données en provenance d'une table MySQL (dans l'exemple de JPierre, calcul de prix en fonction de quantité + total du panier).

Si vous souhaitez consulter cet excellent tutorial, c'est par ici : http://www.asp-php.net/tutorial/asp-php/dws4-tips-5.php?page=1

Nouveau site de tutorials Dreamweaver... pour anglophones

06 janvier 2010 | Posté par caroder à 21:24

Voici un tout nouveau site dont le but avoué est de ne se consacrer qu'aux besoins des débutants qui souhaitent utiliser le langage PHP avec Dreamweaver (voir la baseline du site).

Il se revendique l'héritier d'un précédent blog http://phpdw.blogspot.com qui n'avait compté que quelques posts (est-ce un mauvais présage ?!!).

Voici les sujets annoncés par l'auteur :

1. Dreamweaver (de la version CS4 jusqu'aux versions plus anciennes CS3, 8, MX-2004, et MX, vaste ambition !)
2. La syntaxe HTML (??)
3. PHP (versions 5 et 4)
4. Les bases de MySQL et PhpMyAdmin
5. Les fonctionnalités javascript proposées par Dreamweaver

Si vous lisez l'anglais, vous pouvez voir les (tout) premiers articles ici : http://www.dwphp.com/

Extension gratuite évaluation par étoile (star rating)

10 décembre 2009 | Posté par caroder à 21:31

Voici une extension développée en Roumanie : vous connaissez tous ces sites où les utilisateurs sont invités à évaluer contenus, produits, photos, commentaires ou que sais-je encore. L'extension utilise le framework Spry (embarquée sur Dreamweaver par défaut). Vous pouvez télécharger cette extension ici : http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1703560

Radu Mogos, son auteur, a écrit quelques lignes de codes PHP pour vous aider à utiliser ce système avec une base de données MySQL. Vous trouverez les explications nécessaires ici (en anglais) : http://www.pixelplant.ro/en/articles/article-detail/article/adobe-widgets-for-download.html

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)

Extension gratuite pour codeur PHP

05 octobre 2009 | Posté par caroder à 08:52

Voici une extension gratuite à destination des codeurs PHP qui utilisent Dreamweaver et qui désirent limiter le travail de frappe ou les potentielles erreurs. Cette extension vous proposent en effet l'insertion des principales structures de contrôle (boucles, etc.) et mieux encore celle aussi des variables utilisées dans la page.

Vous pouvez télécharger cette extension Dreamweaver ici : http://www.xp-internet.com/en/DreamweaverExtensions/PHPCode.php et visualiser une petite vidéo de démonstration ci-dessous (certes un peu rough mais qui vous donne quand même une idée de la chose !).

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