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)

Protéger l'accès d'un site ou d'une partie de site sous Apache via .htpasswd

21 octobre 2009 | Posté par caroder à 21:33

Il est toujours intéressant de n'avoir pas à gérer des développements compliqués si l'on veut sécuriser une partie de site pour un très petit nombre de personnes. Une méthode simple consiste à utiliser .htpasswd. Voici un tutorial vidéo qui vous expliquera très simplement la façon de procéder. Attention cependant, sous Apache, vous devrez impérativement fournir un mot de passe crypté avec la méthode md5 (le tutorial fonctionne sur serveur Wamp dans Windows, il n'est donc pas nécessaire d'utiliser le cryptage) !! De nombreux site vous proposent de transcrire vos mots de passe "en clair" en md5 (exemple ici : http://www.clicasso.fr/outils/md5.php).

Tutoriel Vidéo : Sécuriser avec htpasswd
envoyé par Grafikart. - Plus de trucs et astuces en vidéo.

Pause détente exclusive ! Quand une superstar hollywoodienne joue dans une webserie...

08 octobre 2009 | Posté par caroder à 11:09

Avez-vous entendu parler de Sparhüsen ? Sans doute pas, puisqu'on prétend qu'il s'agit du "presque super" groupe suédois du début des seventies (The Almost Great Band of Sweden, from the early 1970's). Et pourtant... Savez-vous qu'ils ont une page MySpace (www.myspace.com/sparhusen) ayant été vue plus de 140 000 fois, un Twitter (http://twitter.com/Sparhusen) suivi par près de 200 followers et qu'ils se sont produits hier à L'Egyptian Theater de Los Angeles.

Pourquoi en parler ? Tout simplement parce qu'il s'agit (à ma connaissance) de la première webserie (série produite pour une diffusion exclusive en streaming sur le web) dans laquelle joue un acteur de la A-List d'Hollywood, j'ai nommé Keanu Reeves (dans le rôle du producteur de disques déjanté Vorste Feirron, à droite au premier rang sur la photo). Le premier épisode de la série  est disponible depuis quelques heures seulement. C'est drôle, décalé et, ma foi, de très bonne facture pour une production destinée exclusivement au web.

Le pitch : l'avion du groupe Sparhüsen s'est tragiquement abimé en mer il y a 35 ans. Seule la chanteuse du groupe, Beirget, enceinte au moment des faits, en a réchappé. Mais depuis les années 80, une rumeur persistante affirme que les 2 autres membres du groupe, Olf et Gert, sont encore vivants, cachés sous de faux noms. La série se propose donc de répondre à la question suivante : quelle est la véritable histoire de Olf, Gert et Beirget ?

Pour visionner le premier épisode : http://www.mydamnchannel.com/Sparhusen/Spärhusen/Episode1_2977.aspx

Extension gratuite Dreamweaver Editeur HTML

05 octobre 2009 | Posté par caroder à 20:29

Voici une extension, proposée par Tecnorama, qui permet d'intégrer un éditeur HTML à vos pages, basé sur la technologie JQuery.

Il est important de noter que cet éditeur n'est pas un éditeur purement Wysiwyg et qu'il nécessite de la part de l'utilisateur final un minimum de connaissance du HTML.

Il a cependant des avantages non négligeables, notamment par rapport à FCKEditor dont vous trouverez le tutorial d'installation ici :

• L'utilisateur peut régler la hauteur de la fenêtre
• L'utilisateur peut avoir une prévisualisation du rendu de sa saisie
• Les feuilles de styles de cet éditeur sont modifiables par le développeur.

Vous pouvez télécharger et visualiser une démo de cette extension ici : http://tecnorama.org/document.php?id_doc=80

Extension gratuite pour codeur PHP

| 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 !).

Galerie HTML5

01 octobre 2009 | Posté par caroder à 20:33

Depuis quelques semaines plus de six mois un nouveau genre de galerie a vu le jour sur la toile. Celle-ci ne regroupe que des sites utilisant HTML5. Un bon moyen d'apprendre par l'exemple ou de se faire référencer assez facilement dans une galerie et de s'attirer des visiteurs... En ce moment, plus de 2 nouveaux sites par jour.

Pour visiter ce site : http://html5gallery.com/