Prof : HAMMAMI Fatima classe : 4ème SI

Série de révision (BD +HTML5 + CSS3)

Partie 1 : HTML5 et CSS3:

Exercice N°1 :

A- Compléter la grille ci-dessous en se référant aux définitions données :

1) Bordure d’un objet.
2) Ombre d’un objet (texte ou bordure)
3) Liste déroulante avancée
4) La taille de l’écriture.
5) Bouton qui annule les valeurs d’un formulaire.
6) Une balise qui englobe le contenu d’une page web.

A B C D E F G H I J

Définir le mot trouvé dans la colonne F :

…………………………………………………………………………………………………..…………………………………………………
Exercice N°2 :
Ecrire les codes HTML qui permettent de réaliser les tableaux suivants :

A B C
D
E F G

A B C
D E
F G

A B C
D
E F

1
Prof : HAMMAMI Fatima classe : 4ème SI

A B
C D E
F G H

A B C
D E
F G H

Exercice N°3 :

Créer le formulaire suivant :

Partie 2 : Base de données :

2
 Prof : HAMMAMI Fatima classe : 4ème SI

Soit la base de données suivante :

Internaute (email, nom, prénom, mot_de_passe,

Internet (adresse_IP, débit,

Pays (code_P, nom_P, prix, FSI ,x

NB :- FSI : c’est le fournisseur de service Internet (exemple : TopNet, GlobalNet…).

-On suppose qu’un internaute admet un seul email et un seul FSI pour se connecter à Internet.

1) Compléter les clés étrangères pour relier les différentes tables (donner la représentation graphique
correspondante)
2) (LDD) : Ecrire les commandes SQL permettant de :
a) Créer la table internaute sachant que l’email doit contenir « @ » et « . »
b) Ajouter une colonne nommée adresse de type texte de taille 30, à la table « Internaute »
c) Supprimer la colonne « x » de la table «pays »
d) Désactiver et réactiver la contrainte clé primaire de la table « Internet ».
3) (LMD) : Ecrire les commandes SQL permettant de :
a) Insérer tes données personnelles dans la table « Internaute »
b) Vider la table « Internaute »
c) Supprimer les internautes qui n’ont pas un mot de passe.
d) Supprimer les fournisseurs de la France
e) Modifier tous les noms des pays de la « France » par « Tunisie »
f) Afficher les noms et les prénoms des internautes de la Tunisie.
g) Afficher les pays qui ont un nombre plus que 10000 internautes.
h) Afficher le pays qui a le prix d’abonnement à internet le plus élevé.
i) Afficher pour chaque pays, les fournisseurs de service Internet.
j) Afficher les noms et les prénoms des Internautes de chaque pays.
k) Afficher les noms des pays qui ont le débit d’Internet le plus élevé.

3
Prof : HAMMAMI Fatima classe : 4ème SI

Correction (Série de révision)

Partie 1 : HTML 5 ET CSS3

Correction de l’exercice1 :

b o r d e r

s h a d o w

d a t a l i s t

f o n t s i z e

r e s e t

b o d y

Dotted : c’est un style de trait qui est pointillé.

Correction de l’exercice 2 :

tableau Code HTML

<table border="1">
A B C
D <tr> <td>A</td> <td>B</td> <td>C</td> </tr>
<tr> <td colspan="3"> D </td> </tr>
E F G <tr> <td>E</td> <td>F</td> <td>G</td> </tr>
</table>

<table border="1">
A B C
D E <tr> <td rowspan="2">A</td> <td>B</td> <td>C</td> </tr>
<tr> <td> D </td> <td>E</td> </tr>
F G <tr> <td>F</td> <td colspan="2">G</td> </tr>
</table>

<table border="1">
A B C
D <tr> <td rowspan="2">A</td> <td>B</td> <td>C</td> </tr>
<tr> <td colspan="2"> D </td> </tr>
E F <tr> <td>E</td> <td colspan="2">F</td> </tr>
</table>

<table >
A B
C D E <tr> <td colspan="2">A</td> <td>B</td> </tr>
<tr> <td>C</td> <td> D </td> <td>E</td> </tr>
F G H <tr> <td>F</td> <td>G</td> <td>H</td> </tr>
</table>

<table >
A B C <tr> <td>A</td> <td>B</td> <td>C</td> </tr>
D E <tr> <td>D</td> <td colspan="2"> E </td> </tr>
F G H <tr> <td>F</td> <td>G</td> <td>H</td> </tr>
</table>

4
Prof : HAMMAMI Fatima classe : 4ème SI

CSS des deux derniers tables :

tableaux Code CSS
table, tr, td {
A B border : 1px ;
C D E border-style : dashed ;
border-collapse : collapse ;
F G H
}
tr, td {
border : 1px solid black ;
A B C border-collapse : collapse ;
D E }
F G H table {
border : 1px double black ;
}

Correction de l’exercice 3:

Partie 2 : Base de données :

Internaute (email, nom, prénom, mot_de_passe, adresse_IP# , code_P#)

Internet (adresse_IP, débit)

Pays (code_P, nom_P, prix, FSI ,x)

2. LDD :

a. CREATE TABLE Internaute (

Email varchar(30) CHECK Email LIKE ‘%@%.%’ ,
nom varchar(20) NOT NULL,
prénom varchar(20) NOT NULL,
mot_de_passe varchar(20) ,
adresse_IP varchar(20) REFERENCES Internet(adresse_IP) ,
code_P varchar(20) REFERENCES Pays(code_P) ,
PRIMARY KEY(Email)

b. ALTER TABLE Internaute

ADD COLUMN adresse varchar(30) ;

5
Prof : HAMMAMI Fatima classe : 4ème SI

c. ALTER TABLE Pays

DROP COLUMN x ;
d. ALTER TABLE Internet
DISABLE CONSTRAINT PRIMARY KEY
ENABLE CONSTRAINT PRIMARY KEY ;

3. LMD :

a. INSERT INTO Internaute

VALUES(ABCD@gmail.com , ‘Tounsi’ , ‘Nour’ ,’xyz123’ , ‘128.11.23.22’ , ‘50’)
b. DELETE FROM Internaute ;
c. DELETE FROM Internaute
WHERE mot_de_passe IS NULL ;
d. DELETE FROM Pays
WHERE nom_P =’France’ ;
e. UPDATE Pays
SET nom_P=‘Tunisie’
WHERE nom_P=’France’;
f. SELECT nom , prénom FROM Internaute I , Pays P
WHERE I.code_P = P.code_P
AND nom_p =’Tunisie’ ;
g. Il y a deux methodes :
Méthode 1 Méthode 2
SELECT DISTINCT nom_P FROM Pays SELECT nom_P FROM Internaute I , Pays P
WHERE (SELECT count(Email) FROM WHERE I.code_P = P.code_P
Internaute) ˃ 10000 ; GROUP BY nom_P
HAVING count(Email) ˃ 10000;

h. Il y a deux methodes :
Méthode 1 Méthode 2
SELECT DISTINCT nom_P FROM Pays SELECT nom_P FROM Pays
WHERE Prix = (SELECT MAX(Prix) GROUP BY nom_P
FROM Pays) ; HAVING Prix = MAX (Prix);

i. SELECT nom_P , FSI FROM Pays

GROUP BY nom_P;

j. SELECT nom , prénom , nom_P FROM Internaute I , Pays P

WHERE I.code_P = P.code_P
GROUPE BY nom_P ;
k. Il y a deux methodes :
Méthode 1
SELECT DISTINCT nom_P FROM Pays
P, Internet I , Internaute In
WHERE P.code_P = In.code_P
AND I.adresse_IP = In.adresse_IP
AND debit = (SELECT MAX (debit) FROM GROUP BY nom_P
Internet) ;
Méthode 2
SELECT nom_P FROM Pays P, Internet I ,
Internaute In
WHERE P.code_P = In.code_P
AND I.adresse_IP = In.adresse_IP
HAVING debit = MAX(debit);