Page d'archive de tutorial - Dreamweaver gratuit

Sommaire du tutorial Newsletter avec Dreamweaver et PHP

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

Suite aux remarques de quelques internautes, je mets en ligne le sommaire complet de ce tutorial afin qu'il soit accessible depuis une page unique de ce blog (chaque lien ouvre une nouvelle page) :

Catégorie : Créer une newsletter avec Dreamweaver | Commentaires [2] | Rétroliens [0] | Permalien [#] | Tags : newsletter, tutorial

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 :-(

Catégorie : Tutorials vidéo | Commentaires [0] | Rétroliens [0] | Permalien [#] | Tags : dreamweaver, forum, tutorial, vidéo

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/

Catégorie : Tutorials vidéo | Commentaires [1] | Rétroliens [0] | Permalien [#] | Tags : dreamweaver, tutorial, vidéo

Tutorial html5 et css3

19 août 2009 | Posté par caroder à 09:05

Vous allez commencer prochainement le design d'un site (plus exactement dans le tutorial d'aujourd'hui, un blog Wordpress) et vous voulez déjà être prêt pour html5 et utiliser les propriétés les plus intéressantes de CSS3. Vous êtes par nature un early adopter. Enfin, vous n'êtes pas un ayatollah de la compatibilité. Ne passez donc pas votre chemin, vous avez trouvé le tutorial qu'il vous faut !! :-)

Si vous souhaitez utiliser dès maintenant ces fameuses balises html5 et explorer de nouvelles possibilités graphiques avec les CSS3, voici ce que vous allez apprendre à faire :

permettre au navigateur d'interpréter les balises HTML 5.
Utilisez les balises html5 pour le zonage de la page
1. <header> pour le header de la page mais aussi pour celui d'un article
2. <footer> pour le footer de la page mais aussi pour celui d'un article
3. <hgroup> pour regrouper les différents niveaux de titre dans votre header de page
4. <article> pour délimiter le contenu de la page
5. <section> pour indiquer les différentes parties de votre article
6. <aside> pour indiquer des références en compléments de votre article
7. <nav> pour baliser les éléments de navigation
8. <time> pour donner une date de parution
Essayez de nouvelles possibilités graphiques avec les CSS3 :
1. Générer des blocs à coins arrondis via border-radius
2. Créer des ombres à du texte via text-shadow
3. Créer un imprimé type bayadère sur une bordure en CSS via border-left-colors
4. Créer un effet de dégradé sur le fond de page (aucune image utilisée) via box-shadow
5. Jouer les effets de transparence sur les images via opacity

Le design de ce tutorial HTML5 et CSS3 pour blog Wordpress est réalisée entièrement sans images (sauf illustrations en provenance de Flickr) , uniquement avec de la typographie et les possibilités graphiques de CSS3.

Pour apprendre à faire tout ceci, cliquez sur le lien suivant (le design ne s'affichera correctement qu'avec les navigateurs énumérés ci-dessus) et affichez le code source de la page: tout y est commenté pour votre apprentissage.

Fichier de la page HTML5 et CSS3

Catégorie : CSS | Commentaires [3] | Rétroliens [0] | Permalien [#] | Tags : css3, html5, tutorial, wordpress

Sommaire du tutorial Moteur de recherche Full text avec PHP / MySQL et Dreamweaver

10 août 2009 | Posté par caroder à 09:00

Voici le sommaire complet du tutorial Moteur de recherche Full text avec PHP / MySQL et Dreamweaver :

Catégorie : Moteurs de recherche | Commentaires [0] | Rétroliens [0] | Permalien [#] | Tags : moteur de recherche, tutorial

Page de résultats : implémentation du full text - tutorial moteur de recherche full text multi-critère avec Dreamweaver

06 août 2009 | Posté par caroder à 18:57

Nous allons maintenant implémenter le full text dans notre moteur de recherche.

Il va nous falloir :

modifier la requête SQL permettant d'effectuer une recherche full text
créer le code permettant d'isoler les différents mots qui pourraient être saisis dans le champ de recherche du formulaire
Enfin nous allons devoir traiter 2 cas différents : lorsque la personne a saisi des mots clés dans le champ recherche et lorsqu'elle s'est contentée d'utiliser les critères de sélection (puisque qu'alors le full text n'est pas appliqué, une requête full text ne pouvant fonctionner "à vide").

Mettez-vous en mode code. Copiez le code PHP créé par Dreamweaver pour votre requête et sauvegarder le dans un document texte (vous vous en re-servirez par la suite). Modifiez maintenant la ligne de la requête SQL comme suit (pour en savoir plus sur la syntaxe du full-text, reportez-vous au codex MySQL) :

$query_rsRecherche = sprintf("SELECT ouvrages.titre, auteurs.nom_auteur, editeurs.nom_editeur FROM ouvrages, auteurs, editeurs WHERE MATCH (ouvrages.titre, ouvrages.descriptif, auteurs.nom_auteur, editeurs.nom_editeur) AGAINST ('$liste_recherche' IN BOOLEAN MODE) AND ouvrages.code_edit LIKE %s AND ouvrages.code_aut LIKE %s AND auteurs.code_aut = ouvrages.code_aut AND editeurs.code_edit = ouvrages.code_edit", GetSQLValueString($colname2_rsRecherche, "text"),GetSQLValueString($colname3_rsRecherche, "text"));

Repérez maintenant le code que Dreamweaver avait créé pour le champ de recherche. Supprimez les lignes suivantes

$colname_rsRecherche = "-1";
if (isset($_POST['recherche'])) {
$colname_rsRecherche = $_POST['recherche'];
}

Insérez le code suivants à la fin des lignes concernant les deux variables $colnames restants :

$recherche = $_POST['recherche'];
$recherche = strip_tags($recherche); // pour sécurisation contre injection code js ou HTML
$recherche = mysql_real_escape_string($recherche); // pour sécurisation contre injection code SQL
if ($recherche != "") { // SI LE CHAMP RECHERCHE N'EST PAS VIDE
$liste_cles = explode(" ", $colname_rsRecherche); // on mets les mots saisis dans un tableau
$liste = array(); // on instancie le tableau
foreach($liste_cles as $cle) {
$cle = "+".$cle."*"; // ajout de l'opérateur inter-mots ET et de la troncature à droite pour chaque mot conformément à la syntaxe full text de MySQL
array_push($liste, $cle); // on met les mots dans le tableau instancié
}
$liste_recherche = implode(" ", $liste); // passage du tableau en chaîne de caractères et ajout de l'espace entre chaque mot clé.

En dessous vient s'afficher le code de la recherche full-text. Nous venons de traiter le cas où la personne a saisi un mot clé dans le champ. Nous devons maintenant traiter le cas où ceci n'est pas vrai.

En dessous du code :

$rsRecherche = mysql_query($query_rsRecherche, $maConnexion) or die(mysql_error());
$row_rsRecherche = mysql_fetch_assoc($rsRecherche);
$totalRows_rsRecherche = mysql_num_rows($rsRecherche);

Ajoutez le code suivant qui comprend la requête SQL que vous aviez collé dans un document texte mais légèrement modifiée :

} else { // SI LE CHAMP RECHERCHE EST VIDE

mysql_select_db($database_maConnexion, $maConnexion);
$query_rsRecherche = sprintf("SELECT ouvrages.titre, ouvrages.descriptif, auteurs.nom_auteur, editeurs.nom_editeur FROM ouvrages, auteurs, editeurs WHERE ouvrages.code_edit LIKE %s AND ouvrages.code_aut LIKE %s AND auteurs.code_aut = ouvrages.code_aut AND editeurs.code_edit = ouvrages.code_edit", GetSQLValueString($colname2_rsRecherche, "text"),GetSQLValueString($colname3_rsRecherche, "text")); // on a supprimé ici ce qui concernait le champ recherche
$rsRecherche = mysql_query($query_rsRecherche, $maConnexion) or die(mysql_error());
$row_rsRecherche = mysql_fetch_assoc($rsRecherche);
$totalRows_rsRecherche = mysql_num_rows($rsRecherche);
}

Voilà c'est terminé : il ne vous reste plus qu'à tester votre application !

Sommaire du tutorial

Catégorie : Moteurs de recherche | Commentaires [1] | Rétroliens [0] | Permalien [#] | Tags : moteur de recherche, tutorial

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

Catégorie : Moteurs de recherche | Commentaires [0] | Rétroliens [0] | Permalien [#] | Tags : dreamweaver, moteur de recherche, tutorial

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

30 juillet 2009 | 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).

form_extension

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

dmxcss4designer

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.

Catégorie : Formulaires | Commentaires [0] | Rétroliens [0] | Permalien [#] | Tags : extension, formulaire, tutorial

Tutorials menu spry gratuits pour Dreamweaver

29 juin 2009 | Posté par caroder à 08:58

Suite à la question d'une lectrice sur un problème de menu Spry de Dreamweaver, je mets en ligne quelques tutoriaux utiles pour ceux qui souhaiteraient utiliser ce fonctionnel.

1. Un tutorial vidéo basique mais en français

2. Un tuto vidéo en anglais avancé et très détaillé

NB : Comme tout les tutoriaux vidéo de Tutvid, l'accent américain est très prononcé et le débit très rapide. Si vous ne maitrisez pas bien la langue de Shakespeare, passez votre chemin :)

Ce tutorial aborde aussi la partie CSS des menus Spry.

Durée du tuto : plus de 22 minutes !

3. Un tutorial classique en anglais très détaillé

Ce tutorial détaille notamment la feuille de style des menus Spry ce qui peut s'avérer extrêmement utile : http://www.creativepro.com/article/view-source-the-easy-way-add-dynamic-elements-web-sites

Catégorie : AJAX-Spry | Commentaires [0] | Rétroliens [0] | Permalien [#] | Tags : css, menus, Spry, tutorial

Création de la page de recherche – tutorial moteur de recherche full text multi-critère avec Dreamweaver

25 juin 2009 | Posté par caroder à 18:55

Dans cet article, nous allons construire notre formulaire de recherche.

Tout d'abord peuplons la base de données pour nos futurs tests. Je vous donne à titre d'exemple ma propre base de données de test. Pour que ces test soient probants, il nous faut impérativement une masse de texte assez importante pour éprouver la recherche full text. Donc, pour la table auteurs :

INSERT INTO `test_base`.`auteurs` (`id_auteur` ,`nom_auteur` ,`code_aut`)
VALUES
(NULL , 'Balzac', 'au01'),
(NULL , 'Flaubert', 'au02'),
(NULL , 'Maupassant', 'au03'),
(NULL , 'Voltaire', 'au04'),
(NULL , 'Zola', 'au05');

Pour la table éditeurs :

INSERT INTO `test_base`.`editeurs` (`id_editeur` ,`nom_editeur` ,`code_edit` )
VALUES
(NULL , 'Folio', 'ed01'),
(NULL , 'Livre de poche', 'ed02');

Pour la table ouvrages :

INSERT INTO `test_base`.`ouvrages` (`id_ouvrage` ,`titre` ,`descriptif` ,`date_parution` ,`code_edit` ,`code_aut` )
VALUES
(NULL, 'La Cousine Bette', 'La Cousine Bette est un roman d’Honoré de Balzac, paru pour la première fois en feuilleton dans le Constitutionnel d’octobre à décembre 1846. Publié en volume en 1847, il fait partie des Scènes de la vie parisienne, section Les Parents pauvres de la Comédie humaine.
C’est le premier portrait de femme profondément destructrice, rancunière et laide que Balzac ait produit. Même madame de Saint-Estève, la tante de Jacques Collin, alias Vautrin, a quelques caractéristiques émouvantes. La cousine Bette n’en a aucune. Apparentée à un animal malfaisant « ses sourcils épais réunis par un bouquet, sa face longue et simiesque laissent deviner derrière la paysanne des Vosges un caractère de sauvage ».
Et c’est bien d’une sauvage qu’il s’agit. La cousine est animée d’une rage et d’une passion impuissante qui gaspille une énergie folle à nuire sans recueillir les fruits de ses intrigues, pourtant patiemment élaborées, telle une araignée tissant sa toile. Ce roman est un des chefs d’œuvre de la Comédie humaine. Le roman-feuilleton devient ici tragédie classique avec une forme d’expression littéraire beaucoup plus moderne.', '2007-01-18', 'ed01', 'au01'),
(NULL, 'Le Père Goriot', 'Le Père Goriot est un roman d’Honoré de Balzac, écrit en 1834, dont la publication commence dans la Revue de Paris et qui paraît en 1835 en librairie. Il fait partie des Scènes de la vie privée de la Comédie humaine. Le Père Goriot établit les bases de ce qui deviendra un véritable édifice : la Comédie humaine, construction littéraire unique en son genre, avec des liens entre les volumes, des passerelles, des renvois.', '2008-04-15', 'ed02', 'au01'),
(NULL , 'L''Education sentimentale', 'L’Éducation sentimentale, histoire d’un jeune homme est un roman écrit par Gustave Flaubert, et publié en 1869.
Le cœur du récit est tiré du roman de Sainte-Beuve : Volupté, qu’Honoré de Balzac avait déjà traité et d’une certaine manière réécrit avec le Lys dans la vallée. Le roman de Flaubert reprend le même sujet[1] selon des règles narratives entièrement neuves, réinventant le roman d'apprentissage pour lui donner une profondeur et une acuité jamais atteinte. Malgré une critique négative lors de sa parution, il est devenu, depuis Proust, un livre de référence pour les romanciers du XXe siècle.
Le roman, rédigé à partir de septembre 1864 et achevé le 16 mai 1869 au matin, comporte de nombreux éléments autobiographiques (tels la rencontre de Madame Arnoux, inspirée de la rencontre de Flaubert avec Élisa Schlésinger). Il a pour personnage principal Frédéric Moreau, jeune provincial de dix-huit ans venant faire ses études à Paris. De 1840 à 1867, celui-ci connaîtra l’amitié indéfectible et la force de la bêtise, l’art, la politique, les révolutions d’un monde qui hésite entre la monarchie, la république et l’empire. Plusieurs femmes [Rosanette, Mme Dambreuse] traversent son existence, mais aucune ne peut se comparer à Marie Arnoux, épouse d’un riche marchand d’art, dont il est éperdument amoureux. C’est au contact de cette passion inactive et des contingences du monde qu’il fera son éducation sentimentale, qui se résumera pour l’essentiel à brûler, peu à peu, ses illusions.
Le personnage de Frédéric, sans doute inspiré à Flaubert, pour une bonne part, par ses propres expériences de jeunesse, est aussi la figure définitive d'une génération nourrie par le courant d'idées romantique le plus large. Ainsi, en même temps qu'il exalte la pureté de son amour pour Madame Arnoux, celle-ci empêche Frédéric de choisir la moindre situation dans une société, celle du Second Empire, qui mise beaucoup sur la carrière et l'idée de parvenir. En cela, Frédéric est ce que Marthe Robert a nommé le "Bâtard moyen", plein de rêves qui le détournent de l'action, en opposition avec le Bâtard de l'époque de Napoléon, où conquérir le pouvoir était à la portée de toute volonté, immortalisé par Balzac avec le personnage de Rastignac.', '2007-02-06', 'ed01', 'au02'),
(NULL , 'Salambo', 'Salammbô est un roman historique de Gustave Flaubert, paru en 1862 chez Michel Lévy.
Il prend pour sujet la Guerre des Mercenaires, IIIe siècle av. J.-C., qui opposa la ville de Carthage avec les Mercenaires barbares qu’elle avait employés pendant la première Guerre punique, et qui se révoltèrent, furieux de ne pas avoir reçu la solde convenue. Flaubert chercha à respecter l’Histoire connue, mais profita du peu d’informations disponibles pour décrire un Orient à l’exotisme sensuel et violent.', '2006-06-12', 'ed02', 'au02'),
(NULL , 'Le Horla', 'Le Horla est une nouvelle fantastique de Maupassant écrite en en 1887. C’est un des premiers récits fantastiques que Maupassant a écrits. Le Horla se présente sous la forme d’un journal inachevé qui laisse craindre que son propriétaire n’ait sombré dans la folie. Le Horla marque les prémices de la folie de son auteur, Guy de Maupassant, qui mourra 6 ans plus tard, dans une paranoïa et une folie totale.', '2009-04-07', 'ed02', 'au03'),
(NULL , 'Candide', 'Candide, ou l’Optimisme est un conte philosophique de Voltaire paru à Genève en janvier 1759. Il a été réédité vingt fois du vivant de l’auteur (plus de cinquante aujourd’hui) ce qui en fait un des plus grands succès littéraire français. Anonyme en 1759, Candide est attribué à un certain « Monsieur le Docteur Ralph » en 1761, à la suite du remaniement du texte par Voltaire. Ce titre ronflant donne tout de suite le ton au lecteur qui pourrait hésiter sur le genre de l’ouvrage : conte ou essai ? Art mineur ou art noble ? L’auteur prend, dès les premières lignes, position contre la noblesse aux titres bien plus ronflants que celui-ci. Et que dire du nom du soi-disant docteur Ralph ? Rien de plus qu’une onomatopée qui ne laisse aucun doute sur le ton de cette œuvre (voir Thunder-Ten-Tronckh, le château de la situation initiale). Cette œuvre si ironique dès les premières lignes, ne laisse aucun doute sur l’origine de l’auteur, qui ne pouvait faire partie que des Lumières. Et de là à penser à Voltaire, le doyen des Philosophes, pour le lecteur du XVIIIe siècle, il n’y a qu’un pas. Le plus achevé des contes de Voltaire, il s’agit également d’un roman de formation.', '2009-05-04', 'ed01', 'au04')
(NULL , 'Au Bonheur des dames', 'Au Bonheur des Dames est un roman d’Émile Zola publié en 1883, le onzième volume de la suite romanesque les Rougon-Macquart. À travers une histoire sentimentale à l’issue inhabituellement heureuse, le roman entraîne le lecteur dans le monde des grands magasins, l’une des innovations du Second Empire. Le modèle du personnage d'Octave Mouret est Auguste Hériot, co-fondateur des Grands Magasins du Louvre.', '2006-10-22', 'ed01', 'au05');

La construction du formulaire de recherche est assez simple.

Créez une page que vous nommerez recherche.php.
Créez une connexion à la base de données. Dans ce tutorial, nous la nommons comme d'habitude maConnexion.
Insérez un jeu d'enregistrement rs_auteur dont vous paramétrez la fenêtre de la façon suivante :
Insérez un jeu d'enregistrement rs_editeur dont vous paramétrez la fenêtre de la façon suivante :
Créer un formulaire comportant un champ texte dont le nom est "recherche", un menu déroulant dont le nom est "VARauteur" et un menu déroulant dont le nom est "Varediteur".
Le code source de votre formulaire doit ressembler à ceci :
<form method="post" id="form1" action="resultat.php">
<fieldset>
<p>
<label>Rechercher : </label>
<input name="recherche" type="text" id="recherche" size="50" />
</p>
<p>
<label>Auteur : </label>
<select name="VARauteur" id="VARauteur">
</select>
</p>
<p>
<label>Editeur : </label>
<select name="VARediteur" id="VARediteur">
</select>
</p>
<p>
<input type="submit" name="envoi" id="envoi" value="Envoyer" />
</p>
</fieldset>
</form>
Sélectionnez le menu VARauteur et cliquez sur le bouton "dynamique" dans l'onglet des propriétés. Paramétrez la fenêtre comme suit pour récupérer les données de la table auteurs :

La 1re valeur de la liste, "--- Tous les auteurs---", comporte le préfixe commun à tous les codes auteur (colonne code_aut dans la base) auquel on ajoute l'opérateur de troncature de MySQL, %. Ainsi si cet item reste sélectionné, c'est bien sur l'ensemble des auteurs que la recherche s'effectuera.
Procédez de la même façon pour la liste VARediteur :

La 1re valeur de la liste, "--- Tous les éditeurs---", comporte le préfixe commun à tous les codes éditeurs (colonne code_edit dans la base) auquel on ajoute l'opérateur de troncature de MySQL, %. Ainsi si cet item reste sélectionné, c'est bien sur l'ensemble des éditeurs que la recherche s'effectuera.
Rajouter maintenant un peu de "styles" à votre formulaire :)
<style type="text/css">
h1 {
         text-align:center;}
form {
         margin: 0 33%;
}
fieldset {
         padding: 15px;
         border: 1px solid #F00;
}
label {
         display:inline;
         float:left;
         width: 125px;
         font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
</style>