<!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>