activité sur l'évolution du design web, sept pages de 1995 à 2026

2026-09-18 08:12:21 +02:00
parent ef1766256d
commit 66e3123da8
9 changed files with 1071 additions and 0 deletions
@@ -0,0 +1,110 @@
+<HTML>
+<HEAD>
+<TITLE>*** Cours NSI / SNT / Socio - Le site ! ***</TITLE>
+</HEAD>
+
+<!-- 1998. Le fond en mosaique est une image minuscule repetee par le navigateur.
+     Ici elle est dessinee en SVG et integree directement dans la page, pour que
+     le fichier fonctionne sans aucun telechargement. Le principe, lui, est
+     exactement celui de l'epoque : une petite image qui se repete a l'infini. -->
+
+<BODY BACKGROUND="data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23000066'/%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%23ffffff'/%3E%3Ccircle cx='30' cy='26' r='1' fill='%23ccccff'/%3E%3Ccircle cx='20' cy='34' r='1.2' fill='%23ffffcc'/%3E%3C/svg%3E"
+      TEXT="#FFFF00" LINK="#00FFFF" VLINK="#FF99FF">
+
+<CENTER>
+<FONT FACE="Comic Sans MS, Arial" SIZE="6" COLOR="#FFFF00">
+<B>~*~ Cours NSI / SNT / Socio ~*~</B>
+</FONT>
+<BR>
+<MARQUEE BEHAVIOR="scroll" DIRECTION="left" SCROLLAMOUNT="4" WIDTH="80%">
+<FONT FACE="Comic Sans MS" COLOR="#00FF00" SIZE="4">
+Bienvenue sur mon site !!! N'oubliez pas de signer le livre d'or !!! Bonne visite a tous !!!
+</FONT>
+</MARQUEE>
+</CENTER>
+
+<!-- Le grand changement de 1998 : le tableau ne sert plus a presenter des
+     donnees, il sert a fabriquer la mise en page. Colonne de gauche pour le
+     menu, colonne de droite pour le contenu. C'est le seul moyen disponible. -->
+
+<TABLE WIDTH="100%" CELLPADDING="10" CELLSPACING="0" BORDER="0">
+<TR VALIGN="TOP">
+
+  <!-- Colonne de gauche : le menu -->
+  <TD WIDTH="170" BGCOLOR="#330066">
+    <FONT FACE="Comic Sans MS" SIZE="3" COLOR="#FFFF00"><B>MENU</B></FONT>
+    <HR COLOR="#FFFF00">
+    <FONT FACE="Comic Sans MS" SIZE="2">
+    &gt; <A HREF="#">Accueil</A><BR><BR>
+    &gt; <A HREF="#">NSI Premiere</A><BR><BR>
+    &gt; <A HREF="#">NSI Terminale</A><BR><BR>
+    &gt; <A HREF="#">SNT</A><BR><BR>
+    &gt; <A HREF="#">L3 Sociologie</A><BR><BR>
+    &gt; <A HREF="#">Livre d'or</A><BR><BR>
+    &gt; <A HREF="#">Mes liens</A>
+    </FONT>
+    <HR COLOR="#FFFF00">
+    <CENTER>
+    <FONT FACE="Courier New" SIZE="1" COLOR="#00FF00">
+    Visiteurs<BR><B>0 0 3 8 1 7</B>
+    </FONT>
+    </CENTER>
+  </TD>
+
+  <!-- Colonne de droite : le contenu -->
+  <TD BGCOLOR="#000033">
+    <FONT FACE="Comic Sans MS" SIZE="4" COLOR="#FF99FF"><B>Bienvenue !!</B></FONT>
+    <P>
+    <FONT FACE="Comic Sans MS" SIZE="3" COLOR="#FFFFFF">
+    Vous trouverez ici les cours, les exercices et les ressources de
+    <FONT COLOR="#00FF00">NSI</FONT>, de <FONT COLOR="#00FF00">SNT</FONT> et
+    d'algorithmes des graphes en L3 de sociologie quantitative.
+    </FONT>
+    </P>
+
+    <P>
+    <FONT FACE="Comic Sans MS" SIZE="3" COLOR="#FFFFFF">Les matieres :</FONT>
+    </P>
+
+    <TABLE CELLPADDING="6" CELLSPACING="2" BORDER="0">
+    <TR><TD BGCOLOR="#660099"><FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFFFF"><A HREF="#">NSI Premiere</A> - Numerique et Sciences Informatiques</FONT></TD></TR>
+    <TR><TD BGCOLOR="#660099"><FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFFFF"><A HREF="#">NSI Terminale</A> - Numerique et Sciences Informatiques</FONT></TD></TR>
+    <TR><TD BGCOLOR="#660099"><FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFFFF"><A HREF="#">SNT</A> - Sciences Numeriques et Technologie</FONT></TD></TR>
+    <TR><TD BGCOLOR="#660099"><FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFFFF"><A HREF="#">L3 Sociologie</A> - Algorithmes des graphes</FONT></TD></TR>
+    </TABLE>
+
+    <P>
+    <!-- Le fameux panneau "en construction", dessine ici en SVG. -->
+    <IMG SRC="data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90'%3E%3Cpolygon points='60,8 112,82 8,82' fill='%23FFCC00' stroke='%23000' stroke-width='4'/%3E%3Crect x='40' y='34' width='40' height='10' fill='%23000' transform='rotate(-20 60 40)'/%3E%3Ccircle cx='60' cy='66' r='6' fill='%23000'/%3E%3C/svg%3E"
+         WIDTH="120" HEIGHT="90" ALT="En construction" BORDER="0">
+    <BR>
+    <FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFF00"><B>Page en construction !</B></FONT>
+    </P>
+  </TD>
+
+</TR>
+</TABLE>
+
+<CENTER>
+<HR COLOR="#FFFF00" WIDTH="80%">
+<FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFFFF">
+Site optimise pour Netscape Navigator 4.0 en 800x600<BR>
+Derniere mise a jour : 3 mars 1998<BR>
+<A HREF="#">webmestre@lycee-perriand.fr</A>
+</FONT>
+
+<P>
+<FONT FACE="Comic Sans MS" SIZE="2" COLOR="#FFFFFF">
+<A HREF="1995.html">1995</A> |
+<B><FONT COLOR="#FFFF00">1998</FONT></B> |
+<A HREF="2002.html">2002</A> |
+<A HREF="2005.html">2005</A> |
+<A HREF="2010.html">2010</A> |
+<A HREF="2020.html">2020</A> |
+<A HREF="2026.html">2026</A>
+</FONT>
+</P>
+</CENTER>
+
+</BODY>
+</HTML>