Scribd
Importer
12 vues3 pages

TD 2

Le document présente un exercice de codage HTML et CSS pour une librairie en ligne, incluant des éléments de mise en page avec GridLayout. Il demande également la création d'un formulaire et la mise en forme correspondante. Des figures illustrent les résultats attendus pour chaque exercice.

Transféré par

nickyzouhaire45
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
12 vues3 pages

TD 2

Le document présente un exercice de codage HTML et CSS pour une librairie en ligne, incluant des éléments de mise en page avec GridLayout. Il demande également la création d'un formulaire et la mise en forme correspondante. Des figures illustrent les résultats attendus pour chaque exercice.

Transféré par

nickyzouhaire45
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

(_(_((_Ecole Nationale des Sciences Aplliquées_de_Safi_))__) CMS

Cycle Ingénieur GINF/GTR -- Semestre 1 2024/2025

TD 2
Exercice 1
Soit le code html suivant:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Votre Librairie en Ligne - Le Site Web</title>
^^I<link rel="stylesheet" href="[Link]" />
</head>
<body class="conteneur">
<header class="box une">
<h1>La librairie en Ligne </h1>
</header>
<nav class="box deux">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Ouvrages</a></li>
<li><a href="#">Commander en ligne</a></li>
</ul>
</nav>
<aside class="box trois">
<h1>La librairie en Ligne </h1>
<p>Achetez vos livres en ligne au meilleur prix ! Explorez nos best-sellers dès maintenant.
Trouvez votre prochaine lecture, livraison en 1 clic partout au Maroc.
</p>
</aside>
<section>

<article class="quatre">
<h1> Power: Les 48 lois du pouvoir </h1>
<p>"Le pouvoir… on le désire, on le craint, on s’en protège…
"Le sentiment de n’avoir aucun pouvoir sur les gens et les événements est difficilement
supportable : l’impuissance rend malheureux. Personne ne réclame moins de pouvoir, tout
le monde en veut davantage." Amoral, intelligent, impitoyable et captivant, cet ouvrage
colossal condense 3 000 ans d’histoire du pouvoir en 48 lois. Véritable manuel de la
manipulation, il analyse la quintessence de cette sagesse millénaire, tirée de la vie
des plus illustres stratèges (Sun Zi, Clausewitz), hommes d’État (Louis XIV, Bismarck,
Talleyrand), courtisans (Castiglione, Gracián), séducteurs (Ninon de Lenclos, Casanova)
et escrocs de l’histoire.</p>
</article>
</section>
<footer class="box cinq">
<p>Copyright - Tous droits réservés <a href="#">Newsletter</a></p>
</footer></body></html>

1. Ecrire le code CSS qui permet d’afficher la page html de la figure 1 en utilisant le GridLayout.
2. Ecrire le code CSS qui permet d’obtenir la page html de la figure 2 en utilisant le GridLayout..
Figure 1: Exercice 1, question 1.

Figure 2: Exercice 1, question 2

Exercice 2
1. Ecrire le code html qui permet d’afficher le formulaire de la figure 3.
2. Ecrire le code CSS qui permet d’obtenir la page html de la figure 4.

Page 2
Figure 3: Exercice 2, question 1

Figure 4: Exercice 2, question 2

Page 3

Vous aimerez peut-être aussi