3SI STI Série 3
Série3 : Création d’un site Web Interactif :
1) Créer un site web qui a la structure suivante : Titre
LOGO
Cadre
Menu d’affichage
des pages
Dans la partie header ajouter un logo (une image, icône, slogan…) et un titre de
niveau 1 pour le site (formation JavaScript).
Dans la partie nav menu de navigation créer une liste de liens hypertextes vers les
différentes pages du site (inscription lien vers la page [Link] et le lien
abonnement lien vers la page [Link]) qui seront affichées dans le cadre
d’affichage(section) qui contient par défaut la page « [Link] ».
2) La page « [Link] » est décrite ci-dessous
Le clic sur le bouton envoyer appelle une fonction JavaScript qui permet de
vérifier :
3SI STI Série 3
Contrôle de saisie
Le champ pseudo doit être non vide
Le champ email est obligatoire et contient obligatoirement le caractère @
Le champ mot de passe est de type password, il doit contenir entre 5
et 10 carcatère
Le quatrième champ doit être identique au troisième
3) La page « [Link] » est décrite ci-dessous
Le clic sur le bouton calculer appelle une fonction JavaScript qui permet de :
Vérifier les contrôles suivants :
- La sélection d’une activité sportive est obligatoire
- Le choix d’un âge est obligatoire
Calculer et afficher le net à payer selon le tableau suivant :
Enfant Adulte
Gymnastique 100 5 140
0
karaté 80 4 110
0
4) Mettre en forme tous les pages comme indiqué ci-dessus
Le survol de la souris sur les liens permet de modifier ses couleurs
Le survol de la souris sur l’image permet d’agrandir sa taille
Ajouter une animation pour le titre
Le choix de couleur et d’arrière-plan et de taille et polices des textes (titres) sont
laissés à libre choix, cependant ils sont obligatoires
3SI STI Série 3
NB : Tous les codes JavaScript sont enregistrés dans un fichier [Link]
Tous les codes de mises en formes sont enregistrés dans un fichier [Link]