67 lines
2.1 KiB
HTML
67 lines
2.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>DIU-EIL : bloc 1 - introduction à la programmation WEB</title>
|
||
|
|
<link href="DIU-EIL-WEB.css" rel="stylesheet" media="all" type="text/css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<header id="header">
|
||
|
|
<h1>Activité pratique «programmation web»</h1>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main>
|
||
|
|
|
||
|
|
<nav id="menu">
|
||
|
|
<h2>Menu</h2>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#content-partie-1">Partie 1</a></li>
|
||
|
|
<li><a href="#content-partie-2">Partie 2</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<section id="container">
|
||
|
|
|
||
|
|
<section id="content-partie-1">
|
||
|
|
|
||
|
|
<h2>Partie 1</h2>
|
||
|
|
|
||
|
|
<h3>Un premier boutton</h3>
|
||
|
|
<div>
|
||
|
|
<button id="btn-exec">Exécuter</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h3>Un formulaire pour une fonction JS</h3>
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<ul>
|
||
|
|
<li>Stop<input type="text" id="input-range-stop" value="10"/></li>
|
||
|
|
<li>Start<input type="text" id="input-range-start" value=""/></li>
|
||
|
|
<li>Step<input type="text" id="input-range-step" value=""/></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button class="soft-btn" id="btn-range-eval">Range</button>
|
||
|
|
<button class="soft-btn" id="btn-range-reset">Reset</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<code id="output"></code>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="content-partie-2">
|
||
|
|
<h2>Partie 2</h2>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer id="footer">
|
||
|
|
Contenus à partir de Pierre-Antoine Champin, Emmanuel Coquery, Fabien Duchateau et Romuald Thion.
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script src="DIU-EIL-WEB.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|