Zeitkapsel: Eine meiner ersten Webseiten wiederentdeckt!
So ca. 1999, mit 13 Jahren, habe ich meine ersten Gehversuche in Richtung „Webentwicklung“ mit Microsoft FrontPage 2000 gemacht. Diese Erstlingswerke sind leider in Verschollenheit geraten. Doch ich kann mich noch erinnern, dass diese damals ziemlich viele GIFs enthielten und ich sie im Stile des Spiels Half-Life von 1998 gestaltet hatte. Leider ist diese CD von damals heute nicht mehr lesbar, da sie dem Disc Rot zum Opfer gefallen ist.
Wenn nicht Erster, dann halt Zweiter
Doch ich habe noch eine weitere CD aus 2000 gefunden, auf der sich anscheinend nur Treiber für meinen damaligen Vobis Highscreen Sky Celeron 300 bzw. auch 1. Eigenbau-PC befinden. Doch der Schein trügt! Ich legte die CD ins Laufwerk, öffnete den Dateimanager und fand zwei Ordner mit dem Namen Sicherung und Treiber vor. Daraufhin öffnete ich dann den Sicherung-Ordner und las Ordnernamen wie Cheat Homepage, Neu Sicherung vom 12042000 und Neue Sicherung vom 13. In den letzten beiden Ordnern befand sich nochmals ein Unterordner mit dem Namen Cheat Homepage.
Ich dachte mir: „Hmm, ist vermutlich die Sicherung einer Cheats Homepage, die ich mal runtergeladen hatte.“
Also einfach mal den ersten Ordner geöffnet und mir die index.htm im Browser angeschaut. Und was ich da sah, traute ich fast meinen Augen nicht. Es war doch tatsächlich eine meiner ersten Webseiten überhaupt! Ich kann nicht mehr sagen, wieso ich damals so eine Cheats-Homepage selber aufgebaut hatte. Aber vermutlich um die Cheats zu „katalogisieren“ bzw. zusammenzuschreiben, die ich damals etwa im Rival Network und Zeitschriften wie der Bravo Screenfun zu meinen Spielen gefunden hatte. Bestimmt auch, um diese dann anderen zur Verfügung zu stellen. Ich wollte vermutlich eine „coole“ Version derer erstellen, da die Cheats z. B. im RivalNet damals nur in Textform vorlagen – IRC-Chat-Sache halt.
Schadensbegrenzung
Ich war zwar traurig, dass ich die eine „ultimative“ CD, meiner ersten Homepage überhaupt, nicht mehr auslesen konnte (hatte 4 Laufwerke zwischen 2008 und 2015 durchgetestet), doch der weitere Fund entschädigte fast alles! Da diese CD auch schon recht alt war – ab dem heutigen Tage über 25 Jahre -, versuchte ich mittels ddrescue ein ISO anzufertigen. Satte 91,89% konnte ich retten. Der Rest war leider auch schon dem Disc Rot zum Opfer gefallen. Und das, obwohl es diesmal ein CD-R von TDK und nicht wie bei der anderen von Intenso war. Doch auch mein damaliger Philips CDD3610 CD-RW Brenner war nicht gerade der beste unter den damaligen Brennern und hatte mir viele Ausschüsse durch Buffer Underruns verursacht. Die Datenrettung hätte jedoch auch alleine durch einen Kopiervorgang funktioniert.
Inspektion
Als ich mich dann so ein Bisschen durch die Seiten klickte, von denen es nicht gerade viele waren, schoss mir eine Idee durch den Kopf: Ich könnte ja eigentlich die Seite mal der Öffentlichkeit zur Verfügung stellen! Denn so wie es aussieht, tat ich das damals nicht. Zumindest ist auf Archive.org nichts brauchbares zu finden.
Allerdings gibt es da einen Haken: So wie sie jetzt ist, kann ich sie nicht veröffentlichen. Denn wenn man sich so den Code von damals anschaut, dann rollen sich einen die Zehennägel gleich zehnfach rauf:
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<base target="_blank">
<link rel=File-List href="./PC-Dateien/filelist.xml">
<link rel=Edit-Time-Data href="./PC-Dateien/editdata.mso">
<link rel=OLE-Object-Data href="./PC-Dateien/oledata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Generator" content="Microsoft FrontPage 4.0">
<meta name="Originator" content="Microsoft Word 9">
<title>Computer</title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Johannes M****</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Johannes M****</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:Created>2000-04-09T19:45:00Z</o:Created>
<o:LastSaved>2000-04-09T19:47:00Z</o:LastSaved>
<o:Pages>2</o:Pages>
<o:Words>161</o:Words>
<o:Characters>919</o:Characters>
<o:Company>LINKSrumm RECHTSrumm</o:Company>
<o:Lines>7</o:Lines>
<o:Paragraphs>1</o:Paragraphs>
<o:CharactersWithSpaces>1128</o:CharactersWithSpaces>
<o:Version>9.2812</o:Version>
</o:DocumentProperties>
<o:OfficeDocumentSettings>
<o:RelyOnVML/>
</o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:HyphenationZone>21</w:HyphenationZone>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"AdLib BT";
panose-1:4 4 8 5 4 11 2 2 6 3;
mso-font-charset:0;
mso-generic-font-family:decorative;
mso-font-pitch:variable;
mso-font-signature:7 0 0 0 17 0;}
@font-face
{font-family:"Abadi MT Condensed Light";
panose-1:2 11 3 6 3 1 1 1 1 3;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:3 0 0 0 1 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
p
{font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;
mso-header-margin:35.4pt;
mso-footer-margin:35.4pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1029"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>
<body bgcolor=#FFFFFF background="Gifs/back.jpg" lang=DE link=#0000FF vlink=#0000FF
style='tab-interval:35.4pt'>
<!--[if gte mso 9]><xml>
<v:background id="_x0000_s1025" o:bwmode="white">
<v:fill src="Gifs\back.jpg" type="tile"/>
</v:background></xml><![endif]-->
<div class=Section1>
<p align=center style='text-align:center'><!--webbot bot="ImageMap" startspan
text=" (29,17) (569, 59) {PC Cheats} {Abadi MT Condensed Light} 24 B #00ff00 CT 0 "
border="0" src="Gifs/bd15205_.gif" u-originalsrc="Gifs/bd15205_.gif"
u-overlaysrc="file:///C:/Cheat Homepage/PC.htm_txt_bd15205_.gif" width="600"
height="60" --><img border="0" src="PC.htm_txt_bd15205__cmp.gif" width="600" height="60"><!--webbot
bot="ImageMap" I-CheckSum="55277" endspan --></p>
<p align=center style='text-align:center'> </p>
<p align=center style='text-align:center'><img width=600 height=10
id="_x0000_i1026" src="Gifs\BD15301_1.GIF" border=0></p>
<p align=center style='text-align:center'><b><span style='color:yellow;
background:blue'>A </span><a href="B.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">B</font></span></a><span style='color:yellow;
background:blue'> C
D E F G </span><a href="H.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">H</font></span></a><span style='color:yellow;
background:blue'> I J </span><a href="K.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">K</font></span></a><span style='color:yellow;
background:blue'>
L M N O
P </span><a href="Q.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">Q</font></span></a><span style='color:yellow;
background:blue'> </span><a href="R.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">R</font></span></a><span style='color:yellow;
background:blue'> </span><a href="S.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">S</font></span></a><span style='color:yellow;
background:blue'>
T </span><a href="U.htm" target="_top"><span style='background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0%'><font color="#00FF00">U</font></span></a><span style='color:yellow;
background:blue'> V W
X Y Z</span></b></p>
<p align=center style='text-align:center'><img width=600 height=10
id="_x0000_i1027" src="Gifs\BD15301_1.GIF" border=0></p>
<p align=center style='text-align:center'><a href="Index.htm" target="_top"><span
style='color:windowtext;text-decoration:none;text-underline:none'><!--webbot
bot="ImageMap" startspan
text=" (2,1) (92, 27) {Homepage} {Times New Roman} 12 B #ff0000 CT 0 Index.htm##_top"
border="0" src="Gifs/bd14584_.gif" width="95" height="28"
u-originalsrc="Gifs/bd14584_.gif"
u-overlaysrc="file:///C:/Cheat Homepage/PC.htm_txt_bd14584_.gif" --><img border="0" src="PC.htm_txt_bd14584__cmp.gif" width="95" height="28" usemap="#FPMap0"><!--webbot
bot="ImageMap" I-CheckSum="25313" endspan --></span></a>
<!--webbot bot="ImageMap" startspan
text=" (3,1) (93, 27) {”} {Wingdings 3} 12 B #ff0000 CT 0 " border="0"
src="Gifs/bd14584_.gif" width="95" height="28" u-originalsrc="Gifs/bd14584_.gif"
u-overlaysrc="file:///C:/Cheat Homepage/PC.htm_txt_bd14584__2.gif" --><img border="0" src="PC.htm_txt_bd14584__2_cmp.gif" width="95" height="28"><!--webbot
bot="ImageMap" I-CheckSum="43130" endspan --></p>
<p align=center style='text-align:center'><img border=0 width=600 height=10
id="_x0000_i1030" src="Gifs/BD15301_1.GIF"></p>
<p align=center style='text-align:center'> </p>
<p align=center style='text-align:center'> </p>
</div>
<p align="left"><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75"
o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"><img border=0 width=600 height=10
id="_x0000_i1033" src="Gifs/BD15301_1.GIF"></p>
<u><font face="AdLib BT" color="#FF00FF" size="4">Neue Cheats</font></u>
<p><span style='font-size:10.0pt;font-family:"Abadi MT Condensed Light";
color:white'>Neue Cheats befinden sie immer 1 Woche auf dieser Homepage, dann
wer sie den Buchstaben geordnet!</span></p>
<p><span style='font-size:10.0pt;font-family:"Abadi MT Condensed Light";
color:white'>------------------------------------------------------------------------------------------------------</span></p>
<p><span style='font-family:"Abadi MT Condensed Light";color:yellow'>Hier
könnte deine Cheatkategorie stehen! Schreib einfach eine E-Mail an </span><span
style='color:yellow'><a href="mailto:jojo_M****@hotmail.com"><span
style='font-family:"Abadi MT Condensed Light"'>Jojo_M****@hotmail.com</span></a></span></p>
<p><img border=0 width=600 height=10 id="_x0000_i1031" src="Gifs\BD15301_1.GIF"></p>
<p align=center style='text-align:center'><a href="http://www.rivalnetwork.com"><span
style='text-decoration:none;text-underline:none'><img border=0 width=575
height=121 id="_x0000_i1032" src="Gifs\rival.gif"></span></a></p>
</body>
</html>
Code-Sprache: HTML, XML (xml)Wie man sieht, jede Menge Müll, produziert durch FrontPage und dann noch jede Menge geschützte Leerzeichen anstatt saubere Abstandsformatierungen. Aber gut, wie sollte ich das damals auch wissen? Ein Klick hier und ein Klick da und in FrontPage war es auf meinem Monitor da wo ich es haben wollte. Den Quellcode dazu hatte ich nie inspiziert, sondern alles per WYSIWYG-Editor-Manier eingefügt und platziert. Das spiegelt auch super so mancher Image-Pfad mit file:///C:/Cheat%20Homepage/ wider.
4K-Remaster – Na ja, so halb
Und weil ich die Seite so nicht online stellen kann und möchte, dachte ich mir, dass ich sie einfach in alter Quick & Dirty-Manier neu schreibe. Dabei habe ich Verlinkungen aktualisiert, ein bis zwei kleine Verbesserungen vorgenommen – denn ich denke, so hätte ich das damals sicher auch gemacht – und natürlich aktuellen HTML-Syntax verwendet.
Dabei habe ich beachtet, dass sämtliche Elemente nahezu an der selben Stelle stehen – eben so wie im alten Original. So hätte z. B. die Seite für PC-Cheats damals bei einer Auflösung von 1024×768 Pixeln auf einem CRT-Monitor ausgesehen:
Allerdings ist diese Version ohne Windows-Schriftarten, da ich mit Linux unterwegs bin und keine der Schriftarten installiert habe. Aber wer Lust hat, kann sich die Seite hier in voller Pracht, den richtigen Formatierungen und Schriftarten anschauen. Ich habe eigentlich so gesehen 99% übernommen und auch die Rechtschreibfehler belassen. Selbst die Seitenbezeichnungen habe ich gelassen. Und wie ich so den ganzen GIFs und anderen Bildern entnehmen kann, scheine ich noch einiges mehr mit der Seite vorgehabt zu haben oder hatte die ganzen GIFs einfach mit aus meiner ersten Homepage übernommen.
Soweit ich mit entsinnen kann, war danach eine längere Pause. Im Laufe der Jahren fing ich dann an, mir PHP beizubringen. Dazu hatte ich mir Hefte für Einsteiger gekauft und mir die PHP-Script von Powie angesehen. Aber das ist eine andere Geschichte!
Kommentare zu 'Zeitkapsel: Eine meiner ersten Webseiten wiederentdeckt!' (0)
Kommentar-Feed