Dreamweaver gratuit

Templates de newsletters gratuites

22 novembre 2009 | Posté par caroder à 18:06

Voici plus de 30 templates de newsletters gratuites que vous pouvez utiliser dans le cadre de mon tutorial "Créer une newsletter avec Dreamweaver, PHP et MySQL".

La particularité de ces templates est d'avoir été testées sur la plupart des clients existants, y compris webmails (type Yahoo mail, Hotmail, Gmail - y compris nouvelle version -, etc).

Pour télécharger et voir ces templates gratuites : http://www.campaignmonitor.com/templates/

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)

Webinar gratuit Dreamweaver

22 septembre 2009 | Posté par caroder à 22:10

CreativeTechs propose 10 semaines de webinars sur Dreamweaver, soit une par semaine jusqu'au mois de novembre. Pour ceux qui ne savent pas ce qu'est un webinar, il s'agit d'une conférence online et interactive.

Pour participer à ces conférence, il vous faut :

1. comprendre et, si nécessaire, parler anglais !!
2. vous incrire ici : https://www1.gotomeeting.com/register/117908744
3. ne pas savoir quoi faire de vos nuits étant donné que ces conférences ont lieu à 18 heures, heure de New York soit minuit ce soir à Paris - pour celle de ce soir, puisque c'est aujourd'hui le début de cette série de conférences (à partir du moment où nous serons en heure d'hiver, ce sera seulement 11 heures).

Chaque conférence durent 90 minutes + 30 minutes de questions de l'assistance si nécessaire. Il devrait y avoir en principe des comptes-rendus gratuits mais c'est à préciser ultérieurement.

Vous pouvez en savoir plus ici : http://creativetechs.com/tipsblog/free-10-week-dreamweaver-course/

Réaliser un site communautaire avec Dreamweaver et php/MySQL + flash

07 septembre 2009 | Posté par caroder à 09:04

Aujourd'hui un tutorial ENOOORME ! Jugez en plutôt : 29 épisodes d'une vingtaine de minutes en moyenne chacun, auxquels il faut ajouter les codes sources téléchargeables. Bref, un travail qui mérite respect. Vous allez apprendre à construire un site avec une section membre permettant à ces derniers de poster dans un forum, consulter mutuellement des profils, etc. !

Vous pouvez regarder une démo de ce fonctionnel en allant ici : http://www.webintersect.com

Ceci correspond à vos besoins ? Rendez-vous alors ici pour avoir la playlist des 29 parties de ce tuto : http://www.youtube.com/view_play_list?p=5DF2FC61F89A44E6&page=1

Vous pouvez aussi télécharger les codes sources ici : http://www.webintersect.com/source_files.php

Lecteurs non anglophones, passez votre chemin, ce tutorial est en anglais bien sûr :-(

Ateliers video gratuits Adobe pour Dreamweaver

01 septembre 2009 | Posté par caroder à 09:25

Il existe sur le site Adobe toute une série de vidéos permettant d'apprendre Dreamweaver via des tutos animés. Ces tutorials s'adressent en priorité aux débutants et ils ont la grande qualité d'être en français !!

Voici le sommaire des vidéos disponibles (certains items sont redondants mais ils s'agit en fait de différentes versions de Dreamweaver) :

• Créer des feuilles de styles poour imprimer des pages web
• Créer des modèles
• Démarrer dans Dreamweaver pour les utilisateurs de GoLive
• Utiliser le Spry Framework pour Ajax
• Utiliser les CSS
• Créer des liens
• Créer des menus avec les widget Spry
• Utiliser XML
• Créer un espace de travail pour les créateurs
• Paramétrez un espace de travail pour les développeurs
• Définir un site
• Définir une nouvelle page
• Attribuer un style à un texte
• Ajouter des images
• Créer un formulaire
• Problèmes de téléchargements communs
• Publier un contenu sur un serveur
• Définir un serveur distant
• Attribuer un style à un texte en utilisant CSS
• Utiliser et personnaliser des mises en forme basées sur des CSS
• Utiliser des modèles
• Utiliser des gadget Spry
• Personnaliser des formulaires avec des CSS

Pour consulter ces vidéos : http://www.adobe.com/fr/designcenter/video_workshop/

Page de résultats : fonctionnement multicritère - tutorial moteur de recherche full text multi-critère avec Dreamweaver

31 juillet 2009 | Posté par caroder à 14:48

Créez une page que vous nommerez "resultats.php"

Au sein de cette page, intégrez un tableau à 3 colonnes et 2 lignes. Les colonnes portent les titres suivants : Auteur, Titre et Editeur.

Créez un jeu d'enregistrements que vous paramétrerez de la façon suivante :

Ceci n'est que la base de notre requête… :-)

Passez en mode avancé du jeu d'enregistrements en cliquant sur le bouton correspondant. Il va nous falloir opérer des jointures de table (sur code_edit et code_aut) pour effectuer des recherches sur les mots correspondants. Par commodité et pour utiliser les fonctionnels Dreamweaver, nous allons effectuer des jointures "à l'ancienne". Si vous souhaitez utiliser cette technique sur des bases de données importantes et un site à fort trafic, vous devrez utiliser la syntaxe INNER JOIN.

Votre fenêtre se présente actuellement de la façon suivante :

Cliquez sur le signe + à coté de l'item "Tables" du champ "Eléments de la base de données" et développez les tables ouvrages, auteurs et éditeurs. Mettez en surbrillance alternativement les items titre, nom_editeur et nom_auteur et cliquez pour chaque sur le bouton "SELECT" : la requête SQL est automatiquement complétée comme suit :

SELECT ouvrages.titre, ouvrages.descriptif, auteurs.nom_auteur, editeurs.nom_editeur
FROM ouvrages, auteurs, editeurs
WHERE titre LIKE colname%

Pour effectuer les jointures de tables, mettez en surbrillance code_aut dans la table auteurs puis cliquez sur le bouton WHERE. Répétez la même opération dans la table ouvrages et remplacer dans le champ SQL  le 2e "AND" par un "=". Recommencez cette procédure pour code_edit. Votre requête SQL doit maintenant ressembler à cela :

SELECT ouvrages.titre, auteurs.nom_auteur, editeurs.nom_editeur
FROM ouvrages, auteurs, editeurs
WHERE titre LIKE colname%  AND auteurs.code_aut = ouvrages.code_aut AND editeurs.code_edit = ouvrages.code_edit

Nous allons maintenant ajouter les 2 critères de recherche supplémentaire : auteur et editeur qui proviennent des listes déroulantes du formulaire de recherche. Cliquez pour cela sur le bouton + du champ "Variables" de la fenêtre de jeu d'enregistrements. Paramétrez la fenêtre comme suit :

Recommencez encore une fois pour la variable auteur :

Retournez en mode designer. Nous allons maintenant permettre aux résultats de s'afficher dans le tableau.

Allez dans la palette "Liaisons" et déplier le jeu d'enregistrement que vous venez de créer. Faites cliquer/glisser les items titre, nom_auteur et nom_editeur dans les colonnes appropriées.

Sélectionner la balise <tr> qui contient les éléments de résultats du cliquer/glisser et choisissez "région répétée" dans l'onglet "comportements serveurs". Pour aller au plus simple, nous choisirons dans ce tutorial "Toutes".

Retournez dans la page recherche.php et sélectionnez la balise form. Indiquez dans le champ "Action" des propriétés le fichier resultats.php et lancez l'exécution du fichier sur votre serveur.

Il ne vous reste plus qu'à tester cette étape du développement pour vérifier si le multicritère fonctionne bien. Voici les résultats que vous devriez voir apparaître avec le choix "Livre de poche" dans le 2e menu déroulant.

Sommaire du tutorial

1. Introduction : concept de full text
2. Structure et paramétrage de la base
3. Création de la page de recherche
4. Page de résultat : fonctionnement multi-critère
5. Implémentation du full text

HTML5, Adobe et Dreamweaver

23 juillet 2009 | Posté par caroder à 10:12

Le W3C a annoncé l'arrivée de HTML5 depuis près de deux semaines et promet des avancées notables dans la gestion de nos pages avec notamment des balises qui seront fort utiles pour les référenceurs (car ont voir déjà tout l'intérêt que les moteurs de recherche auront à les prendre en compte pour la construction de leurs index). Pour tous ceux qui travaillent leur site pour le référencement, il y aura intérêt à être early adopter. Deux articles sur HTML5 et assez complets sont parus récemment :

http://www.siteduzero.com/news-62-33098-p1-le-w3c-abandonne-xhtml-2-au-profit-du-html-5.html

http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html

Comme vous pouvez le constater, des sites de références...

Pour résumé rapidement ces articles, une des principales avancées de HTML5 va être l'explicitation de la structure de nombreux site avec la création de balises dédiées au nommage des zones des pages web : <header>, <article>,<aside>,<footer>,<nav>, <videos>, etc. On comprend dès lors comment Google et consorts vont exploiter ces nouvelles balises pour analyser la pertinence des liens suivant leur positionnement dans la page.

La mauvaise nouvelle pour nous, utilisateurs de Dreamweaver, c'est la déclaration faite par Shantanu Narayen, le PDG (CEO) d'Adobe qui dit attendre la standardisation de l’HTLM 5 pas avant 10 ans : “I think the challenge for HTML 5 will continue to be how do you get a consistent display of HTML 5 across browsers. And when you think about when the rollout plans that are currently being talked about, they feel like it might be a decade before HTML 5 sees standardization across the number of browsers that are going to be out there.” (Je pense que le défi pour le HTML 5 va consister à résoudre le problème d'un affichage correct de HTML 5 dans tous les navigateurs. Et quand on pense aux plans de déploiement dont on parle actuellement, on peut imaginer qu'il y aura peut-être une décennie avant que HTML 5 devienne un standard pour les navigateurs).

Est-ce à dire qu'Adobe ne nous proposera pas les balises HTML5 dans Dreamweaver avant 10 ans ???!!!

Livre sur Dreamweaver : codes sources et extension gratuite

22 juillet 2009 | Posté par caroder à 19:41

Plusieurs livres sont parus sur Dreamweaver CS4, malheureusement ceux-ci ne pas gratuits c'est pourquoi en général je n'en parle pas. Cependant certains éditeurs ont la bonne idée de mettre à disposition gracieusement en téléchargement des chapîtres, des correctifs, des fichiers, voire même des extensions…

C'est d'outre Atlantique que vient la bonne surprise avec l'ouvrage très complet en anglais "The Essential Guide to Dreamweaver CS4 with CSS, Ajax, and PHP" de David Powers. Avis aux amateurs : ce livre aborde les JQuery… Vous pouvez télécharger gratuitement :

• Le sommaire : http://www.friendsofed.com/toc/9781430216100_TOC.pdf
• Un chapître "Building site navigation with the Spry menu bar" : http://www.friendsofed.com/samples/9781430216100.pdf
• Des codes sources pour tous les chapitres du livre : http://www.friendsofed.com/download.html?isbn=1430216107
• NB : les codes sources de ce livre contiennent une extension gratuite "PHP Snippets" (ou PHP fragments de code) dont les fonctionnels sont les suivants :
• • Build image list (lecture du contenu d'un repertoire image)
  • Check Email PCRE (verification d'email via les regex)
  • Extract first sentence (1re phrase d'un texte)
  • Format date for MySQL (attention format américain !)
  • Get image dimension (obtenir les dimension d'une image)
  • POST stripslashes
  • Split long text (tronquer un texte long en affichage)
  • Suspect pattern filter (détecter des contenus non conformes dans un formulaire)
  • Write to file (écrire dans un fichier)
• La liste ci-dessus est accessible via l'onglet "Fragments de code", une fois l'extension installée, bien sûr.

Enfin sachez qu'une grosse partie de ce livre est consultable sur Google Books (mais certaines pages sont évidemment manquantes pour que les gens achètent le livre) ! C'est par ici : http://books.google.fr/books?id=aWNzlx-AU6sC&pg=PA2&dq=dreamweaver+CS4&ei=YqxVStuZApHKNfDzqZgH

Vu le formidable travail fourni par David Powers, je conseille à ceux qui en ont les moyens d'acheter cet ouvrage pour l'encourager à persévérer :)
http://www.amazon.fr/Essential-Guide-Dreamweaver-CS4-Ajax/dp/1430216107