You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
4.8 KiB

<!DOCTYPE html>
<html>
<head>
<title>LangProg - Main</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="./styles/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<div class="title">
<h1>LangProg</h1>
<p><b>Main</b> page</p>
</div>
</div>
<nav class="nav-bar">
<span class="nav-left">
<a href="./index.html">Menu Principal</a>
<a href="pages/galerie.html">Galerie</a>
<a href="pages/donnees.html">Données</a>
</span>
<span class="nav-right">
<div class="dropdown-menu">
<label for="dd-menu"><span><b>=</b></span></label>
<input type="checkbox" id="dd-menu" />
<div class="dropdown-menu-content">
<a href="pages/contact.php">Contact</a>
<a href="pages/apropos.html">A propos</a>
</div>
</div>
</span>
</nav>
<div class="main-content">
<div class="side">
<div class="links">
<h3>Liens externes..</h3>
<ul>
<li><a href="https://fr.wikipedia.org/wiki/C_(langage)">C (Wiki)</a></li>
<li><a href="https://fr.wikipedia.org/wiki/C%2B%2B">C++ (Wiki)</a></li>
<li><a href="https://fr.wikipedia.org/wiki/C_sharp">C# (Wiki)</a></li>
</ul>
</div>
<section class="majs">
<h2>actualités du site</h2>
<div>
<article>
<h4>initialisation du site</h4>
<p>08/09/2022: création de la page d'acceuil, des 3 premiers articles,
et de la table.</p>
</article>
<article>
<h4>ajouts des stylesheets</h4>
<p>15/09/2022: ajouts de styles.css.</p>
</article>
<article>
<h4>maj complete de la structuration du site</h4>
<p>29/09/2022: création de multiple fichiers de styles adaptive,
arrangement du code pour une meilleur lisibilité.</p>
</article>
<article>
<h4>maj du style 1</h4>
<p>05/10/2022: mise à niveau du style: style pour les pages d'article,
de donnée, création de la page de gallerie avec des photos et des
vidéos, nouvelles bordures, overflow, position (stiky).</p>
</article>
</div>
</section>
</div>
<div class="main">
<section class="articles">
<h2>Actualités des languages</h2>
<div>
<article>
<a class="title-link" href="./pages/donnees.html">
<h4>Quelques données...</h4>
</a>
<p>Voici quelques données sur les différants languages de
programmation.</p>
</article>
<article>
<h4>Le C</h4>
<p>C est un langage de programmation <strong>impératif
généraliste</strong>, de bas niveau. Inventé au début des années 1970
pour réécrire Unix, C est devenu un des langages les plus utilisés,
encore de nos jours.</p>
<a class="title-link" href="./pages/article1.html">Lire la suite...</a>
</article>
<article>
<h4>Le C++</h4>
<p>C++ est un langage de programmation <strong>compilé</strong>
permettant la programmation sous de multiples paradigmes,
<strong>dont la programmation procédurale, la programmation orientée
objet et la programmation générique.</strong> Ses bonnes
performances, et sa compatibilité avec le C en font un des langages
de programmation les plus utilisés dans les applications où la
performance est critique.</p>
<a class="title-link" href="./pages/article2.html">Lire la suite...</a>
</article>
<article>
<h4>Le C#</h4>
<p>C# est un langage de programmation <strong>orientée objet</strong>,
fortement typé, dérivé de C et de C++, ressemblant au langage Java.
Il est utilisé pour développer des <strong>applications
web</strong>, ainsi que des <strong>applications de bureau, des
services web, des commandes, des widgets ou des bibliothèques de
classes</strong>.</p>
<a class="title-link" href="./pages/article3.html">Lire la suite...</a>
</article>
</div>
</section>
</div>
</div>
<footer>
<p>Auteur: Alexandre Agostinho (TP1)</p>
<p><a href="mailto:alexandre.agostinho@etu.uca.fr">alexandre.agostinho@etu.uca.fr</a></p>
</footer>
</body>
</html>