Exercice 1 16h40

This commit is contained in:
JunkJumper 2020-01-22 16:40:43 +01:00
parent f15688ceaf
commit b51378e29a
6 changed files with 90 additions and 0 deletions

10
TD1/css/main.css Normal file
View File

@ -0,0 +1,10 @@
.firstOrLast{
color: red;
}
span{
color: #090;
}

42
TD1/index.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>M4103 - Programmation Web Client Riche - TD1</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='./css/main.css'>
<script src='./js/main.js'></script>
</head>
<body onload="init();">
<h1 id="titre" class="firstOrLast">Exercice <span>1</span></h1>
<div>
<p>Mane 6 : ce sont les six personnages principaux de la série My Little Pony Friendship is Magic</p>
</div>
<h2>Applejack</h2>
<div>
<p<>Poney terrestre de nature <span><strong>honnête et travailleuse</strong></span> elle travaille dans la « Sweet Apple Acres » avec le reste de la famille Apple.</p>
</div>
<h3 class="firstOrLast">Rainbow Dash</h3>
<p>Pégase de nature fière et sportive, elle est en charge de la gestion de la météo de Ponyville.</p>
<h2 class="firstOrLast">Twilight Sparkle</h2>
<p>Licorne de nature intellectuelle et réfléchie, elle est lélève de la Princesse Celestia. Elle est chargée dapprendre le plus possible en ce qui concerne lamitié.</p>
<h3>Rarity</h3>
<p>Licorne de nature généreuse, elle travaille à la fois comme créatrice de mode et comme couturière dans sa propre boutique de Ponyville, la Boutique Carrousel.</p>
<h3>Fluttershy</h3>
<p>Pégase de nature timide et réservée, elle soccupe des animaux dans son chalet qui lui sert également de résidence principale.</p>
<h3>Pinkie Pie</h3>
<p>Poney terrestre de nature joyeuse et souriante qui adore faire la fête, elle travaille au Sugar Cube Corner en préparant des gâteaux pour les habitants de Ponyville.</p>
<div id="date_modif"></div>
</body>
</html>

14
TD1/js/main.js Normal file
View File

@ -0,0 +1,14 @@
console.log("JavaScript is linked");
function init(){
sayHello();
defTitre1();
}
function defTitre1(){
console.log(defTitre1());
}
function sayHello() {
console.log("Hello Everypony !");
}

3
css/main.css Normal file
View File

@ -0,0 +1,3 @@
h1, h2, ul {
text-align: center;
}

21
index.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>M4103 - Programmation Web Client Riche</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='./css/main.css'>
<script src='./main.js'></script>
<h1>M4103 - Programmation Web Client Riche</h1>
<h2>Sommaire des TD</h2>
</head>
<body>
<ul>
<li><a href="./TD1/">TD1</a></li>
</ul>
</body>
</html>

0
js/main.js Normal file
View File