---
# System prepended metadata

title: Exercice php
tags: [' javascript', cours, ' html']

---

---
title: Exercice php
tags: cours, html, javascript
robots: noindex, nofollow
author: Giuseppe Militello
---




# &lt;?php  ?&gt;Exercice PHP &amp; SQL :+1: 

![](https://i.imgur.com/5vm72IM.jpg)



Dans cette exercice vous devez réaliser une page qui permet d'afficher comme dans l'image ci-dessous les voitures historiques utilisées dans le cinéma:

![](https://i.imgur.com/3Hdo7rE.png)

Chaque voiture contient une fiche technique qu'il faut déplier par le biais d'une flèche. Une fois dépliée voici le résultat:

![](https://i.imgur.com/tfTttBa.png)

L'image de la voiture et l'affiche proviennent d'une base de donnée qui contient une table avec toutes les informations sur les modèles.

## Comment procéder?

La première chose à faire est de créer une BDD avec une table que pourriez appeler : **produits > voitures**

![](https://i.imgur.com/OoafeRi.png)


Une fois créé la base et la table faites des tests SQL au niveau des requêtes pour savoir si votre structure est correcte : 
SELECT * FROM `voitures` WHARE 1 ou 
SELECT marque FROM `voitures` WHERE 1 ou 
encore SELECT marque FROM `voitures` WHERE annee > 1960

Si tout fonctionne bien passez à l'étape suivante.

Créer un répertoire pour vos fichiers php de la façon suivante:

![](https://i.imgur.com/41Xt4k9.png)
Appellez le fichier "ch00.php","index.php"
Le fichier d'index doit contenir touts les inclusions des fichiers qui compose l'interface de la page. N'oubliez pas de mettre les fichiers statiques dans le répertoire "public". Les fichier contenant les connexions à la base doivent impérativement se trouver dans le répertoire "src", ansi que tous les fichiers dynamiques.

Pour la sturcture html utilisez une structure sémantique et potable pour l'accessiblité et validez le tout au w3c. Utilisez les audits pour vérifier que vous n'avez pas des problèmes d'accessibilité. Créer une css avec un reset et un thème geré par des variables

## source graphiques
![](https://i.imgur.com/D9AzR1X.jpg)

![](https://i.imgur.com/5BaskCd.jpg)

![](https://i.imgur.com/alfU0jy.jpg)

## Pour terminer
L'exercice sera noté /20 sur SQL, PHP, HTML, CSS et WAI
Envoyez les livrables zippés avec votre nom_prenom_B3 sans-espace à l'adresse suivante:

giusmili67@gmail.com








