Import all
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/IUTLyon1.jpg
Executable file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/IUTLyon1.png
Executable file
|
After Width: | Height: | Size: 14 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/NewTux.png
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/arch-logo.jpg
Executable file
|
After Width: | Height: | Size: 935 B |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/debian-logo.png
Executable file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/fondBeige.jpg
Executable file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/linux-mint-logo.jpg
Executable file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/mageia-logo.png
Executable file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/mint-logo.jpg
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
Formations/NSI/Bloc1/WEB/sujet/assets/images/ubuntu-logo.jpg
Executable file
|
After Width: | Height: | Size: 1.2 KiB |
100
Formations/NSI/Bloc1/WEB/sujet/assets/style.css
Executable file
@@ -0,0 +1,100 @@
|
||||
body
|
||||
{
|
||||
margin: auto;
|
||||
max-width: 60rem;
|
||||
}
|
||||
|
||||
header
|
||||
{
|
||||
border-bottom: 2px solid green;
|
||||
}
|
||||
|
||||
header>img,h1
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
nav
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav>ul
|
||||
{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
nav>ul>li
|
||||
{
|
||||
display: inline;
|
||||
color: green;
|
||||
border: solid;
|
||||
border-width: 2px;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
nav>ul>li:hover
|
||||
{
|
||||
background-color: green;
|
||||
}
|
||||
nav>ul>li>a
|
||||
{
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
section
|
||||
{
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
article
|
||||
{
|
||||
float: left;
|
||||
width: 65%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
aside
|
||||
{
|
||||
float: right;
|
||||
width: 30%;
|
||||
background-color: lightgreen;
|
||||
border: unset;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#logos_distrib
|
||||
{
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
footer
|
||||
{
|
||||
clear: left;
|
||||
display: block;
|
||||
border-top: 2px solid green;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer>ul>li
|
||||
{
|
||||
/*border: solid;*/
|
||||
display: inline;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
footer>ul>li:first-child
|
||||
{
|
||||
border-right: 2px solid black;
|
||||
}
|
||||
footer>ul>li:last-child
|
||||
{
|
||||
border-left: 2px solid black;
|
||||
}
|
||||
|
||||
85
Formations/NSI/Bloc1/WEB/sujet/index.html
Executable file
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" type="text/css" href="assets/style.css">
|
||||
<title>L'apprentissage de Linux</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="assets/images/NewTux.png" alt="Le Pingouin de Linux" />
|
||||
<h1>Linux à l'IUT</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#">Accueil</a></li>
|
||||
<li><a href="#">SE Linux</a></li>
|
||||
<li><a href="#">Programmation Système</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section id="corps">
|
||||
|
||||
<article>
|
||||
<h1>Historique de l'enseignement de linux à l'IUT</h1>
|
||||
<p>Montius nos tumore inusitato quodam et novo ut rebellis et maiestati
|
||||
recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod
|
||||
contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem
|
||||
formidine tenus iusserim custodiri.</p>
|
||||
|
||||
<p>Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam
|
||||
mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet
|
||||
illa quidem gravitatem, sed amicitia remissior esse debet et liberior et
|
||||
dulcior et ad omnem comitatem facilitatemque proclivior.</p>
|
||||
|
||||
<p>Circa hos dies Lollianus primae lanuginis adulescens, Lampadi filius ex
|
||||
praefecto, exploratius causam Maximino spectante, convictus codicem noxiarum
|
||||
artium nondum per aetatem firmato consilio descripsisse, exulque mittendus,
|
||||
ut sperabatur, patris inpulsu provocavit ad principem, et iussus ad eius
|
||||
comitatum duci, de fumo, ut aiunt, in flammam traditus Phalangio Baeticae
|
||||
consulari cecidit funesti carnificis manu.</p>
|
||||
|
||||
<p>Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis
|
||||
et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae
|
||||
subsederat extimas partes, novum parumque aliquando temptatum commentum
|
||||
adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem
|
||||
quod cogitabat huius modi.</p>
|
||||
|
||||
<p>Eodem tempore Serenianus ex duce, cuius ignavia populatam in Phoenice
|
||||
Celsen ante rettulimus, pulsatae maiestatis imperii reus iure postulatus
|
||||
ac lege, incertum qua potuit suffragatione absolvi, aperte convictus familiarem
|
||||
suum cum pileo, quo caput operiebat, incantato vetitis artibus ad templum
|
||||
misisse fatidicum, quaeritatum expresse an ei firmum portenderetur imperium,
|
||||
ut cupiebat, et cunctum.</p>
|
||||
|
||||
</article>
|
||||
|
||||
<aside>
|
||||
<section>
|
||||
<h1>Choisir sa distribution</h1>
|
||||
<p id="logos_distrib">
|
||||
<img src="assets/images/mint-logo.jpg" alt="Logo de Mint" />
|
||||
<img src="assets/images/debian-logo.png" alt="Logo de Debian" />
|
||||
<img src="assets/images/ubuntu-logo.jpg" alt="Logo d'Ubuntu" />
|
||||
<img src="assets/images/mageia-logo.png" alt="Logo de Mageia" />
|
||||
<img src="assets/images/arch-logo.jpg" alt="Logo d'Arch-linux" />
|
||||
</p>
|
||||
<p>Des étudiants et des enseignants peuvent vous conseiller.</p>
|
||||
<p>Vous pouvez également consulter <a href="http://distrowatch.com/dwres.php?resource=major&language=FR">ce site</a>
|
||||
pour commencer à vous faire une idée.</p>
|
||||
</section><section>
|
||||
<h1>Installer Linux</h1>
|
||||
<p>Avec une machine virtuelle, en dual-boot, sur un live-CD ou comme seul système sur vos machines, peu importe. Ce qui compte, c'est de pratiquer (dans le terminal).</p>
|
||||
</section>
|
||||
</aside>
|
||||
</section>
|
||||
<footer>
|
||||
<ul>
|
||||
<li>Réalisé avec Notepad++</li>
|
||||
<li>HTML5 valide</li>
|
||||
<li>CSS valide</li>
|
||||
</ul>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||