Scribd
Importer
2 vues3 pages

TD2 HTML

Le document présente des exercices pratiques en HTML, incluant la création d'une table des matières, l'ajout de liens externes, la modification d'un pied de page pour générer un e-mail, ainsi que la création de tableaux et de formulaires. Il décrit également la structure d'un site web pour une société de vente en ligne, avec des instructions sur le téléchargement de fichiers et la création de pages-cadres. Les exercices visent à renforcer les compétences en développement web et en structuration de contenu HTML.

Transféré par

mohamed
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
2 vues3 pages

TD2 HTML

Le document présente des exercices pratiques en HTML, incluant la création d'une table des matières, l'ajout de liens externes, la modification d'un pied de page pour générer un e-mail, ainsi que la création de tableaux et de formulaires. Il décrit également la structure d'un site web pour une société de vente en ligne, avec des instructions sur le téléchargement de fichiers et la création de pages-cadres. Les exercices visent à renforcer les compétences en développement web et en structuration de contenu HTML.

Transféré par

mohamed
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

Prog Web & MM Maroua BAKRI

Langage HTML
TD N°2 :
Liens, Tableaux, Formulaire & Cadres

Exercice 1 :

Reprenez la page HTML créée lors de l’exercice 3 du TD1 et réalisez-y les compléments
décrits ci-après :
1- Ajoutez au début de la page (juste sous le titre de premier niveau "Jules
Ducommun") une table des matières hypertexte :
1- Mes coordonnées
2- Mon curriculum vitae
3- Mes hobbies
Pointant vers des "cibles" placées juste avant les titres de chapitre, puis testez que
vos renvois hypertextes de table des matières fonctionnent.

2- Ajoutez à votre page HTML le chapitre ci-dessous contenant des liens pointant
vers des sites externes, puis testez que tous ces liens fonctionnent.
1- Mes sites préférés
2- Le site Webdo [Link]
3- Le serveur FTP anonyme mirroir de SWITCH
[Link]
4- La bibliothèque de l'ETHZ telnet://[Link]

3- Puis modifiez votre pied de page comme ci-dessous de façon que si l'on clique sur
votre nom cela génère automatiquement la rédaction d'un E-mail à votre attention
avec le sujet "Feed-back Home-page" :
Jules Ducommun / révision 2.5.99

Exercice 2 :

Écrire le code HTML permettant de créer le tableau illustré dans la figure 1.


N.B : le tableau occupe 90% de la largeur de la fenêtre et est aligné au centre avec une
bordure de 1.

Figure 1

1
Prog Web & MM Maroua BAKRI

Exercice 3 :

Écrire le code HTML permettant de créer le formulaire suivant :

Exercice 4 :

Le but de cet exercice est de créer, à base de cadres, la structure générale du site d'une
petite société de vente en ligne, [Link]. Les contenus et images sont fournis.

1. Téléchargement des fichiers nécessaires


1. Dans votre répertoire de travail, créer un répertoire cadres.
2. Télécharger le fichier [Link] et le décompresser dans le répertoire.
3. Créer un répertoire images.
4. Télécharger le fichier [Link] et le décompresser dans le
répertoire images.
2. Création des pages-cadres
1. Ouvrir le fichier [Link] dans l'éditeur. Créer la structure de cadres
indiquée dans les commentaires.
2
Prog Web & MM Maroua BAKRI

2. Ouvrir le fichier [Link] dans l'éditeur. Créer la structure de cadres


indiquée dans les commentaires.
3. Création de la navigation intra-site
1. Ouvrir le fichier [Link] dans l'éditeur. Créer les liens indiqués dans
les commentaires.
2. Ouvrir le fichier [Link] dans l'éditeur. Créer le lien indiqué dans les
commentaires.
3. Ouvrir le fichier [Link] dans l'éditeur. Créer le lien indiqué dans
les commentaires.
4. Ouvrir le fichier [Link] dans l'éditeur. Créer les liens indiqués dans les
commentaires.
5. Ouvrir le fichier [Link] dans l'éditeur. Créer le lien indiqué dans les
commentaires.
4. Tester la navigation dans le site.

Vous aimerez peut-être aussi