Scribd
Importer
5 vues2 pages

Création d'un site web statique en Tunisie

Transféré par

Yosr Yo
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
5 vues2 pages

Création d'un site web statique en Tunisie

Transféré par

Yosr Yo
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

Atelier N°6 : Structure d’un document HTML5

L’agence de voyage «Tunisia Travel » souhaite réaliser un site web en HTML5 et CSS3.
Le site respecte l’arborescence suivante :

Soit la page d’accueil représentée par la figure suivante :

header

nav

article section
aside

nav
article

footer

Le contenu de « [Link] » est décrit par le tableau suivant :

Elément Description
header Contient :
− Une image située à gauche (présentée par l’image « [Link] »)
− Le logo de Facebook

Page 1 sur 2
− Le logo d’Instagram
− Le logo de Twitter
− Un titre de niveau H1 « Tunisa Travel »
− Un titre du niveau H2 « Voyage, croisière, ... »
header nav Contient des liens hypertextes :
− Accueil : lien vers la page « [Link] »
− Séjour en Tunisie : lien vers la page « [Link] »
− Séjour à l’étranger : lien vers la page « [Link] »
− Promotions : lien vers la page « [Link] »
− Séjour à la carte : lien vers la page « [Link] »
aside Contient :
− Une image (présentée par l’image « [Link] »)
− Nav : qui contient une liste non ordonnée de liens :
➢ Prestations : lien vers la page « [Link] »
➢ Photos : lien vers « [Link] »
section Contient :
− Un article qui contient un titre H3 « Tunisia Travel » et un
paragraphe.
− Un article qui contient un titre H3 « Nos points de vente » et une
liste non ordonnée.
footer Contient deux liens :
− TlsContact : Lien vers site : [Link]
− ContactWebMaster : lien vers l’adresse mail
« WebMaster@[Link] ».

Page 2 sur 2

Vous aimerez peut-être aussi