Scribd
Importer
0 vues2 pages

Application

Le document décrit la création d'un site web avec une structure HTML sémantique et des fichiers CSS externes. Il inclut des instructions pour la page d'accueil, les pages modules et inscription, ainsi que des spécifications pour les éléments visuels et les validations de formulaire. Des mises en forme CSS spécifiques sont également requises pour les légendes et les zones de saisie.

Transféré par

Hamda Arfa
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
0 vues2 pages

Application

Le document décrit la création d'un site web avec une structure HTML sémantique et des fichiers CSS externes. Il inclut des instructions pour la page d'accueil, les pages modules et inscription, ainsi que des spécifications pour les éléments visuels et les validations de formulaire. Des mises en forme CSS spécifiques sont également requises pour les légendes et les zones de saisie.

Transféré par

Hamda Arfa
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

Application : Création d’un site web

Créez un dossier de travail nommé SW « nom_prénom » dans lequel vous


enregistrez tous les fichiers.
NB : utiliser la technique CSS externe.
Partie HTML
Créer la page web « [Link] » ayant l’organisation sémantique
suivante :
<header>

<nav>
<section> <aside>

<footer>

Le bloc header contient :


o Un titre de niveau 1 : « Centre de formation BE-EXCELLENT ».
o Un logo « [Link] » qui sera affiché sur la même ligne du
titre.

Le bloc section contient au départ la page « [Link] » dans un


cadre (iframe).
Le bloc nav contient une liste non ordonnée (sous forme de boutons) de
deux liens hypertextes qui s’ouvrent dans un cadre (iframe) situé dans le
bloc section :
 Modules : ouvre la page [Link]
 Inscription : ouvre la page [Link]
Le bloc aside contient :
 Un titre de niveau 2 : « Monde sans tabac ».
 Un paragraphe : « Arrêter de fumer amène des bénéfices pour la
santé des fumeurs en plus d’avoir des effets positifs sur la vie des
ex-fumeurs et de leur entourage ».
Le bloc footer contient votre nom et prénom, votre email et votre
téléphone.
Descriptions des pages
 [Link]
 Un groupement de trois images sur la même ligne ([Link],
[Link] et [Link]) ayant le titre « Formation Novembre
2024 » qui sera affiché en bas du groupement.
 Un tableau dont la structure est présentée ci-dessous :

Equipe Date Prix


HTML5 & 08-11- 150.00
CSS3 2024 0
15-11- 200.00
Javascript
2024 0
22-11- 250.00
Php
2024 0
600.00
Total
0

Les éléments de l’entête du tableau seront centrés, en gras et ayant


une couleur d’arrière-plan gris.
 [Link]

 Les options de la liste Ville sont : Sélectionner une ville, Tunis,


Sousse, Sfax et Gabès.
 Ajouter les attributs HTML nécessaires afin de s’assurer de la
validité des champs du formulaire en respectant les contrôles
suivants :
 L’email est obligatoire.
 Le mot de passe doit contenir au moins trois caractères et
obligatoire.
 Le code postal est un entier compris entre 1000 et 9999.
Partie CSS
 Ajouter les règles de style CSS afin d’appliquer aux légendes du
formulaire les mises en forme suivantes : gras et italique de couleur
rouge.
 Déclarer une classe pour mettre les labels en gras et à droite avec
une largeur de 15%.
 Ajouter les règles de style CSS afin d’appliquer aux zones de saisie
(mail, prénom, nom et code postal) les mises en forme suivantes :
 Couleur de texte : bleu.
 Couleur de la bordure : rouge.

Vous aimerez peut-être aussi