Dreamweaver gratuit

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

Nouveau theme wordpress gratuit e-commerce

30 juillet 2009 | Posté par caroder à 12:26

C'est assez rare pour le mentionner : le second thème Wordpress gratuit pour e-commerce est né (pour ceux qui n'ont pas lu mon précédent billet sur wordpress et e-shop, il n'en existe qu'un autre, c'est Crafty Cart)...

Il est assez joli et s'appelle SimpleCart.

Vous pouvez en voir la démo et le télécharger ici : http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/

Extension gratuite Dreamweaver ! Construisez et stylez de superbes formulaires en 5mn

| Posté par caroder à 12:09

Georges Petrov propose gratuitement sur le site DMX Zone une nouvelle et superbe extension pour Dreamweaver vous permettant de construire et styler vos formulaires par simple drag and drop. Cette extension propose 6 feuilles de style prédéfinies dont deux me semble pas mal du tout (Clean et Clear).

Vous pouvez tester ces styles : http://www.dmxzone.com/demo/php/formDesigner/formDesigner1/index.php?name=littlecookie&passwordfield1=c%40sp3r&passwordfield2=&bio=

Pour accéder aux fonctionnalités proposées par l'extension, vous devez vous rendre dans la palette insertion >> DmxZone, puis cliquer sur l'item dmxCssFormDesigenr pour commencer le wizzard de l'extension. A gauche de la fenêtre ci-dessus, dans le header, les éléments de formulaire à cliquer/déposer dans la zone du milieu, à droite le choix de style prédéfini (dans ma capture "clean").
En bas de la fenêtre, les attributs de l'élément de formulaire (nom, label, formats prédéfinis et édition via Dreamweaver).

Parmi les fonctionnalités proposées :

• Totalement basé sur la mise en forme CSS
• Les éléments de formulaire sont glissés/déposés avec leur <label>
• Des champs de formulaire aux étiquettes prédéfinies tels que liste de pays, capitales européennes, mois, jours de la semaine…
• Tous les éléments sont bien entendus modifiables dans Dreamweaver selon vos besoins.

Il est à noter que Georges Petrov indique un bug de fonctionnement pour les utilisateurs de Dreamweaver CS3 qui navigue encore avec IE6. Pour ma part, avec Dreamweaver CS4 et IE6, cela a parfaitement fonctionné…

Toutes les informations concernant cette extension sont disponibles ici : http://www.dmxzone.com/go?16830 (inscription obligatoire au site pour télécharger l'extension)

A noter, un bug sur le lien vers le manuel d'utilisation : il vous emmènera sur le manuel d'une autre extension de création de calendrier (payante) !

Un grand merci à Georges Petrov pour cette extension très utile.

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

Thèmes gratuits Wordpress inspirés de la typographie

14 juillet 2009 | Posté par caroder à 22:17

Dans la continuité de mon billet sur l'utilisation de la typographie dans le design web avec Dreamweaver, voici des thèmes Wordpress gratuits dont le design est essentiellement basé sur les effets de la typo. Ces designs web gratuits sont le résultat d'un concours organisé par Smashing Magazine. Le résultat est époustouflant, particulièrement pour les trois premiers lauréats dont voici une préview :

Le gagnant intitulé "T-20", d'inspiration presse quotidienne anglo-saxonne

Le 2e lauréat dont le thème est basé sur la typographie "Georgia"

Le 3e, qui a ma préférence, d'inspiration suisse : "Experimental"

Inutile de préciser que ces designs sont valides XHTML.
Pour télécharger ces thèmes : http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/

Les résultats du sondage "Lecteurs de Dreamweaver gratuit, qui êtes-vous ?"

09 juillet 2009 | Posté par caroder à 21:45

Je l'avais promis, voici donc les résultats du sondage "Lecteurs de Dreamweaver gratuit, qui êtes-vous ?" que j'avais ouvert le 22 juin dernier.

Premier enseignement, vous êtes très majoritairement des lecteurs du sexe masculin puisque les hommes représentent près de 83% de mon lectorat !

Par ailleurs la majorité de mes lecteurs se jugent utilisateurs avancés (56% versus 44% de débutants) et personne ne s'estime expert : est-ce à dire que vous êtes tous modestes ou bien que mes articles n'intéressent pas les meilleurs d'entre nous ?

Concernant votre maîtrise de l'anglais, c'est pas mal mais peut mieux faire : 1/5 des lecteurs ne comprend pas du tout la langue de Shakespeare, 1/3 possède des notions scolaires, 1/4 parle un anglais courant tandis 17% de mon lectorat est anglophone "avancé". Un seul de mes lecteurs est bilingue.

Tout le monde (sauf 1) utilise le HTML (c'est un peu évident...) et près de 90% les CSS. Le PHP est votre langage de script de prédilection (80%) suivi par javascript (58%). ASP, .NET et JSP font des scores anecdotiques tandis que personne ne se sert de Coldfusion.

En général, outre Dreamweaver, vous maîtrisez les logiciels graphiques de la suite Adobe (Photoshop, Flash  et Illustrator les deux premiers aux alentours de 65% et Ie dernier à 48%).

Votre préférence en matière d'informations est la suivante (par ordre décroissant) : CSS, PHP, extensions, design, référencement, template, Wordpress, ASP.

Enfin, le fait que tout ce qui est publié ici soit gratuit est TRES important pour vous et vous avez l'air de bien aprécier mes tutoriaux que vous trouvez assez faciles ! Mon rythme de publication semble vous convenir mais les tutoriaux vidéo ou en anglais, c'est bof.

Pour finir vos suggestions : des plus farfelues (me faire rentrer au gouvernement ou un tutorial pour faire le café avec Dreamweaver ! :) au plus sérieuses (envoi automatique de mail, moteur de recherche, création de flux rss, compteurs, qui pourtant existent déjà sur le site !), vous avez surtout profité de cet espace pour me remercier du travail fourni.

Permettez-moi, à mon tour de remercier mes fidèles lecteurs pour ces encouragements et témoignages de gratitude qui me sont allés droit au coeur.

L'aide en français Dreamweaver CS4 est en ligne !

| Posté par caroder à 11:05

Adobe vient de mettre en ligne son aide en français pour la version CS4 de Dreamweaver (je vous rappelle que seule la version anglaise était disponible jusque là).

Pour la consulter, c'est par ici : http://help.adobe.com/fr_FR/Dreamweaver/10.0_Using/index.html

Monter un site de e-commerce avec Wordpress : boîte à outils

06 juillet 2009 | Posté par caroder à 19:11

Pour monter un site de e-commerce avec Wordpress entièrement gratuitement (excepté le prix de l'hébergement), voici un petit tutorial ou plutôt une boîte à outils :

1. Vérifiez d'abord que le résultat final correspondra à vos attentes ! Vous pouvez consulter par exemple :
   http://www.seekanddestroyclothing.com/
   http://www.imagecubes.com/
   http://www.yayforpins.com
2. Ouvrez un compte paypal si ce n'est déjà fait
3. Téléchargez Wordpress
4. Téléchargez le plugin gratuit e-commerce pour Wordpress
   NB : Ma Boutique est le hack du plugin ci-dessus afin de l'adapter au marché français. Attention : ce plugin ne semble plus maintenu. Il m' a été impossible de contacter le webmestre du site.
5. Téléchargez le thème gratuit Crafty pour le plugin Wordpress e-commerce (il existe aussi http://shoppingthemes.com/vanillacart/ mais moins bien à mon avis).
6. Consultez le tutorial vidéo ci-dessous pour installer votre site :

Extension pour création de widget WRT

01 juillet 2009 | Posté par caroder à 08:15

Cette extension vous permettra de construire un Widget Runtime pour appareil de téléphonie mobile et ainsi de mettre à disposition vos informations pour les heureux possesseurs de Nokia S60...

Quel est l'intérêt, me demanderez-vous... Ca c'est à vous de le déterminer :)

Pour télécharger l'extension :
http://www.forum.nokia.com/Tools_Docs_and_Code/Tools/Runtimes/Web_Runtime/Dreamweaver_Extension/