Scribd
Importer
106 vues2 pages

Consignes: Mescontroles - Js Messtyles - Css Messtyles - Css Inscription - HTML Affectation - HTML Mescontroles - Js

Le document fournit des consignes pour la création d'un site web en HTML et CSS pour le Bac 2024, incluant des fichiers JavaScript et CSS spécifiques. Il décrit la structure de la page d'accueil 'index.html' ainsi que la page 'inscription.html' pour l'enregistrement des membres, en précisant les éléments et styles à appliquer. Les instructions incluent également des détails sur les formulaires et les mises en forme requises pour chaque page.

Transféré par

twirsarah
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 PDF, TXT ou lisez en ligne sur Scribd
106 vues2 pages

Consignes: Mescontroles - Js Messtyles - Css Messtyles - Css Inscription - HTML Affectation - HTML Mescontroles - Js

Le document fournit des consignes pour la création d'un site web en HTML et CSS pour le Bac 2024, incluant des fichiers JavaScript et CSS spécifiques. Il décrit la structure de la page d'accueil 'index.html' ainsi que la page 'inscription.html' pour l'enregistrement des membres, en précisant les éléments et styles à appliquer. Les instructions incluent également des détails sur les formulaires et les mises en forme requises pour chaque page.

Transféré par

twirsarah
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 PDF, TXT ou lisez en ligne sur Scribd

TP2

Rappel HTML CSS

Bac 2024 (modifié)

Consignes :
a. Toutes les fonctions JavaScript doivent être enregistrées dans un fichier nommé
"[Link]".
b. Toutes les règles CSS doivent être enregistrées dans le fichier "[Link]".
c. Toutes les pages HTML doivent être reliées au fichier "[Link]".
d. Les pages "[Link]" et "[Link]" doivent être reliées au fichier
"[Link]".
e. Le clic sur le bouton "Annuler" de chaque formulaire à créer, permet d’initialiser les champs.

1) Création de la page index du site


a) Créer la page "[Link]" tout en la reliant au fichier "[Link]" afin de respecter la disposition
ci-contre.
Sachant que :
✓ L’élément <h1> contient le texte : "Jardinons ensemble"
✓ L’élément <nav> représente le volet de navigation et
contient les liens hypertextes suivants :
▪ Inscription d’un membre (servira de lien vers la
page "[Link]").
▪ Affectation d’une parcelle (servira de lien vers la
page "[Link]").
✓ L’élément <section> représente la zone d’affichage des
différentes pages web et contient par défaut la page
"[Link]".
✓ L’élément <aside> contient l’image "[Link]" située
dans votre dossier de travail.
✓ L’élément <footer> représente le pied de page et contient
la liste à puces suivante :
▪ Email :admin@[Link]
▪ Téléphone : +216 60 600 600
b) Ajouter au fichier "[Link]", les règles permettant d’appliquer aux éléments de cette
page, les mises en forme spécifiées dans le tableau suivant :
Elément Mise en forme
H1
Alignement du texte : centré
Nav
Image Filtre : inversement total des couleur (100%)
Opacité à 90%
Style de marqueur de la liste : square
Liste à puce Style du texte : italique
La position des marqueurs : intérieure
Position :à 10px de bas de page
Toujours visible
Footer
Arrière-plan : noire
Texte : blanc

2) Inscription d’un membre


a) Créer la page "[Link]" qui permet la saisie des données relatives à un nouveau
membre via le formulaire suivant :

Sachant que :
✓ Le champ de saisie relatif au libellé "Adresse email" est de type email.
✓ Le champ de saisie relatif au libellé "Date de naissance" est de type date.
✓ Les attributs "value" des boutons radio (Masculin et Féminin) relatifs au genre ont
respectivement les valeurs "M" et "F" et aucun bouton n’est sélectionné par défaut.
✓ Les champs de saisie relatifs aux libellés "Mot de passe" et "Retaper le mot de passe" sont
de type password.
✓ Le clic sur le bouton "Enregistrer" fait appel à :
▪ un fichier intitulé "[Link]".
b) Ajouter au fichier "[Link]", les règles permettant d’appliquer aux éléments de cette
page, les mises en forme spécifiées dans le tableau suivant :
Elément Mise en forme
Les champs de saisie relatifs au nom, Couleur du texte : #009933
adresse, email et les deux mots de passe. Couleur de l’arrière-plan : #FFFFD8
Marge intérieure des 4 côtés : 4px
Largeur :400px
Espacement extérieur haut et bas :0
Espacement extérieur droite et gauche : auto
Espacement intérieur : 20px
Le formulaire Couleur d’arrière-plan :#ffffff
Ombres :0px à droite, 4px en bas, 8px pour le
rayon de flou avec une couleur noire d’une
transparence de 10%
Bordure : arrondi de 10px

Vous aimerez peut-être aussi