Posted by OFPPT
No comments | 04:34


Examens de fin de module : Programmation Client - Serveur (Vb.net, Csharp), (ADO.Net, LINQ), (Sql server, Oracle)


ROGRAMMATION CLIENT - SERVEUR (VB.NET, CSHARP), (ADO.NET, LINQ), (SQL SERVER, ORACLE)

EXAMEN FIN MODULE 1 :


Soit le modèle relationnel suivant :
          Employe(Matricule, NomPers, PrénomPers, Salaire, Prime)
          Projet(NumProjet, Designation, #Codetype, ChargeEstimée, DateDébut, DateFin)
          TypeProjet(CodeType,Libellé)
          Affectation(#NumProjet#Matricule, NBjours)
1- Créer une base de donnés relative au schéma relationnel et ajouter un jeu d'enregistrements pour toutes les tables.
2- Créer un formulaire pour mettre à jour la table Employe.
          Prévoir les boutons : Ajouter, Modifier, Supprimer, Fermr et des boutons de navigation entre les enregistrements.
3- Créer deux formulaires pour mettre à jour les tables Projet et Affectation.
          Prévoir les boutons : Ajouter, Modifier, Enregistrer, Supprimer, Fermr et des boutons de navigation entre les enregistrements.
4- Créer un formulaire qui affiche la liste des enployés qui travaillent dans un même type de projet.
5- Créer un formulaire qui affiche la liste des projets qui sont en cours de réalisation entre deux date données.
6- Créer une feuille de recherche qui affiche le salaire moyen des salariés qui travaillent dans un projet donné.
7- Créer l'état qui affiche pour une date donnée, tous les projets qui devront être achevés dans cette date.
8- Créer l'état permettant d'afficher les charges salariales (Salaire + Prime) pour un année donnée.
9- Créer une feuille MDI avec un menu de navigation.
10- Créer une page d'authentification. Sachant que l'accès se fait en saisissant le numéro de matricule et un mot de passe.

PROGRAMMATION CLIENT - SERVEUR (VB.NET, CSHARP), (ADO.NET, LINQ), (SQL SERVER, ORACLE)

EXAMEN FIN MODULE 2 :


Exercice 1 : Partie théorique
Donner une description des objets ADO.Net qui fonctionnent en mode.
          a) Connecté 
          b) Déconnecté 

Exercice 2 : Partie pratique
Etant donnée une entreprise qui désire informatiser la gestion de ses employés qui sont affectés à des départements.
Soit le modèle relationnel suivant :
          EMP(Matr, NomE, Poste, E-mail, DatEmb, Superieur, Salaire, Commission, #NumDept) 
          DEPT(NumDept, NomDept, Lieu) 
          PROJET(CodeP, NomP) 
          PARTICIPATION(#Matr#CodeP, Fonction,date_debut,date_fin,Nombre_de_jour)
1. Créer les tables décrites ci-dessus sous SQL.
2. Créer une procédure stockée pour afficher les employés embauchés entre deux dates.
3. Créer une procédure stockée pour modifier un département donné.
4. Développer les formulaires de mise à jour des tables EMP et DEPT ( Ajout, Modification, Suppression et défilement).
5. Créer un formulaire de mise à jour des participations.
6. Ajouter un formulaire de réaffectation des employés à un département et à un ou plusieurs projets.
7. Ajouter une fonctionnalité de recherche permettant l’affichage de toutes les informations relatives à un employé (Employé, Département, Projets aux quels il as participé).
8. Créer un état permettant de lister tous les employés et leurs affectations (Employé, Département, Projets).
9. Créer un état permettant de lister seulement les employés qui travaillent sur plusieurs projets,ainsi que la total de nombre de jour travaillé dans le projet.
10. Créer un état permettant d’afficher les revenus de chaque employé (Salaire + Commission).
11. Sécuriser votre application par un formulaire de sécurité, et modifier la base de données.

PROGRAMMATION CLIENT - SERVEUR (VB.NET, CSHARP), (ADO.NET, LINQ), (SQL SERVER, ORACLE)

EXAMEN FIN MODULE 3 :


On désire informatiser la gestion des réservations et des séjours pour un hôtel :
Pour les séjours, on enregistre la date d'entrée, le type de séjour (Journalier, Semaine, Weekend) et la durée du séjour. Pour un séjour Semaine, la durée est 7j, pour type weekend la durée est 3j, et pour le type Journalier la durée est le nombre de jours souhaités par le client.
Le schéma relationnel de la base de données est le suivant :
          Client (IdClient, NomClient, AdresseClient, TelClient)
          Réservation(CodeReservation, #IdClient, Date, PensionComplete)
          Sejour (NumSejour, #CodeReservation, DateSejour, TypeSejour, DureeSejour)
          ReservationAnnulee (#CodeReservation#IdClient, DateAnnulation)
1- Création de la BD :
          a- Créer la base de données sous SQL SERVER ou Oracle en respectant le schéma relationnel ci-dessus, les principales caractéristiques des champs doivent être déduites.
          b- Réaliser une interface utilisateur conviviale et ergonomique pour l'application de gestion de réservations.
2- Gestion des Clients :
          a- Ecrire le code pour les boutons (premier, suivant, précédent, dernier) en affichant le message de débordement.
          b- Ecrire le code pour le bouton Ajout en vérifiant la contrainte de remplissage de tous les champs et l'unicité du code client.
          c- Ecrire le code pour le bouton Supprimer.
          d- Ecrire le code pour le bouton Modifier.
          e- Ecrire le code pour le bouton Rechercher pour afficher les informations correspondantes ou afficher un message de non existence.
3- Gestion des réservations :
          a- Ecrire le code qui permet d'afficher les informations d'un Client (Nom,Téléphone) dès qu'on choisit le numéro du client dans le combobox.
          b- Ecrire le code pour ajouter les informations de réservations dans la table réservation.
4- Gestion séjour :
          a- Réaliser l'interface de la feuille "Ajout d'un séjour".
          b- Le numéro de réservation est rempli à partir de la table réservation dans une liste.
          c- Le numéro de séjour est auto incrémenté.
          d- Le type de séjour est un combobox qui contient (Journalier, Week end, Semaine).
          e- Le bouton Nouveau permet d'effacer les zones de texte.
          f- Le bouton Ajouter permet l'ajout d'un nouveau séjour dans la table Séjour. Vérifier l'unicité de l'enregistrment, si non message d'erreur.
5- Feuille Réservation par type :
          a- Réaliser la feuille "Réservation par type" pour afficher toutees les résrvations et la durée de séjour pour un type d séjour donné à partir d'un combobox.
          b- En bas de la feuille ajouter un label qui affiche le nombre des réservations affichées dans la grille.
6- Etat :
          a- Créer un état d'édition de toutes les Réservations réalisées avec les séjours pour chaque réservation.
          b- Sur la feuille "Ajout séjour" placer un bouton "Imprimer facture" qui permet d'imprimer la facture pour un séjour d'après les régles :
                    - Séjour journalier - 480 dh/jour.
                    - Séjour week-end - 320 dh/jour.
                    - Séjour semaine - 260 dh/jour.
                    - Si le client a choisi une pension complèt ajout 100 dh par jour.


Posted by OFPPT
No comments | 04:30



Examens de fin de module : Notions de Mathématiques Appliquées à l'Informatique

NOTIONS DE MATHÉMATIQUES APPLIQUÉES À L'INFORMATIQUE

EXAMEN FIN MODULE 1 :

Exercice 1 : Questions de cours :
* Donnez la définition d'un bit, d'un octet.
* Expliquez comment vous effectuez une conversion décimale - binaire.
* Expliquez comment vous effectuez une conversion binaire - décimale.
* Comment se termine en base 2 un nombre pair, et un nombre impair ?
* Quel est le nombre de symboles utilisés pour représenter un nombre dans une base B ? Donner un exemple. 

Exercice 2 : Numération :
Effectuer les changements de base suivants :
1234(10) = ... (16)
138.145(10) = ... (2)
A9F(16) = ... (10)
3FE(16) = ... (4)
11001,01(2) = ... (16)

Effectuer les opérations suivantes :
0101011 + 0111011 = ... 
1011 * 1010 = ... 
10011 - 1001 = ... 
111110111 / 101 = ... 
7FE(16) - 3AB(16) = ... 
4B9(16) + FFF(16) = ... 

Exercice 3 : Algèbre de BOOLE & Tableaux de Karnaugh :
1. Réaliser les logigrammes des fonctions suivantes :
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-1

2. Peut-on simplifier le logigramme suivant qui utilise 4 portes OU Exclusives.
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-2

3. Simplifiez par Karnaugh la fonction suivante :
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-3

4. Optimisiez la fonction suivante à l’aide dela méthode de Quine Mc Cluskey.
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-8

5. Établir les tables de vérité des fonctions suivantes, puis les écrire sous les deux formes canoniques (disjonctive et conjonctive)
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-9

Exercice 4 : Problème : l’additionneur complet
Pour effectuer une addition de deux nombres binaires de n bits, on additionne successivement les bits du même poids en tenant compte de la retenue de l’addition précédente comme le montre l’exemple suivant :
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-11

Il faut donc concevoir une cellule élémentaire appelée additionneur complet et qui permet de réaliser l’addition des bits ai et bi en plus de la retenue ci-1 de l’addition précédente, un tel additionneur est définit par le schéma suivant:
1- Dresser le tableau de vérité de l’additionneur complet
2- Simplifier les fonctions logiques Si et Ci
3- Dessiner le logigramme de Si et Ci
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-12


NOTIONS DE MATHÉMATIQUES APPLIQUÉES À L'INFORMATIQUE

EXAMEN FIN MODULE 2 :

Exercice 1 : 
1) Remplir le tableau suivant en effectuant les conversions nécessaires.
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-4

2) développez l'équation si-dessous, puis simplifiez la au maximum (un tableau de Karnaugh peut aider) puis dessinez logigrammes réalisant cette fonction.
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-5


Exercice 2 : Etude se schéma :
1. Donner les équations de chaque sortie du schéma ci-dessous.
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-6

2. Ecrire la tabe de vérité des sorties A0, B0, C0, D0 et A1 en fonctions des entrées a, b, c et d.

Exercice 3 : Etude se schéma :
1. Établir les tables de vérité des fonctions suivantes, puis les écrire sous les deux formes canoniques (disjonctive et conjonctive) .
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-7

Exercice 4 : Etude se schéma :
1. Trois interrupteurs II, 12, et 13 commandent le démarrage de deux moteurs Ml et M2 selon les conditions suivantes : 
- le moteur Mi ne doit démarrer que si au moins deux interrupteurs sont fermés (Ii= 1),
- dès qu'un ou plusieurs interrupteurs sont activés, le moteur M2 doit démarrer.
Réaliser un circuit logique permettant de réaliser Mi et M2 avec des opérateurs NON ET
2. Optimisiez la fonction suivante à l’aide de la méthode de Quine Mc Cluskey. 
t-d-info-efm-Notions-de-Mathématiques-Appliquées-à-l'Informatique-10


Posted by OFPPT
No comments | 04:29



Examens de fin de module : Système de gestion de bases de données II ( SGBD II )



SYSTÈME DE GESTION DE BASES DE DONNÉES I ( SGBD II )

EXAMEN FIN MODULE 1 :

Schéma de la base de données de la société QualitE_Products
t-d-info-efm-SGBD-II-1

La société QualitE_Products a décidé de mettre en place plusieurs opérations et contraintes sur les données des livraisons saisie dans sa base de données, donc il a confié à son informaticien programmeur de mettre en œuvre ces opérations. Vous devez aussi traduire ces opérations en SQL :
1. Ecrire un script SQL qui permet d’afficher les noms et prénoms des fournisseurs concaténés en utilisant un curseur ; (2 point)
2. Ecrire une fonction qui retourne le prix proposé pour un produit par un fournisseur bien déterminés; (3 point)
3. Ecrire une fonction qui renvoie le nombre des fournisseurs qui ont proposé un prix pour un produit bien déterminé ; (3 point)
4. Ecrire une fonction qui renvoie la réponse "Oui" s’il existe une proposition pour un produit bien déterminé et "Non" s’il n’existe pas; (3 point)
5. Ecrire une fonction qui renvoie la liste des fournisseurs qui ont proposé un prix pour un produit bien déterminé ; (4 point)
6. Ecrire une procédure qui affiche tous les fournisseurs et leurs propositions ; (2 point)
7. Ecrire une procédure qui affiche pour un fournisseur bien déterminé, la liste de ses propositions, et pour chacun de ces proposition le détail livraison ; (3 point)
8. Dernièrement, QualitE_Products a décidé de mettre sur le marché une collection de matière première de bonne qualité. Alors quelques Fournisseurs de notre société ont décidé d’acheter cette collection nécessaire à leur production. Donc on est besoin d’effectuer plusieurs changements sur notre Base de données. Parmi ces changements on doit ajouter une entité "Client" en association avec la table "Fournisseurs" : Un fournisseur peut être un client de la société ; L’entité "Client" possède comme attributs : CIN, Nom_clt, Prénom_clt, Adresse_clt, Téléphone_clt, numFou.
         a. Ecrire le script SQL qui permet cette table à la base de données avec les contraintes nécessaires pour mettre cette table en relation avec la table "Fournisseurs" ; (4 point)
         b. Ecrire une procédure stockée utilisant un curseur pour recopier les enregistrements de la table FOURNISSURS dans la table CLIENT ; (4 point)
9. Ecrire les Triggers qui permettent de vérifier les contraintes suivantes en affichant les messages convenables :
         • Le numéro du téléphone du CLIENT ne doit pas dépasser 10 chiffres pour une insertion ou une modification; (2 point)
         • Le prix proposé pour un produit doit toujours >= 254.28 pour une insertion ou une modification; (3 point)
         • Le Quantite livrée doit rester dans l’intervalle {10,1000} que pour une insertion ou une modification ; (3 point)
         • La suppression d’une proposition n’est pas permise ; (1 point)
         • La date d’une livraison ne sont pas modifiable ; (1 point)
         • A l’insertion d’une livraison, la date de livraison ne doit pas être inférieur à la date d’aujourd’hui ; (2 point)

SYSTÈME DE GESTION DE BASES DE DONNÉES I ( SGBD II )

EXAMEN FIN MODULE 2 :

Schéma de la base de données de la banque -BanQBon-
t-d-info-efm-SGBD-II-2

Après la conception de sa base de données, la banque BanQBon a décidé de confier la mission de programmer un ensemble d’opérations à son informaticien spécialisé :
1. Ecrire un script SQL qui permet d’afficher les noms et prénoms des clients concaténés en utilisant un curseur ; (2 point)
2. Ecrire une fonction qui retourne le numéro du client d’un compte bien déterminé; (3 point)
3. Ecrire une fonction qui renvoie le nombre des clients qui ont un type de compte bien déterminé ; (3 point)
4. Ecrire une fonction qui renvoie la réponse "Oui" si un client bien déterminé est un personnel de banque et "Non" sinon; (3 point)
5. Ecrire une fonction qui renvoie la liste des comptes d’un client bien déterminé ; (4 point)
6. Ecrire une procédure qui affiche tous les clients, et pour chaque client, la liste des comptes ; (2 point)
7. Ecrire une procédure qui prend en paramètre le numéro d’un client, pour affiche la liste de ses comptes, et pour chacun de ces comptes, l’historique des opérations ; (3 point)
8. Ecrire une procédure stockée utilisant un curseur pour recopier les nom et prénom de la table PERSONNEL dans la table CLIENT ; (4 point)
9. Ecrire une procédure stockée qui permet d’afficher pour un type d’opération bien déterminée et un compte bien précis les informations du client concerné par cette opération ; (4 point)
10. Ecrire les Triggers qui permettent de vérifier les contraintes suivantes en affichant les messages convenables :
         • Le numéro du téléphone du CLIENT ne doit pas dépasser 10 chiffres pour une insertion ou une modification; (2 point)
         • Le salaire d’un PERSONNEL doit toujours >= 1254.28 pour une insertion ou une modification; (3 point)
         • Le montant d’une OPERATION doit rester dans l’intervalle {−1000,1000} que pour une insertion ou modification (3 point)
         • La suppression d’un compte n’est pas permise ; (1 point)
         • La date et le montant d’une opération ne sont pas modifiable ; (1 point)
         • A l’insertion d’une opération, le numéro du type de l’opération ne doit pas être nul ; (2 point)

SYSTÈME DE GESTION DE BASES DE DONNÉES I ( SGBD II )

EXAMEN FIN MODULE 3 :

Gestion des comptes bancaires : 
Soit le schéma de la base de données qui décrit les mouvements des comptes de clients d'une banque :
         Client(#id_c, nom, prenom, adresse, tel, nbre_comptes)
         Compte(#NCompte, solde, Id_c*, seuil, TypeC*)
         TypeCompte(#TypeC,type)
         Mouvement(#NMouvement, NCompte*, montant, type, dateM)

Un client est identifié par un Id_c possède un nom, un prénom, un téléphone ainsi que le nombre de comptes qui lui appartiennent.
Le compte est identifié par un numéro de compte, possède un solde, appartient a un client, la propriété seuil fixe le montant maximum que le compte peut avoir comme découvert.
La propriété nous renseigne sur le type de compte.
La table TypeCompte liste tous les types de comptes de la banque.
La table Mouvement archive les mouvements effectués sur chaque compte on retiendra le montant et la date du mouvment, le type peut être un retrait signalisé par ( R ) ou un dépôt signalisé par ( D ).
1. Ecrire la procédure stockée Retirer qui accepte en argument le numéro du compte, le montant à retirer puis ajoute la ligne corrsponante dans la table mouvement. (8pts) La procédure doit effectuer le traitement suivant :
         - le NMouvement doit s'inscrémenter automatiquement. (Ne pas utiliser de séquence (ORACLE) ni la propriéré Identity (SQL SERVER)).
         - Vérifier l'existence du compte et renvoyer le message d'erreur s'il n'existe pas.
         - La date ddu mouvemnt est égale à la date système.
         - L'argent est disponible sur le compte.
2. Ecrire une procédure stockée qui renvois en sortie le nombre de dépôts et de retraits par client dont le numéro de compte est transmis en argument. Effectuer un jeu d'essai.
3. Ecrire une procédure stockée qui permet d'octroyer à tous les comptes de type (épargne) une augmentation du soldes de 6%, à tous les comptes de type (age d'or) une augmentation du solde de 7%, à tous les comptes de type (éducation) une augmentation du solde de 8%.
4. Créer une fonction permettant de renvoyer pour un client le total général de tous les comptes qu'il possède.
5. Définir une fonction qui liste les mouvements effectués sur un compte entre deux dates données en argument.
6. Ecrire le trigger CHECK_STOCK en insertion sur la table Mouvement permettant de vérifier s'il s'agit d'un dépôt ou d'un retrait d'argnt et de mettre a jour le sodle après avoir vérifié la disponibilité d'argent en cas de retrait.
7. Ecrire un trigger permettant de mettre à jour le nombre comptes des clients a chaque ajout ou suppression de comptes.
8. Ecrire un trigger qui empêche la diminution de nombre de comptes.
Posted by OFPPT
No comments | 04:27



Examens de fin de module : les applications hypermédias (HTML, CSS, JavaScript)


Exercice 1 :
Créez un tableau de 600 pixels de large contenant cinq lignes et trois colonnes avec des bordures de 4 pixels, un espacement entre cellules de 10 pixels.

Exercice 2 :
Nous allons réaliser un mini-site. Réalisez une page index.html sur le modèle donné ci-dessous.
t-d-info-efm-Application-hypermédias-3


Exercice 3 : Nombre Mystérieux
• Il s'agit de faire trouver un nombre entier nbInconnu à l'utilisateur. Ce nombre sera obtenu au hasard, entre 0 et 100, par exemple. 
• On n'accorde qu'un nombre d'essais limités maxEssai, fixé en constante au début du programme. 
• A chacun des essais dans le composant Proposition, le joueur donne un nombre NbEssai et par appel d'une fonction provoquée par l'événement onChange, il obtiendra dans le composant Message, « c'est plus » ou « c'est moins ». 
• Deux conditions peuvent donc arrêter la répétition des essais : 
           1. Le joueur a découvert nbInconnu 
           2. OU il a épuisé le nombre total d'essais permis maxEssai 
• Si le nombre inconnu a été trouvé avant le nombre maximum d'essais, le programme affichera le message dans le composant Réponse "Vous avez trouvé en ... essais", sinon il affichera "Le nombre à touver était : ......". 
• Prévoir la possibilité pour le joueur de recommencer une partie (bouton Nouveau jeu).
• A tout moment, le joueur peut demander la réponse (bouton Réponse). 
Voici l'interface souhaitée :
t-d-info-efm-Application-hypermédias-8

APPLICATION HYPERMÉDIAS

EXAMEN FIN MODULE 2 :


Exercice 1 :
1- Créez le tableau suivant en fusionnant les colonnes.
t-d-info-efm-Application-hypermédias-1

2- Créez le tableau suivant en fusionnant les lignes.
t-d-info-efm-Application-hypermédias-2


Exercice 2 :
Pour s'inscrire dans un forum, un utilisateur doit remplir le formulaire suivant :
t-d-info-efm-Application-hypermédias-4

1- Ecrire le code HTM de la page web du formulaire.
2- Ecrire le permettant de respecter les règles :
           a- Tous les champs sont obligatoires.
           b- La date de naissance doit être vaide : 1<= jour <=31, 1<= mois <=12, année>=1910, 
           c- Le champ (Mot de passe) et e champ (Confirmer le mot de passe) doivent être égaux.
3- Ajouter le code JavaScript qui permet de fermer automatiquement la fenêtre du navigateur au bout de 20 secondes.

Exercice 3 :
• On entre une expression arithmétique dans une ligne de texte nommée calcul. (On pourra par la suite en fournir au hasard) 
• L'enfant doit proposer une réponse dans le champ nommé reponse 
• Prévoir un 3ème champ, nommé message, pour accueillir un message. 
• Si la saisie dans reponse est vide, alors afficher dans message "Propose une réponse", sinon comparer la réponse à la valeur (avec la fonction eval () qui évalue une chaîne de caractère). 
• Le message sera suivant le cas "réponse fausse .. corrige" ou bien "bonne réponse" .
• Un bouton marqué résultat devrait permettre à tout moment d'obtenir la réponse exacte dans le champ message. 
• La partie d'analyse de la réponse sera programmée dans une fonction verif() Voici l'interface souhaitée : 
t-d-info-efm-Application-hypermédias-9

APPLICATION HYPERMÉDIAS

EXAMEN FIN MODULE 3 :


Exercice 1 :
Créer un menu horizontal en HTML et CSS.

Exercice 2 : Créez un formulaire divisé en trois groupes.
Le premier groupe permet d’obtenir les coordonnées du visiteur. Il contient trois zones de texte pour la saisie du nom, du prénom et de l’e-mail et une zone de mot de passe.
Ces champs sont suivis d’un groupe de boutons radio pour indiquer le sexe de la personne.
Enfin, ce groupe se termine par une liste de sélection qui contient trois groupes d’options pour le choix du pays.
Le deuxième groupe permet de saisir des informations sur les goûts du visiteur. Il comprend trois cases à cocher et une zone de texte multilignes de 50 caractères de large et de 5 lignes de haut.
Le troisième groupe contient un composant d’envoi de fichier et un champ caché indiquant la taille maximale des fichiers fixée à 10 Ko. Le formulaire se termine bien évidemment par l’insertion des boutons d’envoi et de réinitialisation.
t-d-info-efm-Application-hypermédias-10


Exercice 3 :
On se propose d'écrire une page HTML et des fonctions Javascript permettant de jouer le Sudoku. (sans en expliquer les règles ici) Pour cela :
1- Ecrire les lignes HTML permettant d'obtenir le tableau suivant : les cellules sont des zones de texte d'un formulaire. Bien sûr, les cellules qui contiennent des chiffres au départ sont non modifiables par l'utilisateur. Aucun style ne devra apparaître dans les balises mais dans une feuille de style. 
- Alors répondre à cette question revient à créer deux fichiers ; html et un autre css.
Remarque : pour mettre de la bordure pour le tableau ou des cases du tableau; utilisez les propriétés : 
border-bottom: pour la bordure en bas du tableau ou de la case. 
border-left: pour la bordure à gauche du tableau ou de la case. 
border-right: pour la bordure à droite du tableau ou de la case. 
border-top: pour la bordure en haut du tableau ou de la case. 
t-d-info-efm-Application-hypermédias-5

2 – L'utilisateur doit entrer un chiffre dans chaque case vide. Lorsqu'il a fini, il a deux possibilités offertes par deux boutons : 
Vérifier que la grille est correctement remplie ou charger la solution sur une autre page html.l.
Ecrire les lignes html permettant d'ajouter ces deux boutons au formulaire précédent sans écrire les fonctions.
t-d-info-efm-Application-hypermédias-6

Remarque : le texte des boutons est écrit en police Times new roman, de taille 10 points. La couleur du texte est rouge pour le premier et bleue pour le second ; l'aspect des boutons est en relief, l'épaisseur de leurs bordures est de 4 pixels et la couleur de fond jaune. La largeur des boutons est de 200 pixels pour le premier et 100 pixels pour le second Aucun style ne devra apparaître dans les balises mais dans la feuille de style. N’oublier pas de mettre tout le contenu de cette page dans un formulaire !!


3– Mise en place des fonctions liées aux deux boutons :
           a –Le bouton "vérifier ma grille" permet de vérifier que la grille est complètement remplie (plus aucune cellule vide et chaque cellule est remplie par le chiffre correcte). Dans le cas favorable il faut afficher un message « vous avez réussi » sinon « c’est incorrecte réessayez encore :!!! »
           b- le premier bouton permet d'ouvrir une page HTML "grille2.html" qui contient la solution. Ecrire les lignes HTML et javascript permettant d’ afficher la page html grille2. html lors du clic sur le bouton "solution dans nouvelle page". on ne demande pas d’écrire le code de la page html grille2.html. 
Proposition : vous nommez chaque cellule par C11, C12, C13…. ; avec C13 est la case de la première ligne et la troisième colonne, C34 est la case de la troisième ligne et la quatrième colonne, La figure suivante montre la réponse de cette grille, alors lors de la vérification il faut vérifier si chaque case contienne me chiffre convenable alors si C11 contient par exemple le chiffre 3 alors dans ce cas on affiche message( c’est incorrecte réessayez ) ; on ne demande pas de spécifier dans les messages alert quelle est la cellule qui contient un chiffre incorrecte le message précédent suffit. . 
t-d-info-efm-Application-hypermédias-7