Utilisateurs
La page d’affichage des utilisateurs correspond au fichier utilsateur/index.php.
Ce fichier est accessible en cliquant sur le lien « Utilisateurs » dans le menu du site.
Site - Page - Utilisateurs
Méthode : Les utilisateurs
Nous copions le contenu dans le fichier utilisateur/index.php.
1
2
<html lang='fr'>
3
4
<head>
5
<base href="../">
6
<meta charset='UTF-8'>
7
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
8
<title>Afficher les utilisateurs</title>
9
<link rel="stylesheet" href="css/style.css">
10
<link rel="stylesheet" href="css/utilisateur.css">
11
</head>
12
13
<body>
14
<header>
15
<nav>
16
<ul>
17
<li><a href='index.php'>Accueil</a></li>
18
<li><a href='utilisateur/index.php'>Utilisateurs</a></li>
19
</ul>
20
</nav>
21
</header>
22
<main>
23
<h1>Afficher</h1>
24
25
<ul class='utilisateur-list'>
26
<li>
27
<figure class="card">
28
<img src='images/photos/lucie-aule.gif' alt='photo Aule' />
29
<figcaption>Aule Lucie 45 ans</figcaption>
30
</figure>
31
</li>
32
<li>
33
<figure class="card">
34
<img src='images/photos/jean-bon.gif' alt='photo Bon' />
35
<figcaption>Bon Jean 65 ans</figcaption>
36
</figure>
37
</li>
38
<li>
39
<figure class="card">
40
<img src='images/photos/annie-ball.gif' alt='photo Ball' />
41
<figcaption>Ball Annie 24 ans</figcaption>
42
</figure>
43
</li>
44
<li>
45
<figure class="card">
46
<img src='images/photos/robin-desbois.gif' alt='photo Desbois' />
47
<figcaption>Desbois Robin 56 ans</figcaption>
48
</figure>
49
</li>
50
<li>
51
<figure class="card">
52
<img src='images/photos/jacques-celer.gif' alt='photo Céler' />
53
<figcaption>Céler Jacques 17 ans</figcaption>
54
</figure>
55
</li>
56
<li>
57
<figure class="card">
58
<img src='images/photos/marie-nade.gif' alt='photo Nade' />
59
<figcaption>Nade Marie 72 ans</figcaption>
60
</figure>
61
</li>
62
<li>
63
<figure class="card">
64
<img src='images/photos/noel-sapin.gif' alt='photo Sapin' />
65
<figcaption>Sapin Noël 12 ans</figcaption>
66
</figure>
67
</li>
68
<li>
69
<figure class="card">
70
<img src='images/photos/charles-heau.gif' alt='photo Heau' />
71
<figcaption>Heau Charles 65 ans</figcaption>
72
</figure>
73
</li>
74
<li>
75
<figure class="card">
76
<img src='images/photos/felicie-tation.gif' alt='photo Tation' />
77
<figcaption>Tation Félicie 34 ans</figcaption>
78
</figure>
79
</li>
80
<li>
81
<figure class="card">
82
<img src='images/photos/megane-reneaux.gif' alt='photo Reneaux' />
83
<figcaption>Reneaux Mégane 34 ans</figcaption>
84
</figure>
85
</li>
86
<li>
87
<figure class="card">
88
<img src='images/photos/pierre-kiroule.gif' alt='photo Kiroule' />
89
<figcaption>Kiroule Pierre 63 ans</figcaption>
90
</figure>
91
</li>
92
<li>
93
<figure class="card">
94
<img src='images/photos/rose-deschamps.gif' alt='photo Deschamps' />
95
<figcaption>Deschamps Rose 23 ans</figcaption>
96
</figure>
97
</li>
98
</ul>
99
</main>
100
<footer>
101
<h2>TP PHP</h2>
102
</footer>
103
</body>
104
105
</html>
<base href="../">
Définit une URL de base pour tous les liens relatifs de la page.
Ici, cela signifie que les chemins vers les fichiers (CSS, images, liens…) sont calculés à partir du dossier parent. Pour nous, c'est le dossier root du site.