Cours HTML CSS Et PHP

Cours HTML/PHP
Cours HTML/PHP
Cours HTML/PHP
Pages Web
Pages
Web
statiq
ues
Principe de fonctionnement :
L’utilisateur demande l’accès à une page Web depuis
son navigateur.
Adresse tapée, clic sur un lien, utilisation d’un signet,
etc ...
Le navigateur envoie une demande à un serveur
Web. Le serveur Web lit le fichier demandé sur le
disque dur.
Le serveur Web envoie le contenu du fichier au
navigateur. Le navigateur affiche le contenu de la page.
Pour l’affichage, il peut également demander le
contenu d’autres fichier au serveur (ex : images).
Cours HTML/PHP
Pages Web
Illustr
ation
Poste client Serveur
Serveur Web
Navigateur (1): demande "index.html"

Web
(4): contenu de index.html
(3): contenu de index.html (2): accès à "index.html"
Disque
Cours HTML/PHP
Pages Web
Pages
Web
dyna
miqu
Pages statiques :
es Pour changer le contenu, il faut éditer le
fichier.
Idée : générer le contenu de la page au moment ou`

elle est demandée, en fonction :
du contenu d’une base de données ;
de paramètres fournis avec la demande (ex :
formulaires).
Cours HTML/PHP
Pages Web
Pages
Web
Dyna
miqu
es :
foncti
onne
ment
L’utilisateur demande l’accès à une page Web depuis

son navigateur.
Le navigateur transmet envoie une demande au serveur web
comprenant :
le nom de la page, qui correspond en fait à un programme
;
éventuellement un ensemble de paramètres.
Cours HTML/PHP
Pages Web
Illustr
ation
(4): génération du contenu (4.1): requêtes et

HTML résultats
Poste client Serveur Serveur
Serveur Web
Navigateur SGBD
Web (5): contenu HTML
Module
PHP
(1): demande "index.php"

+ paramètres
Disque
(2): accès à "index.php" (3): code source de index.php

Cours HTML/PHP
Pages Web
Quelq
ues
langa
ges
Langage
s utilis
és :
Po
ur
le
c
o
nt
e
n
Cours HTML/PHP
Pages Web
Cr
éati
on
de
pages
dyna
miqu
es
Dans notre cadre, pour créer une page dynamique, il faut
: Créer un programme PHP correspondant à cette
page.
Plus précisément, écrire le code source de ce
programme.
Le but de ce programme est de générer le contenu d’une page
Cours HTML/PHP
HTML
Structure de
base
HTML
:
Princi
pe
Fichier texte contenant des informations de structuration.

La structure est indiquée à l’aide de balises :
Le nom de la balise indique le type de mise en forme
à appliquer.
On met une balise ouvrante au début du morceau de
texte concerné :
<nom b al i s e> début du t e x t e
On met une balise fermante à la fin du texte concerné :
f i n du t e x t e </nom b al i se > ( ! au / )
Une balise ouvrante peut contenir des attributs de la forme
nom="valeur"
<nom b a l i s e nom1="val1" nom2="val2" . . . > t e x t e
Les attributs permettent de préciser des informations
Cours HTML/PHP
HTML
Structure de
base
Struct
ure
d’une
page
HTM
<html>
L <head>
< t i t l e > t i t r e de l a page< / t i t l e >
Une</head>
<body>
page
HTML P a r t i e a f f i c h ée dans l e n a v i g a t e u r.
</body>
a la
</html>
structu
re
suivant
Les commentaires (non affichés) sont délimités par < ! - -
e :
et - - > .
Cours HTML/PHP
HTML
Structure de
base
Struct
ure :
parag <p>texte</p>
raphe t exte forme un paragraphe (saut de ligne avant et
s et après).
titres<h1>texte</h1>
t exte est un titre important (paragraphe avec un
affichage plus gros, en gras).
<h2>texte</h2>
t exte est un titre moins important (affichage un peu
moins gros).
...
<h6>texte</h6> te xt e
est un petit titre.
Cours HTML/PHP
HTML
Structure de base
Exemple
de
documen
t HTML
<html>
<head>
<title>
La
page
de
Tot o</
title >
</head>
<body>
<h1>Toto</
h1>
<h2>L’histo
Cours HTML/PHP
HTML
Structure de
base
Struct
ure :
styles
simpl<i>texte</ i> ou <em>texte</em> :
mettre texte en italique.
es
<b>texte</b> ou <strong>texte</strong> :
mettre texte en gras.
<u>texte</u> :
souligner texte .
<big>texte</big> :
mettre texte en plus grand.
<small>texte</small> :
mettre texte en plus petit.
Cours HTML/PHP
HTML
Structure de
base
Struct
ure :
listes
<ul>
< l i > en t r ée 1 < / l i >
< l i > en t r ée 2 < / l i >
< l i > en t r ée 3 < / l i >
<li>...</li>
</ul>
<ol>
< l i > en t r ée 1 < / l i >
< l i > en t r ée 2 < / l i >
< l i > en t r ée 3 < / l i >
<li>...</li>
</ol>
Cours HTML/PHP
HTML
Structure de
base
Struct
ure :
table
aux
<table>
<tr>
<td>
case
1</t
d>
<td>
case
2</t
d>
</tr>
<tr>
<td>
case
Cours HTML/PHP
HTML
Structure de
base
Struct
ure :
table
aux -
<ta ble border="2">
2 <tr>
<td>
case
1</t
d>
<td>
case
2</t
d>
</tr>
<tr>
<td>
case
Cours HTML/PHP
HTML
Structure de
base
Liens
hyper
texte
s
<a href=" adresse web">texte</a>

t exte devient un lien cliquable.
Lorsque l’on clique sur texte, on va
à l’adresse (URL)
adresse web.
<a h ref="ht tp ://www.w3.org/TR/html401/">Documentation

HTML</a>
Le texte Documentation HTML est un lien vers la page web dont
l’adresse est h tt p ://www.w3.org/TR/html401/
Cours HTML/PHP
HTML
Structure de base
Image
s
Inclure une image :
<img src="adresse web image">
Pas de balise fermante pour <img>
adresse web image : adresse web ou` chercher

l’image.
Cours HTML/PHP
HTML
Formulaires
Formu
laires
:
princi
pe Objectifs :
accéder à une page (dynamique) en spécifiant des
paramètres ; permettre à l’utilisateur de saisir ces
paramètres.
Comment :
en utilisant des champs textuels, des listes déroulantes,
des cases à cocher ;
à chacun de des composants de saisie correspond
un paramètre.
Cours HTML/PHP
HTML
Formulaires
Formu
laires
:
balis
<form action="adresse web" method="POST" name="nom">
e contenu f or m ula i r e
</form>
princi
contenu f or mul a ir e : du texte contenant en particulier des
palebalises représentant les différents composants de saisie ;
adresse web : l’adresse de la page web dynamique à laquelle
on souhaite accéder via ce formulaire ;
POST : la méthode de transmission des paramètres (on peut
également mettre GET) ;
nom : le nom du formulaire (optionnel).
Cours HTML/PHP
HTML
Formulaires
Formu
laires
:
saisie
<input type=" text" name="nom">
de Créée un champ de saisie pour une ligne de texte.
textenom est le nom du paramètre correspondant à ce
composant. On peut ajouter les attributs suivants :
size="un nombre" : la taille du champ en caractères ;
value="une v a l e u r " : texte pré-saisi
utile pour modifier des informations.
On peut remplacer type="text" par type="password" si on
veut afficher des * au lieu des lettres lors de la saisie.
Pas de balise fermante.
Cours HTML/PHP
HTML
Formulaires
Formu
laires
:
saisie
<textarea name="nom" rows="h" c o l s = " l " >
d’un
contenu pré s a i s i
grand
</textarea>
texte
Créée un champ de saisie pour du texte sur plusieurs lignes.
nom est le nom du paramètre correspondant à ce
composant. h est la hauteur du composant en nombre de
lignes.
l est la largeur du composant en nombre de caractères.
le contenu pré saisi peut être vide et ne contient de balise.
Cours HTML/PHP
HTML
Formulaires
Formu
laires
:
para
mèt
<input type="hidden" name="nom"
res
v a l ue = " va l " > Permet de donner la valeur v a l
cach
au paramètre nom. Ce composant n’est pas
és affiché.
Utile pour spécifier un identifiant dans un formulaire de
modification des informations de la base.
Pas de balise fermante
Cours HTML/PHP
HTML
Formulaires
Formu
laires
: liste
d
éro
ulant
e
<selec
t
name=
"nom"
>
<opt
ion
val
Cours HTML/PHP
HTML
Formulaires
Formu
laires
:
bout
<input type="submit" value="texte">
ons Créée un bouton déclenchant le chargement de la
de page de destination (attribut a c t i o n de la balise
<form>).
soumi
te xt e est un texte qui sera affiché sur le bouton.
ssion
<input type=" reset" value="texte">

Créée un bouton déclenchant la réinitialisation du
formulaire, en utilisant les valeurs pré saisies lorsqu’elles
existent.
te xt e est un texte qui sera affiché sur le bouton.
Cours HTML/PHP
HTML
Formulaires
HTML
:m
éth
odes
Deux méthodes de transmission des
de paramètres GET
transLes paramètres sont encodés avec
missi l’adresse de la page :
à la fin de l’adresse, on ajoute le caractère ?
on puis pour chaque paramètre on ajoute
de nom=val les paramètres sont séparés par le
caractère &
para Utile pour spécifier des paramètres dans un
metr lien hypertexte.
es` POST
Les paramètres sont encodés séparément de
l’adresse web. Plus pratique pour les formulaires.
Cours HTML/PHP
PHP
Généralités
PHP
Un fichier PHP est le code source d’un programme.

Ce programme a pour but de générer une page
HTML. PHP est un langage impératif proche du C.
Cours HTML/PHP
PHP
Généralités
PHP :
deux
types
de
”zon
es” Délimitées par < ? et ?>
Zones entre < ? et ?> : code PHP à exécuter (similaire
à du code C).
Zones à l’extérieur de < ? et ?> : texte et balises qui
seront recopiés directement dans le contenu HTML g
énéré.
Cours HTML/PHP
PHP
Généralités
PHP :
varia
bles
Le nom d’une variable commence par un $
$ i , $ u t i l i s a t e u r , $i d, . . .
Affectation comme en C :
$ i = valeur ;
Les variables ne sont pas explicitement déclarées comme
en C.
Une variable existe dès que l’on a fait une affectation
dessus.
Une variable peut contenir un nombre, une chaˆıne de
caractères, un booléen (en réalité un entier comme
en C) ou un tableau.
Cours HTML/PHP
PHP
Généralités
PHP :
gén
érat
ion
Deux méthodes :
du
Mettre du texte à l’extérieur de < ? et
conte
?>. Utiliser l’instruction p r i n t :
nu p r i n t valeur ;
valeur est évalué puis transformé
en texte.
Ce texte est ajouté à la suite du contenu HTML déjà
généré. On peut utiliser echo à la place de p r i n t .
On peut considérer que le texte mis à l’extérieur de < ? et
?> est passé en argument à un p r i n t .
Cours HTML/PHP
PHP
Généralités
PHP :
chaˆı
nes
de Délimitées par des guillemets simples ( ’ c h a ^ı n e ’ ) ou
caracdoubles (" cha^ı n e " ).
teresSi une variable apparaˆıt dans une chaˆıne avec guillemets
` doubles, elle est remplacée par sa valeur (convertie en
chaˆıne de caractères).
p r i n t "<p>Mon nom e s t $nom</p>" ;
Les variables apparaissant dans des guillemets simples ne
sont pas remplacées.
Un . entre deux chaˆınes les concatène.
p r i n t "<p>Mon nom".$nom."</p>" ;
Cours HTML/PHP
PHP
Généralités
PHP :
oper
ateur
s´
Arithmétiques :
+ (addition), - (soustraction), * (multiplié), / (divis
coura
é),
nts % (modulo), ++ (incrément), - - (décrément).
De comparaison :
== (égalité), < (inférieur strict), <= (inférieur
large), >,
>=, != (différence)
Logiques :
and, && (et), or, | | (ou), xor (ou exclusif), !
(non)
Cours HTML/PHP
PHP
Généralités
PHP :
table
aux
Syntaxe similaire au C :
$mon t a b l e a u [ 2 ] = "coucou" ;
Range "coucou" dans la case numéro 2.
p r i n t $mon t a b l e a u [ 2 ] ;
Génère le texte coucou.
$mon t a b l e a u [ ] = valeur ;
Ajoute une case au tableau $mon t a b l e a u et y range
valeur.
La première case d’un tableau porte le num
éro 0. Pour créer un tableau vide, on peut
utiliser :
$mon ta b l e a u = a r r a y ( ) ;
Cours HTML/PHP
PHP
Généralités
PHP :
table
aux
assoc
iatifs
Tableau associant une valeur à une chaˆıne de
caractères. Syntaxe :
$personne[’Prenom’] = ’ To t o ’ ;
Associe la valeur ’Toto’ à la chaˆıne ’Prenom’.
p r i n t $personne[’Prenom’] ;
Génère le texte Toto.
Cours HTML/PHP
PHP
Généralités
PHP :
contr
oˆles
Structures de controˆles similaires à celles de
C:
if ( . . . ) { . . . } else { . . . }
for(... ; . . . ; . . . ) { . . . }
while ( . . . ) { . . . }
Inclusion d’un autre fichier

PHP : include(”nom
fichier.php”) ;
Cours HTML/PHP
PHP
Généralités
PHP :
foncti
ons
Définition de fonction :
f u nc t i on nom fonction($param1, $param2, . . . ) {

...
}
Pour renvoyer un résultat dans une fonction :

return valeur ;
Cours HTML/PHP
PHP
Gestion des
formulaires
PHP :
r
écu
Principe :
p L’interpréteur PHP initialise un tableau associatif qui
associe
érati
à chaque nom de paramètre sa valeur.
on
Le nom du tableau initialisé dépend de la méthode :
des
$ POST pour la méthode POST
para
$ GET pour la méthode GET
metr
es`
Exemple : afficher la valeur du paramètre nom, s’il est transmis
par la méthode POST.
p r i n t $ POST[’nom’] ;
Cours HTML/PHP
PHP
Accès à
MySQL
Acces
` à
une
Cinq étapes
base
: 1
de2 Connexion au SGBD.
donnSélection d’une
3
base. Envoi d’une
ée
4
requête.
MyS
5
QL Récupération et utilisation du r
ésultat. Fermeture de la connexion.
On peut itérer les étapes 3 et 4 autant de fois que l’on veut

avant de fermer la connexion à l’étape 5.
Cours HTML/PHP
PHP
Accès à
MySQL
Conne
xion
Connexion au SGBD :
$user = ’ t o t o ’ ;
$passwd = ’mdptoto’ ;
$machine = ’ l o c a l h o s t ’ ; machine ou` tourne
PHP
$connect = mysql connect($machine,$user,$passwd) or
di e ( ’ E c h e c de connexion au SGBD’) ;
Choix de la base :
$bd = ’ e n t r e p r i s e ’ ;
mysql s e l e c t db($bd,$connect)
or d i e ( ’ E c h e c l o r s de l a s e l e c t i o n de l a b a s e ’ ) ;
Fermeture (après les requêtes) :
mysql close($connect) ;
Cours HTML/PHP
PHP
Accès à
MySQL
Envoi
de la
reque
teˆ
$requet
e =
’ une
reque
te
SQL’
;
$resul
tat =
mysql
query
Cours HTML/PHP
PHP
Accès à
MySQL
Exploi
tatio
n du
r
ésul
tat
d’une
reque
teˆ
Code
type
pour
parcou
Cours HTML/PHP
PHP
Accès à
MySQL
Exemp
le
$ s a l a i r e max = 20000 ;
$requete = "SELECT nom , s a l a i r e FROM employe "
. " WHERE s a l a i r e <= $ s a l a i r e max"
;
$ r e s u l t a t = mysql query($requete,$connect)
or d i e ( ’ E r r e u r durant l ’ e x écution de l a
requê t e ’ ) ; p r i n t "<h3>Employés gagnant moins de "
. " $ s a l a i r e max euros par an</h3>" ;
while ($nuple t = mysql f e t c h a s s o c ( $ r e s u l t a t ) ) {
$nom = $nuplet[’nom’] ;
$ s a l = $ n u p l e t [ ’s a l a i r e ’ ] ;
p r i n t "<p>$nom gagne $ s a l a i r e
euros par ans .</p>" ;
}
Cours HTML/PHP
PHP
Sessions
Sessio
ns :
pour
quoi
Il peut être utile de conserver des informations d’une page
?sur l’autre. Par exemple pour :
se souvenir du login de l’utilisateur
se souvenir des références indiquant à quoi
l’utilisateur s’intéresse
se souvenir des dernières pages vistées par
l’utilisateur etc
Jusqu’ici, un seul moyen : utiliser des paramètres et penser
à les remettre à chaque lien et dans chaque formulaire
⇒ Programmation fastidieuse et source de problèmes.
Cours HTML/PHP
PHP
Sessions
Sessio
ns
Une session peut être vue comme un ensemble

d’informations concernant un utilisateur d’un site.
par utilisateur, on entend un navigateur sur une
machine les informations sont conservées entre deux
pages
une page PHP peut ajouter ou modifier des
informations
En PHP, la session est vue comme une variable sp

éciale appelée
$ SESSION :
c’est un tableau associatif
Cours HTML/PHP
PHP
Sessions
Utilisa
tion
des
sessio
ns enUne page PHP utilisant une session doit obligatoirement,
avant même d’afficher quoi que ce soit, commencer
PHPpar l’instruction :
s e s s i on s t a r t ( ) ;
Cette instruction crée la variable $ SESSION et la remplit
avec les valeurs qu’elle avait dans la page PHP préc
édente.
La variable $ SESSION se manipule ensuite comme un
tableau associatif classique.
Cours HTML/PHP
PHP
Sessions
D
éco
nnexi
on
Lorque l’utilisateur se déconnecte, il est important de d
étruire la session
par exemple pour éviter qu’une seconde personne utilisant
le même ordinateur ne se fasse passer pour la première
personne
pour détruire une session :
$ SESSION = a r r a y ( ) ;
s e s s i on write c l o s e ( ) ;

Langue

Cours HTML CSS Et PHP

Transféré par

Informations du document

Titre original

Copyright

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Cours HTML CSS Et PHP

Transféré par

Droits d'auteur :

Cours HTML/PHP

Poste client Serveur

Navigateur (1): demande "index.html"

(4): contenu de index.html

(3): contenu de index.html (2): accès à "index.html"

Idée : générer le contenu de la page au moment ou`

L’utilisateur demande l’acc`es `a une page Web depuis

(4): génération du contenu (4.1): requêtes et

Poste client Serveur Serveur

(1): demande "index.php"

(2): accès à "index.php" (3): code source de index.php

Fichier texte contenant des informations de structuration.

<a href=" adresse web">texte</a>

<a h ref="ht tp ://www.w3.org/TR/html401/">Documentation

Inclure une image :

<img src="adresse web image">

Pas de balise fermante pour <img>

adresse web image : adresse web ou` chercher

<input type=" reset" value="texte">

Un fichier PHP est le code source d’un programme.

Inclusion d’un autre fichier

f u nc t i on nom fonction($param1, $param2, . . . ) {

Pour renvoyer un r´esultat dans une fonction :

On peut it´erer les ´etapes 3 et 4 autant de fois que l’on veut

Une session peut ˆetre vue comme un ensemble

En PHP, la session est vue comme une variable sp

Vous aimerez peut-être aussi