Scribd
Importer
14 vues4 pages

Création de Cadres HTML en TP

Ce document présente un travail pratique sur l'utilisation des cadres en HTML, avec des exercices à réaliser. Les étudiants doivent créer plusieurs pages HTML et les modifier pour inclure des liens hypertextes entre elles. L'objectif est de comprendre la structure des pages-cadres et l'utilisation des balises appropriées.

Transféré par

elounizeineb495
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
14 vues4 pages

Création de Cadres HTML en TP

Ce document présente un travail pratique sur l'utilisation des cadres en HTML, avec des exercices à réaliser. Les étudiants doivent créer plusieurs pages HTML et les modifier pour inclure des liens hypertextes entre elles. L'objectif est de comprendre la structure des pages-cadres et l'utilisation des balises appropriées.

Transféré par

elounizeineb495
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

Travaux Pratiques N°4 (Durée : 1.

5H)

Objectif :
 Rappels sur la notion de cadre
 Utiliser les balises HTML pour créer des cadres pour subdiviser
une page Web

Rappel :

◼ Squelette d'une page-cadre

Une page destinée à recevoir plusieurs cadres a une structure légèrement


différente d'une page "habituelle ".

<html>
<head>
<title>Ma page de cadres</title>
</head>
<frameset>
(déclaration des cadres)
<noframes>contenu alternatif pour les navigateurs ne
supportant pas les cadres.</noframes>
</frameset>
</html>

◼ La balise <frame>
❑ Les attributs de la balise frame sont :
Travail demandé :

Exercice 1 :

Ecrire en code HTML, les pages Tp4Ex1 page [Link] dans votre dossier, contenant
le texte de niveau 1 Page x en bleu avec x prend les valeurs de 1 à 4.
Ecrire en code HTML, la page Tp4Ex1_1.html et la Tp4Ex1_2.html dans votre
dossier de travail ayant l’allure suivante :
Exercice 2 :

Utiliser les pages Tp4Ex1 page [Link] de l’exercice 1.


Ecrire en code HTML, la page [Link] dans votre dossier de travail ayant
l’allure suivante :

Exercice 3 :

Utiliser les pages Tp4Ex1 page [Link] de l’exercice 1.


Modifier le code HTML de la page Tp4Ex1 page [Link] en ajoutant un lien
hypertexte Page 4 qui permet de charger la page 4 (le fichier Tp4Ex1 page [Link])
dans le cadre qui contient la Page 3.

Votre jeu de cadres après la clique sur le lien aura l’allure suivante :
Exercice 4 :

Utiliser les pages Tp4Ex1 page [Link] de l’exercice 1.


Modifier le code HTML de la page Tp4Ex1 page [Link] en ajoutant un lien
hypertexte Page 4 qui permet de charger la page 4 (le fichier Tp4Ex1 page [Link])
dans le même cadre qui contient le lien.

Votre jeu de cadres après la clique sur le lien aura l’allure suivante :

Exercice 5 :

Utiliser les pages Tp4Ex1 page [Link] de l’exercice 1.


Modifier le code HTML de la page Tp4Ex1 page [Link] en ajoutant un lien
hypertexte Page 4 qui permet de charger la page 4 (le fichier Tp4Ex1 page [Link])
dans une nouvelle fenêtre entière.

Votre jeu de cadres après la clique sur le lien aura l’allure suivante :

Vous aimerez peut-être aussi