Série Révision BAC
Matière : STI Année Scolaire 2024/2025
I. Partie HTML et CSS :
Cochez la bonne réponse
1. Quelle propriété permet de faire une animation fluide quand on survole un bouton ?
animation
Transform
transition
2. Que permet de faire l’attribut autofocus dans un champ input HTML ?
Ajouter une animation de survol
Placer automatiquement le curseur dedans à l’ouverture de la page
Valider automatiquement le champ
3. Quelle propriété CSS3 permet de créer une transformation 2D ?
transform
Transition
translate
4. Quel est le rôle de z-index dans le contexte CSS ?
Définir la transparence
Déterminer l’ordre d’empilement des éléments
Ajuster la position verticale dans une grille
5. Lequel de ces attributs améliore l'accessibilité d'une image ?
href
alt
type
6. Que fait la propriété object-fit: cover; sur une image ?
Elle centre l’image dans un bloc
Elle ajuste l’image pour couvrir tout l’espace, quitte à la couper
Elle déforme l’image pour la faire tenir
7. Quelle différence entre em et rem ?
em est toujours égal à 1px
rem dépend de l'élément parent, em de la racine
em dépend du parent, rem dépend de la racine
8. Quelle propriété permet de créer un effet de flou sur un élément HTML ?
opacity
filter: blur(5px);
text-shadow
9. À quoi sert la balise <output> ?
Afficher des résultats calculés dynamiquement
Soumettre un formulaire
Télécharger un fichier
10. Que fait target="_blank" dans une balise <a> ?
Ouvre le lien dans une nouvelle fenêtre ou onglet
Redirige vers une ancre interne
Désactive le lien
11. Quel attribut HTML5 permet de spécifier un script qui reçoit les données d’un formulaire ?
action
Method
target
12. Quel est l’effet de formmethod="get" sur un bouton submit ?
Il remplace le method défini sur la balise <form>
Il annule le formulaire
Il envoie les données en JSON
13. Quelle est la meilleure façon de créer un lien vers une adresse email ?
<a href="email:contact@[Link]">Email</a>
<a href="[Link]
<a email="contact@[Link]">Email</a>
14. Est-il valide d’utiliser <a> sans href ?
Non, jamais
Oui, mais il ne sera pas accessible
Oui, et il se comporte comme un bouton
II. Partie JavaScript et PHP
Soit la formulaire HTML suivante, qui sera envoyez au fichier ‘’ [Link]’’ après une validation
avec le fichier ‘’ [Link]’’ lors de l’envoie.
Tableau 1 :
1 Nom Une chaine qui commence par une lettre et du longueur 10 et qui
contient un espace
2 Ville Sélection obligatoire
3 Sexe Sélection obligatoire
4 Date naissance Doit être entre 2005 et 2007
1. Compléter les lignes de codes suivantes :
<form method ="............." action="............."
..........="return ............">
<script ......................></script>
2. Compléter la fonction Valider () afin de vérifier les règles dans Tableau 1
function valider() {
let nom = document............................[Link](); // Vérification du
nom
if (......................................) {
alert("Le nom doit commencer par une lettre et contenir exactement 10
caractères.");
return .................;
}
let ville = document..................................; // Vérification des
combobox
if (.........................................) {
alert("Veuillez sélectionner une ville.");
..........................
}
let radios = [Link]("................."); // Vérification
des radios
radioChecked = false;
for (............................................) {
if (radios[i].checked) {
radioChecked = true;
break;
}
}
if (............................................) {
alert("Veuillez sélectionner votre sexe.");
return false;
}
let madate = document.............................................;
let dt = new ...................
if(...........................................){
alert("vérifier date de naissance");
return false;
}
alert("Formulaire validé avec succès !");
return true;
}
3. Ecrire une fonction Verif ()qui permet de vérifier si un mot de passe commence par le caractère
@ est les deux derniers caractères sont des chiffres et contient au moins une lettre minuscule
function Verif() {
.....................................................................................
.....................................................................................
................ ......................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................................................................
.....................................
Que lest la valeur de la variable $bar2
<?php $Bag ="bonjour!!tousle monde!!"; $bar2 = str_replace('!!','@',$Bag); echo
$bar2; ?>
.................................................................................
..
Compléter le code pour afficher uniquement les valeurs supérieures à 10
$tab =[12,25,12,25,6,8,99,3];
for(.........................................){
if(.................................){
echo ...............................; }}
Quel est le résultat de chaque ligne de code
<?php
$texte ="CODEPHPnative";
echo "". strlen($texte) . "<br>"; ..................................................
echo "" . strtoupper($texte) . "<br>";.............................................
echo "" . strtolower($texte) . "<br>";.............................................
echo "" . str_replace("a", "@", $texte) . "<br>";.................................
echo "" . substr($texte, 0, 5) ;..................................................
?>
Corriger les erreurs
Soit le fichier ‘’ [Link]’’ et ‘’ [Link]’’ qui contient des erreurs essayer de les
corrigé
<?php
// Connexion à la base de données
$host = "localhost";
$user = "root";
$password = ""; // votre mot de passe
$dbname = "ma_base"; // votre base
?>
<?php
// fichier [Link]
include("[Link]");
$conn = mysqli_connect("localhost","root", "", $base);
// Vérifier la connexion
if ($conn) {
die("Connexion échouée : " . mysqli_error());
}
?>
……………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………..
…………………………………………………………………………………………………………………………………………………….
………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………..
……………………………………………………………………………………………………………………………………………………….
…………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………
Compléter le fichier ‘’[Link]’’ suivant :
<?php
$conn = mysqli_connect("localhost", "root", "", "ma_base");
$nom = $_POST["nom"];
$pays = $_POST["pays"];
$ville = $_POST["ville"];
$sexe = $_POST["sexe"];
$loisirs = $_POST["loisirs"];
if (isset($_POST["nom"])&& isset($_POST["pays"])&&
isset($_POST["ville"])&&isset($_POST["sexe"])&&isset($_POST["loisirs"])){
$req ="select * from client where nom = '$nom'";
.........................................................................
if (......................... !=0){
echo " le nom existe dans la base"
}
else{
$req2=".............................................................";
$res2= ..............................................................;
}
$req3 =" update client set nom ='$nom' , pays ='$pays' , ville='$ville' ,
sexe='$loisirs'";
$nbrow = ..............................................................;
echo "$nbrow lignes modifieé !!";
// Insertion
$req3 = "INSERT INTO client (nom, pays, ville, sexe, loisirs)VALUES
(............................................)";
$res3 = mysqli_query(......................);
if (.......................) {
echo "Données insérées avec succès !";
} else {
echo "Erreur lors de l'insertion : " . mysqli_error($conn);
}
}
$req4= "SELECT * FROM client";
$res4= mysqli_query(.........................);
if (................................ > 0) {
echo "<table border='1' cellpadding='5' cellspacing='0'>";
while (.............................) {
echo "<tr>";
echo "<td>" . $row[".........."] . "</td>";
echo "<td>" . $row[".........."] . "</td>";
echo "<td>" . $row[".........."] . "</td>";
echo "<td>" . $row[".........."]."</td>";
echo "<td>" . $row[".........."]."</td>";
echo "<td>" . $row[".........."]."</td>";
echo "</tr>";
}
echo "</table>";
} else {
echo "Aucun enregistrement trouvé.";
}
?>
III. Bases de Données et SQL
Annexes:
[Link]