Scribd
Importer
180 vues4 pages

TP 1 HTML

Ce document décrit un TP sur la création de pages web statiques contenant des liens, listes, tableaux et formulaires. Le TP comprend 5 parties : présentation avec ancres, liste, tableau, inscription et index.

Transféré par

رضوان بن صالح الجعدي
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
180 vues4 pages

TP 1 HTML

Ce document décrit un TP sur la création de pages web statiques contenant des liens, listes, tableaux et formulaires. Le TP comprend 5 parties : présentation avec ancres, liste, tableau, inscription et index.

Transféré par

رضوان بن صالح الجعدي
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
Vous êtes sur la page 1/ 4

INSFP Ouled Fayet : BTS - Développeur Web et Mobile

Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH


Chapitre 1 : Introduction au web

TP 1
Travail à faire :
• Créez un dossier « mon_premier_site »
• Créez une page index.html
• Créez des pages presentation.html ; liste.html ; tableau.html ; inscription.html
• Créer un dossier nommée mon_site et sous dossier nommée images

I. Page présentation

Dans cette page on va attribuer des ancres à quelques endroits de la page et par la suite on va
créer des liens qui pointent vers ces ancres afin de faciliter la navigation de l'utilisateur sur la
page .

Pour cela créer une page composée de 4 chapitres précéder de 4 liens chaque lien envoie vers
un chapitre précis , pour simplifier on va considérer que chaque chapitre et composé d'un titre
et d'un paragraphe (voir l'exemple en bas).
INSFP Ouled Fayet : BTS - Développeur Web et Mobile

Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH


Chapitre 1 : Introduction au web

II. La page liste

La page liste.html contient des listes numérotées et des listes à puce comme illustré ci-
dessous.

III. Page tableau

1. Créer les tableaux suivants en utilisant les propriétés de fusion "colspan" et "rowspan" :

1)

2) Utiliser les éléments : caption, thead tbody et tfoot pour afficher les données dans un
tableau structuré de la façon suivante :
INSFP Ouled Fayet : BTS - Développeur Web et Mobile

Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH


Chapitre 1 : Introduction au web

IV. La page inscription

Créer un formulaire (voir l’exemple ci-dessous) qui contient les élements suivants :

1. Champs de saisie de nom, prénom et e-mail.


2. Deux boutons radio pour le choix du sexe.
3. Un champ destiné au transfert de fichier photo dont le format est restreint aux types
JPEG ou PNG.
4. Une liste de choix pour les pays .
5. Une liste de choix multiple pour les langages préférés.
6. Des cases à cocher pour choisir les domaines d'activités.

V. page index

L'objectif est de construire l'arborescence suivante en utilisant les liens relatifs :


INSFP Ouled Fayet : BTS - Développeur Web et Mobile

Module : Les interfaces utilisateurs statiques Formatrice : Mme DJERRAH


Chapitre 1 : Introduction au web

Vous aimerez peut-être aussi