{"id":24890,"date":"2013-05-01T14:23:31","date_gmt":"2013-05-01T12:23:31","guid":{"rendered":"http:\/\/hyperbate.fr\/dernier\/?p=24890"},"modified":"2013-05-01T15:50:47","modified_gmt":"2013-05-01T13:50:47","slug":"le-retour-du-premier-site-web","status":"publish","type":"post","link":"https:\/\/hyperbate.fr\/dernier\/?p=24890","title":{"rendered":"Le retour du premier site web"},"content":{"rendered":"

Pour f\u00eater le vingti\u00e8me1<\/a><\/sup> anniversaire des premi\u00e8res pages web2<\/a><\/sup> jamais publi\u00e9es, le Cern a eu la jolie id\u00e9e de les remettre en ligne<\/a>, et ce \u00e0 leur adresse d’\u00e9poque :
\nhttp:\/\/info.cern.ch\/hypertext\/WWW\/TheProject.html<\/a>.
\nVoici ce que \u00e7a donne si vous vous y rendez en utilisant le logiciel Chrome<\/em>, comme je viens de le faire :<\/p>\n

\"cern_premier_site\"<\/a><\/p>\n

Je n’ai pas connu le web de 1992, mais j’ai connu celui de 1995, et je me rappelle assez \u00e0 quoi il ressemblait. \u00c0 l’\u00e9poque, les navigateurs NCSA Mosaic<\/em> et Netscape<\/em> nous proposaient un web sur fond gris moyen, avec des lettres en noir pour le texte courant, en bleu \u00e9lectrique pour les liens et en violet pour les liens d\u00e9j\u00e0 visit\u00e9s. Nos \u00e9crans \u00e9taient g\u00e9n\u00e9ralement petits, alors \u00e7a donnait \u00e0 peu pr\u00e8s ceci :<\/p>\n

\"www_debut\"<\/p>\n

Pour obtenir ce r\u00e9sultat, j’ai paradoxalement d\u00fb moderniser le code de la page en y ajoutant la \u00ab\u00a0feuille de style\u00a0\u00bb rudimentaire qui suit :<\/p>\n

<style>body{width:640px; font-family:Times new roman; font-size:12px; background-color:#ccc; font-smooth:never;}<\/style><\/code><\/p>\n

Mais ce n’est pas tout \u00e0 fait \u00e7a, car \u00e0 l’\u00e9poque, les lettres n’\u00e9taient pas \u00ab\u00a0anti-alias\u00e9es\u00a0\u00bb, c’est \u00e0 dire qu’il n’y avait pas de niveaux de couleurs interm\u00e9diaires pour simuler un lissage des lettres. En th\u00e9orie, le langage CSS permet de refuser le lissage gr\u00e2ce au param\u00e8tre \u00ab\u00a0font-smooth:never\u00a0\u00bb, que j’ai sp\u00e9cifi\u00e9, mais il semble que mon navigateur refuse de se plier \u00e0 une demande si low-tech.
\nJ’ai sp\u00e9cifi\u00e9 que la largeur de la page devait \u00eatre de 640 pixels car les \u00e9crans habituels de l’\u00e9poque utilisaient la r\u00e9solution \u00ab\u00a0VGA\u00a0\u00bb, en 640×480 pixels. Pour comparer, les \u00e9crans de bureaux les plus rudimentaires d’aujourd’hui affichent 1024×768 pixels.<\/p>\n

\"Le

Le NeXT Cube, ordinateur haut de gamme cr\u00e9\u00e9 en 1989, qui \u00e9tait livr\u00e9 avec un grand \u00e9cran et un syst\u00e8me d’exploitation graphique puissant et particuli\u00e8rement int\u00e9ressant par sa conception \u00ab\u00a0orient\u00e9e objet\u00a0\u00bb. Si ces machines ont eu une diffusion commerciale limit\u00e9e, elles ont eu une influence importante sur l’informatique personnelle actuelle.<\/p><\/div>\n

Si l’on voulait savoir \u00e0 quoi ressemblaient les premi\u00e8res pages web pour leurs cr\u00e9ateurs, et non pour le public, l’affaire se complique : ils n’utilisaient pas les logiciels Mosaic (1992)3<\/a><\/sup> et Netscape<\/em> (1994), mais un logiciels aujourd’hui disparu, WorldWideWeb<\/a><\/em>\u00a0(plus tard renomm\u00e9 Nexus<\/em>), cr\u00e9\u00e9 en 1990, qui permettait \u00e0 la fois de visionner des pages web et d’en cr\u00e9er. Ce logiciel s’utilisait sur plate-forme NeXT<\/em>, un syst\u00e8me informatique constitu\u00e9 de machines et d’un syst\u00e8me d’exploitation qu’avait cr\u00e9\u00e9 Steve Jobs en 1985 lorsqu’il a \u00e9t\u00e9 \u00e9vinc\u00e9 d’Apple juste apr\u00e8s la naissance du Macintosh<\/em>. Inconnue du grand public, la plate-forme NeXT<\/em> a eu une certaine importance dans le syst\u00e8me bancaire et, surtout, dans les laboratoires scientifiques. NeXT<\/em> a servi de base \u00e0 MacOS X<\/em> lorsque Steve Jobs a repris en mains Apple<\/em>.<\/p>\n

\"worldwidewebscreenshot\"<\/a><\/p>\n

 <\/p>\n

Tim Berners-Lee, l’inventeur du Web, propose cette capture d’\u00e9cran<\/a> de l’apparence qu’avait l’\u00e9cran de son ordinateur \u00e0 l’\u00e9poque o\u00f9 il utilisait le logiciel WorldWideWeb<\/em>. On remarque surtout que le fond des pages est blanc et utilise une typographie sans emp\u00e2tement, mais il n’est pas certain que cette capture soit v\u00e9ritablement repr\u00e9sentative de l’aspect du Web en 1992, puisque l’on remarque la pr\u00e9sence d’images, qui ne sont apparues qu’avec le logiciel NCSA Mosaic<\/em> et ne faisaient pas partie des possibilit\u00e9s de WorldWideWeb<\/em> \u00e0 sa cr\u00e9ation.<\/p>\n

  1. Les pages archiv\u00e9es datent de 1992, il s’agit donc du vingt-et-uni\u00e8me anniversaire, plut\u00f4t. Le Web a commenc\u00e9 \u00e0 \u00eatre d\u00e9velopp\u00e9 en 1989 et son acte de naissance officiel est une annonce, sur un forum usenet<\/a>, le 6 ao\u00fbt 1991, soit quarante-six ans jour pour jour apr\u00e8s le bombardement d’Hiroshima. On remarquera que m\u00eame avant la publication du premier site Web, l’\u00e9quipe qui a cr\u00e9\u00e9 le projet l’appelait d\u00e9j\u00e0 World Wide Web<\/em>, c’est \u00e0 dire la \u00ab\u00a0toile mondiale\u00a0\u00bb. M\u00e9galomanie qui a \u00e9t\u00e9 r\u00e9compens\u00e9e par les faits puisque le Web est bel et bien devenu mondial. L’\u00e9poque de sa naissance est critique, puisque c’est le moment o\u00f9 le bloc dit \u00ab\u00a0de l’Est\u00a0\u00bb s’est effondr\u00e9, ouvrant la voie \u00e0 un monde pacifi\u00e9 selon les optimistes et \u00e0 un monde d’incertitudes (premi\u00e8re guerre du Golfe, mont\u00e9e des mafias en Russie, r\u00e9pressions en Chine,…) selon les autres. [↩<\/a>]<\/span><\/li>
  2. Il ne faut pas confondre le Web<\/em>, typiquement constitu\u00e9 de pages au format HTML contenant des hyper-liens, avec Internet<\/em>, qui est n\u00e9 vingt ans plus t\u00f4t et qui a \u00e9t\u00e9 connu du grand public en m\u00eame temps que le Web. Internet est un r\u00e9seau d’ordinateurs et le web est un des multiples protocoles qui y sont utilis\u00e9s, le plus populaire avec l’e-mail. \u00c0 sa naissance, le Web avait un concurrent direct, nomm\u00e9 Gopher, dont il n’existe plus que quelques serveurs. La force du Web a sans doute \u00e9t\u00e9 sa grande souplesse et le fait de proposer en m\u00eame temps un protocole de navigation, des principes d’interactivit\u00e9 et un langage de mise en page. Ce succ\u00e8s du Web est aussi ce qui a permis le succ\u00e8s d’Internet. [↩<\/a>]<\/span><\/li>
  3. NCSA Mosaic<\/em>, cr\u00e9\u00e9 au National Center for Supercomputing Applications aux \u00c9tats-Unis, est le premier logiciel li\u00e9 au Web qui n’ait pas \u00e9man\u00e9 du CERN, ouvrant la voie \u00e0 une quantit\u00e9 de nouveaut\u00e9s techniques ou commerciales \u00e9chappant \u00e0 tout contr\u00f4le et permettant de fait \u00e0 Internet<\/em> de quitter le milieu scientifique. [↩<\/a>]<\/span><\/li><\/ol>","protected":false},"excerpt":{"rendered":"

    Pour f\u00eater le vingti\u00e8me1 anniversaire des premi\u00e8res pages web2 jamais publi\u00e9es, le Cern a eu la jolie id\u00e9e de les remettre en ligne, et ce \u00e0 leur adresse d’\u00e9poque : http:\/\/info.cern.ch\/hypertext\/WWW\/TheProject.html. Voici ce que \u00e7a donne si vous vous y rendez en utilisant le logiciel Chrome, comme je viens de le faire : Je n’ai […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,49],"tags":[],"class_list":["post-24890","post","type-post","status-publish","format-standard","hentry","category-interactivite","category-vintage"],"_links":{"self":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts\/24890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24890"}],"version-history":[{"count":0,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts\/24890\/revisions"}],"wp:attachment":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=24890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=24890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}