Documente Academic
Documente Profesional
Documente Cultură
http://softtop.free.fr
FORMATION
DREAMWEAVER CS4
AVEC LANGAGE PHP ET
BASE DE DONNEES MYSQL
Dans Apache
environnement Ces information donnent le
Cliquer sur phpinfo().
sur Statut vous aveznom
Cliquer Important (localhost) et ladresse
la version
de Scurit
Cliquer sur PHP que vousce
En vert allez
sontutiliser.
(127.0.0.1) de votre serveur
les services
Assurezactifs.
vous
Les queque
autres votre
vous
options devrez
nedenousentrer dans
Votre serveur local nest actuellement
PHP pas
et la scuris
base mais si
Vous arrivez sur lcran
hbergeur daccueil
de site
seront de
la web
pas XAMPP
configuration
utiles
sontpour ledu site web
vous ne lutilisez quen local et siMYSQL
donne vous tes seul
biensur un
qui souvre danspossde
votre actif
navigateur
la on
mme. par
dans
moment. dfaut.
dreamweaver.
rseau priv vous ntes pas oblig peut de mettre
donc des
les mots de
Je vous conseil vivement Firefox dont les
passe sur ladministration du serveurutiliser
APACHE et de la base
plug-in HTML validator et Javascript
MYSQL. Autrement cest indispensable. Nutilisez pas cette
debugging ( tlcharger) savre des outils
version pour faire un serveur WEB accessible depuis internet
prcieux pour la mise au point de pages web
elle nest pas scuris pour cela.
complexes.
Administration des bases de
donnes MYSQL
Choisir la table
Sur PhpMyadmin, menu en cliquant
Remplir leslachamps
slectionner base
de donnes
TOPSOFT
Puis cliquer sur
Excuter
Voici la table menu
avec ses donnes.
Raliser le menu
Pour raliser le menu nous devons donner
certaines information Dreamweaver.
Dfinir la base de donne utilise.
Indiquer quelle table nous allons utiliser.
Lordre dans lequel nous allons afficher les
donnes du menu.
Pour cela nous allons utiliser les
comportements serveur de Dreamweaver.
Raccordement la base de
donne
Nommer le Jeu
Slectionner la base
denrgistrement Tester la requte
Slectionner
de donnela table
menu Sur Comportement
Cliquer sur +
serveur
Cliquer sur Jeu Vous disposez
denrgistrement maintenant du jeu
denregistrement
Slectionner sur le tri sur Slectionner sur le Menu
index qui donnera lordre tri sur croissant
daffichage des donnes Cliquer sur OK pour
du menu fermer la fentre
Placer le menu sur la page
Slectionner
Slectionner
source
sourcededefichier
fichier
Insrer une image en Slectionner
Slectionner Lien
haut de la colonne La liaison de limage
Image
prvue pour le menu avecLaleliaison
champde la page
image
avec
de laletable
champMenuLien de la Cliquer sur OK
table Menuicisinscrit ici
sinscrit Cliquer sur OK
Dplaons le bouton
lextrieur du tableau et
supprimons la dernire
ligne du tableau Cliquer
Cliquersursurinsrer
insrer
lalabalise
balisediv
Cliquer sur OK
Slectionner la Slectionner
Slectionner
ligne du haut titreForm
corpForm
Slectionner le bas
du formulaire et Slectionner le
selectionner tableau
piedForm
Formulaire: prsentation avec CSS
Nom devient en
Slectionner gras
Nom
Rpter la mme
opration sur tous
les champs ayant
un astrix
Slectionner la
classe oblig
Slectionner
une classe
Formulaire: focus sur le champ en
mode saisie
Dans un formulaire vous devez aider au maximum
la personne qui doit le remplir.
A laffichage de la page mettre le focus sur le 1er
champ de saisie (Champ dans lequel ce fait la
saisie).
Changer la couleur du champ qui a le focus.
Donner un N dordre chaque champ. Cela
permet de passer dun champ lautre avec la
touche de tabulation.
Vrifier le contenu de la saisie des champs (voir
scurit des champs de saisie).
En cas derreur de saisie rafficher le contenu des
champs saisis (trs important).
Formulaire: focus sur champ de saisie
Dans le code source, Juste aprs la balise
</head>
Insrer cette ligne de code mettra le focus sur le champ nom louverture de
la page dans le navigateur.
<body onload="document.getElementById(nom ).focus()">
Par contre en cas derreur de saisie il faudra mettre le focus sur le champ ou
lon a dceler lerreur. Lidal est alors de crer une variable serveur qui nous
renverra le nom du champ en erreur si cela se produit.
<?php require_once('Connections/topsoft.php'); ?> connexion la B.D.D.
<?php session_start(); // dmarrage dune session
Si cest le premier affichage du formulaire la variable est vide on met donc le
focus sur nom par dfaut. Sinon on ne fait rien car elle contient le nom du
champ en erreur.
if ($_SESSION['focus'] == "") {$_SESSION['focus'] = "nom";} ?>
Voici maintenant lcriture du focus du champ laffichage de la page.
<body onload="document.getElementById('<?php echo $_SESSION['focus'];
?>').focus()"> Notez que linsertion de code php se trouve entre les balises
<?php et ?>. Ces balises sont disponibles dans le menu php.
Changer la couleur du champ qui a
le focus
Dans
Puis cliquer OK
Comportements
pour valider
serveur, cliquer
sur + Indiquer le message
d'erreur. Le message par
dfaut est en anglais
Puis cliquer
Puis cliquer sur Check Puis
surcliquer
First element (on ne sur Check
FELIXONE
contrle qu'un lment) new elements
Contrles de donnes
Dans Balise Comportements nous allons
cliquer sur + et choisir Massimocorner
Compare fields. Il s'agit d'un comportement
import depuis les comportements
disponibles sur internet et accessible
directement depuis Dreamweaver. Selectionner password
dans la form1
Changer le message
d'erreur en franais Slectionner
password_confirm dans
la form1
rafficher le contenu des champs
saisis
Nous allons aborder un chapitre important et un peu
compliqu mettre en uvre, le raffichage des
donnes saisie aprs contrle de celles-ci.
Ceci est trs important car sinon la personne qui fait une
erreur lors de la saisie devrait tout ressaisir chaque
fois qu'elle fait une erreur et cela, on le comprendra
aisment, peut dcourager beaucoup de monde de
s'inscrire sur ce site.
Par scurit nous allons utiliser des variables de
sessions qui ont l'avantage d'tre scurises car
stockes sur le serveur donc plus difficiles mais pas
impossible pirater.
Mais avant cela nous allons crer une connexion
scurise pour l'accs aux pages protgs.
Connexion duune
Dfinir le champ de saisie nom page protge
Dfinir le champ
d'utilisateur ici de saisie du
l'adresse mot
mail
de passe ici password
Indication d'affichage de
variable de session
Cliquer sur +
Vous devez Cliquer sur OK
relier les
donnes de la
table
Cliquer sur
enregistrement
indiquer sur quelle page un champ de la "form"
aller aprs l'insertion des dans laquelle vous
donnes du formulaire saisissez vos donnes
Afficher le contenu d'une fiche
Pour permettre la mise jour d' une
fichePour
vousvisualiser
aller crerle2contenu
formulaires
de la
l'aide deill'icone
fiche form. les donnes
faut afficher
dans les champs de saisie.
1er formulaire
Cliquer sur OK
Cliquer sur +
Slectionner le champ de
formulaire correspondant
Cliquer sur Mettre
Indiquer sur quelle page aller aprs la donne de la table
jour l'enregistrement
mise jour de la fiche (ici on raffiche
les donnes modifies)
Supprimer une fiche
Faire une copie de la page modification
puis supprimer le comportement serveur
"Mise jour" et le formulaire modification.
Pour supprimer le contenu de la fiche il
faut ajouter un comportement serveur
"Supprimer l'enregistrement".
Crer une page supprime_inscriptionOK
qui confirmera que la suppression eu
lieu
Cliquer sur OK
Prciser la table
indiquer la colonne de
cl primaire
Noter le nom de la variable du Cliquer sur Supprimer
menu de reroutage (ici l'enregistrement
selecAdherent)
Accs restreint certaines pages
Pour accder une partie prive du site on peut
autoriser l'accs des pages protges par un
nom d'utilisateur et un mot de passe.
Nous allons donc utiliser un formulaire d'accs
pour la saisie du nom et du mot de passe.
Dreamweaver a des outils spcifiques ce
genre d'opration dans les comportements
serveur.
Formulaire d'accs priv
Cliquer sur + .
Cliquer sur + .
Cliquer Bouton
Selectionner le type:|
Selectionner le systeme:|
Positionner le curseur
l'emplacement que vous
dsirer dans le Formulaire
Comportement serveur pour trier
les donnes en fonction des choix
Cliquer +
Variables
Cliquer sur +
Cliquer sur OK
Cliquer Tester
Nommer la Cliquer sur OK
Slectionner
variable le
Donner
type (ici la valeur
texte)
par dfaut Dfinir la variable Type et rcuprer la
valeur deRcuprer la valeurde
la forme slecteur detype
la forme slecteur
Dfinirdel'ordre
$HTTP_GET_VARS['selectType'] d'affichage des donnes.
systeme
Dfinir
pour lelesfaire
conditions d'utilisation
vous pouvez cliquerdes
sur + de
Cliquer + Table $HTTP_GET_VARS['selectSysteme']
Cliquer SELECT
variables
la table prcdemment
soft slectionnerdfinies.
le champ sur
Cliquer soft
lequel vous dfinissez l'ordre des donnes
Cliquer
et cliquer sursur OK BY
ORDER
Afficher les donnes
Selectionner le type:|
Selectionner le systeme:|
{Soft.Soft_Nom}
Cliquer sur +
Slectionner Rgion
Cliquer sur OK rpte
Slectionner
Slectionner Soft 10
afficher
{Soft.Soft_Description} enregistrements la fois
Cliquer sur +
Cliquer sur OK
VrifierCliquer
que voussur dplacer
verslalabonne
activer bien page suivante
table de donnes
Le lien suivant
est activ
Mise en ligne en fonction des
possibilits du serveur web
Vous devez trouver un hbergeur web qui
inclut dans son offre le langage PHP (la
plupart offre la version 5) et une base de
donne MySQL (Free propose aussi
postgreSQL (plus complet mais je n'ai pas
essay avec Dreamweaver)