Devoir de s1 4sti 2 Partie HTML5 CSS
Devoir de s1 4sti 2 Partie HTML5 CSS
Devoir de s1 4sti 2 Partie HTML5 CSS
Devoir de synthèse
Date : 14/12/22
Prof: BELHADJ Ahmed N° : 1 Durée : 2 heures
Dhia Discipline : 4 STI ~~~~~~~~~~~~~~
4ème Sc.Inf 2
Exercice 1 :
Note :
Partie 1 : (html, javascript) ……………. / 8 pts
1
<td>Prenom*</td>
<td> …………………………………………………………………………………………….< td>
</tr>
<tr>
<td>Ville</td>
<td> </td>
</tr>
<tr>
<td>Adresse Email* </td>
<td> </td>
</tr>
<tr>
<td></td>
<td>(*) Champs obligatoires </td>
</tr>
<tr>
<td colspan="2"><p>Modules de formation proposés </p>
…………………………………………………………………………………………….
Le Langage HTML<br>
…………………………………………………………………………………………….
Le langage Javascript<br>
…………………………………………………………………………………………….
Le langage PHP
</td>
</tr>
<tr>
<td colspan="2"><div align="center">
…………………………………………………………………………………………….
…………………………………………………………………………………………….
</div></td>
</tr>
</table>
2- Ecrire les fonctions javascript nécessaires afin de faire les contôles sur le forumlaire suivant :
a) La fonction alpha(ch) permettant de vérifier qu’une chaine contient uniquement des caractères
alphabétiques.
2
b) La fonction existance(ch,c) permettant de vérifier la présence d’un caractère c dans une chaine ch
c) La fonction choix_module(c1,c2,c3) permet de verifier que l’utilisateur a au moins choisi un module
//recuperation des éléments du formulaire
}
//développer la fonction choix_module()
function choix_module(c1,c2,c3)
{
}
3- Ecrire une fonction verif() permettant d’appeler les differentes fonctions de la questions 2 :
Cette fonction JavaScipt « verif() » permettant de vérifier les conditions uivantes sur les champs du formulaire
de la question 1:
NCIN doit être formé de 8 chiffres Numérique
Nom et Prénom doit être non vide et formé aux moins de 2 mots
Le choix des modules est obligatoire
3
L’email doit contenir le caractère @
Soit une page html5 nommée Inscription.html ayant la mise en forme suivante :
Remplissez le fichier style.css relié à la page inscription.html pour avoir le style de la figure précédente :
élément Style
Fieldset largeur: 500;hauteur: 500;marge ineterne: 2px;
coin arrondi: 15px; fond: lightblue;
legend Texte en gras, de couleur #000080 et de taille 40pt
Texte : Bauhaus
label texte: Bodoni MT Black; taille:20pt; couleur: #800080;
display: inline-block;
4
input [type=text] Couleur de fond lightblue Bordure solide 1pixel
couleur rouge Texte Georgia de ; taille 12 pixels
Coins arrondis de 5 pixels
Ombre: box-shadow:1px 1px 2px #C0C0C0;
Lors du survol sur les boutons Transformation de 3 secondes (translation sur X de 10px)
Fond : purple, couleur : #ACF
Exercice 1 :
Une grande usine de plusieurs départements a besoin d’informatiser l’affectation de ses employés dans des
divers départements. Le directeur de cette usine te demande de concevoir une base de données qui organise
cette tâche. Afin de faciliter ta mission, il te donne les deux tableaux suivants :
Employé :
NumE NomE Proff Salaire NumD
1010 Youssef Technicien 400 3
1012 Mounir Ingénieur 1400 2
1324 Kamel Vendeur 300 1
1256 Wajdi Ingénieur 1260 3
Département :
NumD NomD Adresse
1 Commercial Kef
2 Développement Bizerte
3 Production Tunis
Questions :
1- Déduire de ces deux tableaux le schéma relationnel de la base de donnée demandée.
…………………………………………………………………………………………………………………..…………………………..
…………………………………………………………………………………………………………………..…………………………..
2- Répondre aux questions suivantes, tout en justifiant votre réponse dans un contexte informatique.
Un employé peut-il appartient à plusieurs départements ?
…………………………………………………………………………………………………………………..…………………………..
…………………………………………………………………………………………………………………..…………………………..
…………………………………………………………………………………………………………………..…………………………..
Soit « Gestion » une base de données contenant les trois tables suivantes :
Client
acheter
NUM NOMC AGE ADRESSE
NUM REF QUANTITE
110 Ahmed 23 Kef
110 Ec30 10
112 Fethi 41 Tunis
110 Bl7 10
113 Mounir 15 Nabeul
112 Ec30 22
115 Bechir 35 Bizerte
113 Vb6 75
116 Salah 20 Tunis
115 R10 33
120 Slah 18 Bizerte
115 Vf5 9
115 Cl9 14
116 Vf5 17
116 Vb6 26
120 R10 4
pièce
REF NOMP MATERIAU POIDS VILLEF
Ec30 Écrou 30 Acier 5 Sfax
Vf5 Vis55 Fer Tunis
Va5 Vis55 Acier Tunis
Bl7 Boulon Laiton 75 Bizerte
R10 Roue Acier 39 Tunis
Cl9 Clou9 Fer Nabeul