The Web as we know it went “live” April 30, 1993. The very first web page and website Tim Berners-Lee and the WWW team put online has been brought out of the archives by CERN.
The web page and site was reconstructed by CERN from an archive found on the W3C site, which is a 1992 copy of the first website, not the original. The research team is still searching for the original or an older version.
Mark Boulton is involved with the CERN team to help restore the first website. He described their determination to preserve this moment in world history.
As web designers and developers, we spend a lot of time trying to explain the difference on the web. “It’s not TV, it’s certainly not print” (oh, no, it’s definitely not that). The web is its own thing. But unlike other media – ones which have physical artefacts, which get left behind to rot, to be found and stuck on a shelf in a museum – the web doesn’t have that. Pixels don’t decay, they just disappear. Forever.
Preserving our digital heritage is as important as preserving our physical heritage. There are a few people and organisations in the world who get this: The Long Now Foundation and Archive.org, to name a couple, but I’m not sure that’s enough. The need to preserve must come from our desire to learn from the past. I have two young children and I want them to experience the early web and understand how it came to be. To understand that the early web wasn’t that rudimentary but incredibly advanced in many ways. Currently, it’s impossible to do that. And, together with CERN, that’s what we’re hoping to provide.
Restoring the First Website is the site of the team restoring the site. One of the team members is John Allsopp of Australia. On the site, he talks about the challenges of reviving the first web pages and sites.
We’re creating a simulation of the experience of using that browser to give people who haven’t used it or the old-style terminals a sense of what using the web was like 20 years ago. It tries to reproduce early web pages as authentically as possible, as well as taking modern pages and simulating what they would have looked like 20 years ago…
In a way, they couldn’t be more different. When we think of computing now, we think of graphical user interfaces, images – we think of drawing to a pixel-based high-density screen. Back then, the monitors were capable of drawing characters to a screen. There were no different fonts, no colours – not even greyscale. It was either black and white, or green and black. There was no mouse, no touch – in many ways you couldn’t have a more different experience. Except maybe using punch cards [laughs].
The interface of the page is simple, clear, and easy to understand, the world’s first links connecting web pages together.
What is most fascinating is the underlying HTML code. It resembles HTML5 more than previous versions of HTML, keeping things simple and clean. Yet the core elements are still there.
&lt;HEADER&gt; &lt;TITLE&gt;The World Wide Web project&lt;/TITLE&gt; &lt;NEXTID N=&quot;55&quot;&gt; &lt;/HEADER&gt; &lt;BODY&gt; &lt;H1&gt;World Wide Web&lt;/H1&gt;The WorldWideWeb (W3) is a wide-area&lt;A NAME=0 HREF=&quot;WhatIs.html&quot;&gt; hypermedia&lt;/A&gt; information retrieval initiative aiming to give universal access to a large universe of documents.&lt;P&gt; Everything there is online about W3 is linked directly or indirectly to this document, including an &lt;A NAME=24 HREF=&quot;Summary.html&quot;&gt;executive summary&lt;/A&gt; of the project, &lt;A NAME=29 HREF=&quot;Administration/Mailing/Overview.html&quot;&gt;Mailing lists&lt;/A&gt; , &lt;A NAME=30 HREF=&quot;Policy.html&quot;&gt;Policy&lt;/A&gt; , November's &lt;A NAME=34 HREF=&quot;News/9211.html&quot;&gt;W3 news&lt;/A&gt; , &lt;A NAME=41 HREF=&quot;FAQ/List.html&quot;&gt;Frequently Asked Questions&lt;/A&gt; . &lt;DL&gt; &lt;DT&gt;&lt;A NAME=44 HREF=&quot;../DataSources/Top.html&quot;&gt;What's out there?&lt;/A&gt; &lt;DD&gt; Pointers to the world's online information,&lt;A NAME=45 HREF=&quot;../DataSources/bySubject/Overview.html&quot;&gt; subjects&lt;/A&gt; , &lt;A NAME=z54 HREF=&quot;../DataSources/WWW/Servers.html&quot;&gt;W3 servers&lt;/A&gt;, etc. &lt;DT&gt;&lt;A NAME=46 HREF=&quot;Help.html&quot;&gt;Help&lt;/A&gt; &lt;DD&gt; on the browser you are using &lt;DT&gt;&lt;A NAME=13 HREF=&quot;Status.html&quot;&gt;Software Products&lt;/A&gt; &lt;DD&gt; A list of W3 project components and their current state...
All the HTML tags are the same, though lowercase and using web accessibility standards, as today, though few use the Definition List any more. Closing the HTML tags was standard in key HTML tags, but not on other formatting HTML tags like the Defined List tags (