Scribd
Importer
44 vues3 pages

Création d'un site web éducatif en STI

Le document décrit la création d'un site web sur une salle de sport avec plusieurs pages et formulaires. Il contient des instructions pour créer la page d'accueil, une page de menu avec des liens, des pages de formulaire d'inscription et de paiement avec des contrôles de saisie en JavaScript.

Transféré par

Hani Haddad
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
44 vues3 pages

Création d'un site web éducatif en STI

Le document décrit la création d'un site web sur une salle de sport avec plusieurs pages et formulaires. Il contient des instructions pour créer la page d'accueil, une page de menu avec des liens, des pages de formulaire d'inscription et de paiement avec des contrôles de saisie en JavaScript.

Transféré par

Hani Haddad
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Lycée 

: Mourouj 6 Date : Décembre 2022


Matière : STI Devoir de Prof : Mr SAADI JALEL
Classe : 4éme SI 1 ¹ Durée : 1 heure
Synthèse N° 1
NOM : ………………PRENOM :…………………….CLASSE :………G :……N° :……

NB :  Cette feuille doit être remise à la fin de l’épreuve

Tous les fichiers crées (html,css,js) seront enregistrés dans "C:/Nom & prenom".

1) Créer la page « [Link] » comme illustré ci-dessous : (4pts) Zone 1

Zone 2

Zone 3

Sachant que : Zone 4


 Zone1 contiendra le titre suivant « Salle de sport » et l’image « [Link] »
 Zone2 contiendra la page "[Link]".
 Zone3 contiendra par défaut la page "[Link]" et servira aussi à l’affichage des
autres pages du site.
 Zone4 contiendra la phrase suivante « Bon Travail»
NB :
 Utiliser les balises structurelles et sémantiques pour la création de la page index.
 Utiliser l’élément « iframe » pour l’intégration d’une page web dans une autre.
2) Créer la page "[Link]" contenant le titre "Bouger C’est vivre" et l'image "[Link]" (1pts)
3) Créer la page « [Link] » contenant les liens hypertextes suivants :( 3pts)
 Accueil : servira de lien vers la page "[Link] ".
 Inscription : servira de lien vers la page "[Link]".
 Payement : servira de lien vers la page "[Link]".
4) Ajoutez un effet pour modifier toutes les couleurs des liens (texte, arrière-plan, bordure) ainsi que
le texte devient majuscule lorsque l’on survole sur un lien avec la souris. (1pts)
1
5) Créer la page « [Link] » contenant le formulaire suivant :(2pts)

Le clic sur le bouton S’inscrire fait appel à la fonction JavaScript verif () qui permet
d’effectuer les contrôle de saisie suivant

champs contrôle
CIN composé de 8 chiffres dont le premier est "0 " ou "1.(1pts)
Nom et Prénom ne contient que des lettres alphabétiques ou des espaces (1pts)
Tel composé de 8 chiffres dont le premier est différent des chiffres "0" et"2". (1pts)
Email doit comporter le caractère "@" et ne contient pas d’espace.(1pts)
Mot de passe composé de 8 caractères alphanumérique (1pts)
Confirmation Le mot de passe et sa confirmation doivent évidemment être identiques.
(0,5 pts)
Activité sportive Le choix d’une Activité sportive est obligatoire (0,5pts)

Si les conditions précédentes sont satisfaites, le message suivant sera affiché : "Inscription validé"
6) Créer la page « [Link] » contenant le formulaire suivant :( 2pts)
Le clic sur le bouton calculer fait appel
à la fonction payer() qui permet de calculer
et afficher le Net à payer dans la
zone Net à payer (2pts)

selon le tableau suivant :


Enfant Adult
1 Mois 3 Mois 1 Mois 3 Mois
Gymnastique 40 100 150 40
Karaté 30 80 40 100

2
3

Vous aimerez peut-être aussi