neo
/
neo-layout
15
15
Fork 24
Code Issues 68 Pull Requests 3 Releases Wiki Activity

wwwdir hinzugefügt (Martin Engels Vorschlag No.3)

This commit is contained in:
ben 2008-07-09 21:40:29 +00:00
parent c245c3ac4c
commit 28864253df
32 changed files with 987 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
www/benutzerhandbuch.html Normal file
View File

@ -0,0 +1,84 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neo – Neues Deutsches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<p>
<div style="line-height:2em; margin-bottom:3em;" id="linkbutton">
<object data="./neo-logo.svg" type="image/svg+xml"
style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
<param name="src" value="./neo-logo.svg">
<img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<a href="./einfuehrung.html">Einführung</a> &nbsp;
<a href="./download.html">Download</a> &nbsp;
<a href="./benutzerhandbuch.html">Benutzerhandbuch</a> &nbsp;
<a href="./about.html">Impressum</a> &nbsp;
<a href="./links.html">Links</a> &nbsp;
|&nbsp; <a href="./index.html">Startseite</a> &nbsp;
</div>
</p>
<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 11111opacity:.5; text-align:center;"></div>
<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Benutzerhandbuch</h1>
</div>
<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
<div id="linkbutton">
<a href="">Historisches – oder: Wie alles begann</a><br>
<br>
<a href="">Ebene 1: Kleinbuchstaben und Zahlen</a><br>
<a href="">Ebene 2: Großbuchstaben und Interpunktionszeichen</a><br>
<a href="">Ebene 3: Programmiertasten und weitere Interpunktionszeichen</a><br>
<a href="">Ebene 4: Griechische Kleinbuchstaben</a><br>
<a href="">Ebene 5: Navigationstasten und Zahlen</a><br>
<a href="">Ebene 6: Wissenschaftliche Zeichen und Griechische Großbuchstaben</a><br>
<a href="">Nummernblock: Belegung in Ebene 1 bis 6</a><br>
<br>
<a href="">Tote Tasten: Funktionsweise und Übersicht über alle erzeugbaren Zeichen</a><br>
<a href="">Kombinationstaste: Funktionsweise und Übersicht über alle erzeugbaren Zeichen</a><br>
<a href="">Sonstige Funktionen</a><br>
<br><br>
<a href="">Komplette Zeichenliste nach Themen geordnet, mit Erzeugendentasten</a><br>
<a href="">LaTeX-Tipps</a><br>
<br>
<a href="">Anleitung zum Abändern einer Standardtastatur durch Herausbrechen und Wiedereinsetzen der Tasten</a><br>
<br><br>
<a href="">Anmerkungen zu Treiberproblemen unter Windows</a><br>
<a href="">Anmerkungen zu Treiberproblemen unter Linux</a><br>
<a href="">Anmerkungen zu Treiberproblemen unter Mac-OS</a><br>
</div>
</body>
</html>

156
www/download.html Normal file
View File

@ -0,0 +1,156 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neo – Neues Deutsches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<p>
<div style="line-height:2em; margin-bottom:3em;" id="linkbutton">
<object data="./neo-logo.svg" type="image/svg+xml"
style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
<param name="src" value="./neo-logo.svg">
<img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<a href="./einfuehrung.html">Einführung</a> &nbsp;
<a href="./download.html">Download</a> &nbsp;
<a href="./benutzerhandbuch.html">Benutzerhandbuch</a> &nbsp;
<a href="./about.html">Impressum</a> &nbsp;
<a href="./links.html">Links</a> &nbsp;
|&nbsp; <a href="./index.html">Startseite</a> &nbsp;
</div>
</p>
<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 1111111111opacity:.5; text-align:center;"></div>
<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Download</h1>
</div>
<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
<!--
<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
/-->
<div style="padding:1em; background-color:#fee; margin-left:1.75cm; border-width:thik; border-style:solid; border-color:#dbb">
<object data="./tastentier_halt.svg" type="image/svg+xml"
style="position:relative; left:-1.75cm; top:-.2cm; width:55mm; height:31mm; vertical-align:top; float:left">
<param name="src" value="./tastentier_halt.svg">
<img src="./tastentier_halt.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<h2>Um Panik vorzubeugen…</h2>
<p>…sollten SIe sich vor der Installation hier die Anleitung zum <b>WIederherstellen des qwertz-Layouts</b> anschauen. Im Einzelnen sind dies:<br>
<div style="text-align:right;">
<a href="">Windows: Zurücksetzen auf qwertz</a><br>
<a href="">Linux: Zurücksetzen auf qwertz</a><br>
<a href="">Mac-OS: Zurücksetzen auf qwertz</a><br>
</div>
</p>
</div>
<h2>Installationssoftware für Neo</h2>
<div id="linkbutton">
<a href="#">Linux</a> &nbsp;
<a href="#">Windows</a> &nbsp;
<a href="#">Mac-OS</a> &nbsp;
</div>
<h2>Weiteres Material</h2>
<div id="linkbutton">
<a href="#">Tastenaufkleber</a> &nbsp;
<a href="#">Aufsteller mit Tastaturlayoutsübersicht</a> &nbsp;
<a href="#">Zeichenliste (thematisch sortiert) mit Erzeugendentasten</a> &nbsp;
<a href="#">Werbung zum Selberanbringen</a> &nbsp;
<a href="#">Gimmicks</a> &nbsp;
<a href="#">??</a> &nbsp;
</div>
<hr>
<img src="./tastentier_gutmuetig.png"> (Trennelement)
<hr>
<h2>Linux</h2>
sdefsdfsdfsdfsdf
<p>Im Grosdfkjnsd fjksndf oinwe fnuwef iowfnuiwefunwifenu wiuefn wiefnu weifun wiefnuwe finuwe fweuifnweifunw iefunwifuenwifenwifuenw eifun wifuen wiufne wiue fnepirg neipgn slginulst isrut gnilgun rlsgnui rlstgn lirstn gilsrutn glirtgn ilrsu gnilgu nsrlgi unrlg</p>
<p>xmodmap-Treiber:</p>
<p>konsolen-Treiber:</p>
<p>kbd-Treiber:</p>
<hr>
<h2>Windows</h2>
s<p>Im Grosdfkjnsd fjksndf oinwe fnuwef iowfnuiwefunwifenu wiuefn wiefnu weifun wiefnuwe finuwe fweuifnweifunw iefunwifuenwifenwifuenw eifun wifuen wiufne wiue fnepirg neipgn slginulst isrut gnilgun rlsgnui rlstgn lirstn gilsrutn glirtgn ilrsu gnilgu nsrlgi unrlg</p>
<p>xmodmap-Treiber:</p>
<p>konsolen-Treiber:</p>
<p>kbd-Treiber:</p>
lfjkds dfklsfj lsd
<hr>
<h2>Mac-OS</h2>
flokfjdlsfjksd
<p>Im Grosdfkjnsd fjksndf oinwe fnuwef iowfnuiwefunwifenu wiuefn wiefnu weifun wiefnuwe finuwe fweuifnweifunw iefunwifuenwifenwifuenw eifun wifuen wiufne wiue fnepirg neipgn slginulst isrut gnilgun rlsgnui rlstgn lirstn gilsrutn glirtgn ilrsu gnilgu nsrlgi unrlg</p>
<p>xmodmap-Treiber:</p>
<p>konsolen-Treiber:</p>
<p>kbd-Treiber:</p>
<hr>
<img src="./tastentier_gutmuetig.png">
<hr>
<h2>Aufsteller</h2>
Versionen: PDF,...
<hr>
<h2>Tastenaufkleber</h2>
sdfdsf
<hr>
<h2>Werbung</h2>
Nätürlich musst du vorher nachfragen, ob du die Werbung anbringen darfst.
<hr>
<h2>Gimmicks</h2>
Hier Tastentierchen zum ausdrucken
</body>
</html>

152
www/einfuehrung.html Normal file
View File

@ -0,0 +1,152 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neo – Neues Deutsches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<p>
<div style="line-height:2em; margin-bottom:3em;" id="linkbutton">
<object data="./neo-logo.svg" type="image/svg+xml"
style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
<param name="src" value="./neo-logo.svg">
<img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<a href="./einfuehrung.html">Einführung</a> &nbsp;
<a href="./download.html">Download</a> &nbsp;
<a href="./benutzerhandbuch.html">Benutzerhandbuch</a> &nbsp;
<a href="./about.html">Impressum</a> &nbsp;
<a href="./links.html">Links</a> &nbsp;
|&nbsp; <a href="./index.html">Startseite</a> &nbsp;
</div>
</p>
<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 11111111opacity:.5; text-align:center; color:#000"></div>
<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Einführung</h1>
</div>
<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
<!--
<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
/-->
<p><font style="color:#222">Empfehlenswert ist auf jeden Fall der Ausdruck des </font><a href="." >Tastaturlayouts als Aufsteller</a>.</p>
<h2>Einleitung von Prof. Dr.-Fake Pronto</h2>
<p>
Sie haben Interesse an Neuem?<br>
An etwas Innovativem?<br>
Etwas, das Sie in Ihrem Leben weiterbringt?<br>
</p>
<p>Sehr schön!</p>
<p>Meine Kollegen und ich werden Ihnen im Folgenden eine neue Tastaturbelegung präsentieren, die den überaus hübschen Namen »Neo« trägt.<br>
Sollten Sie blind sein, oder zur Gruppe der Dunkeltipper gehören, gibt es alternativ zu dieser Einleitung <a href="">hier eine Audioeinführung im OGG-Vorbis-Format</a>.</p>
<h2>Die wichtigsten Tasten der Deutschen Sprache</h2>
<p>sind wohl die Vokale. Deswegen haben wir sie besonders gut positioniert, nämlich direkt unter den Fingern der linken Hand in der Grundhaltung. Die Reihenfolge ist leicht zu merken über den schwäbischen Englischkniff: »Ui, a (n)eo«!</p>
<p>Aber wer kennt nicht das berüchtigte »ernstl«, seinerzeit beim Glücksrad gerne verwendet. R,N,S,T,L beschreiben wirklich die häufigsten Buchstaben in der deutschen Sprache. Deswegen werden sie (mit Ausnahme von L wegen Bigramm-Optimierungen unten) auf die Grundposition der rechten Hand gelegt. Statt des L liegt das D in der Grundreihe, weil es durch die Artikel (die es beim Glücksrad nicht gibt) sehr häufig auftritt.</p>
<p>Logisch, oder?</p>
<h2>Die wichtigsten Tastenfolgen der Deutschen Sprache</h2>
<p>müssen schnell zu schreiben sein. Wir gewährleisten das durch folgende Techniken:</p>
<ul>
<li><I>Beide Hände wechseln sich ab</I>. Während die eine Hand ihren Buchstaben eingibt, kann die andere Hand ihren Finger bereits über die nächste Taste positionieren.</li>
<li><I>Zeichenfolgen mit einer Hand werden durch eine Rollbewegung von Innen nach Außen realisiert</i>. *
Jeder kennt das Auf-den-Tisch-Trommeln: Es geht besonders einfach von der Hand und richtet sich von Außen nach Innen. Andersherum geht es schwerer. Jedoch weist diese Richtung einen Vorteil bei gewollter Belastung auf: Eine Schraubbewegung der Hand von innen nach oben hinaus kann aus der Tipphaltung mit der Handfläche nach unten anatomisch bedingt besser ausgeführt werden, als andersherum, d.h. der ganze Unterarm kann in der Bewegung nach Außen mitschaffen, während beim Fingertrommeln innerwärts nur die Fingerglieder bewegt werden.</li>
</ul>
</p>
<p>Die häufigsten »Bigramme« – so nennt man in der Fachsprache zwei aufeinanderfolgende Zeichen – sind im Deutschen </p>
<p>Die häufigsten »Trigramme« sind</p>
<p>Nach unseren oben genannten Richtlinien verteilten wir die Buchstaben. Ein Beispiel:</p>
<p>Das »ch« wird also von der linken und rechten Hand geschrieben. Wir haben es sogar so angeordnet, daß es im gleichen Winkel liegt, und damit leicht zu merken ist.<br>
Auch beim »sch« erkennt man das Prinzip des Händetauschs.</p>
<h2>Beibehalten der gewohnten Zeichenpositionen im Entscheidungsfall</h2>
<p>war uns ein Anliegen, um Ihnen die Erlernbarkeit von Neo so einfach wie möglich zu machen. Und wir sind stolz, drei Tasten präsentieren zu können, die sich in ihrer Lage wirklich nicht verändert haben – aber sehen Sie selbst!</p>
<p>Da kommen einem die Tränen der Rührung! Jawohl! Das »M«, das »,« und der ».« sind wirklich immernoch auf der gleichen Stelle zu finden (Drücken Sie jetzt um Himmels Willen nicht die Shifttaste, sondern machen wir lieber schnell weiter).</p>
<h2>Das Umlaut-Eck</h2>
<p>liegt wie das »-Eck« schon sagt links unten im Eck. Fast. Wir müssen uns an dieser Stelle entschuldigen, da Knorps' Lieblingsplatz (siehe Bild) »etwas ganz Besonderes werden sollte«, sagte er. Nunja. Nachdem er im Sitzstreik verharrte, blieb uns leider nichts anderes übrig, als ihm den Gefallen zu tun. Deshalb: Knorps' Lieblingsplatz direkt neben dem linken Shift bleibt frei, aber dann kommt das »Ü«, »Ö« und »Ä« (Die Reihenfolge lässt sich darüber merken, daß man das »Ü« in das »Ö« schleifen kann, ohne über das »Ä« zu müssen. Andersrum geht es nicht)!</p>
<h2>Eine Straße braucht der Staat</h2>
<p>…und diese befindet sich oben rechts. Am Besten findet man sie ausgehend von der schon bekannten Position des »H«. Achtung: Links befindet sich ein Schlagloch aus zwei Buchstaben (Deswegen hat es das »J« ganz nach unten rechts geschlagen – Das »I« ist ja schon im Vokalviertel). Ansonsten ist die Straße aber von »F« bis »K« begehbar.</p>
<h2>Optimierungen durch Erproben und Verändern</h2>
<p>ermöglichte uns die Tastaturbelegung weiter zu optimieren. Für Sie bedeutet das aber: Auswendiglernen der restlichen paar Tasten – aber mit Blick auf das Erlangen einer tollen Tastaturbelegung, ist das wohl ein kleines Übel.<br>
Also noch ganz fix eingeprägt:</p>
<ul>
<li>Nicht XML oben links, sondern XVL.</li>
<li>Nicht WWW oben mitte, sondern nur ein W.</li>
<li>Oben rechts das Zeug, das man eh nicht braucht: Am ehesten noch das »Q«, dann das »ß« in einer scharfen Kurve mündend in dem »Y«.</li>
<li>Und unten, der klägliche Rest: PZB</li>
</ul>
<h2>Ein kleiner Fahrplan</h2>
<p>bietet noch einmal eine Übersicht über alle wichtigen Orte.
Jetzt verfügen Sie über das Wissen der kompletten Tastaturbelegung von Neo! Probieren Sie es aus! Wo war noch einmal das »F«? Wo verbirgt sich das Schlagloch »J«? XML war ja nicht ganz korrekt. Wie lautet der mittlere Buchstabe, der statt dem »M« zwischen dem »X« und dem »L« steht?</p>
<p>Wenn Sie diese Fragen mühelos beantworten können, geht es hier weiter zum nächsten Teil:</p>
Es shift – Interludium bei Regen
Verdammt, wo ist das Fragezeichen?
</body>
</html>

BIN
www/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 517 B

BIN
www/hintergrund.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
www/hintergrund_button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
www/hintergrund_button_hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

136
www/index.html Normal file
View File

@ -0,0 +1,136 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neo – Neues Deutsches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<p>
<div style="1111oben!!line-height:2em; margin-bottom:3em;" id="linkbutton">
<object data="./neo-logo.svg" type="image/svg+xml"
style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
<param name="src" value="./neo-logo.svg">
<img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<a href="./einfuehrung.html">Einführung</a> &nbsp;
<a href="./download.html">Download</a> &nbsp;
<a href="./benutzerhandbuch.html">Benutzerhandbuch</a> &nbsp;
<a href="./about.html">Impressum</a> &nbsp;
<a href="./links.html">Links</a> &nbsp;
</div>
</p>
<div style="position:relative; top:-.6em; margin-bottom:1em;">
<h1 style="line-height:1em;">Willkommen zum neuen Schreibgefühl!</h1>
<div style="position:relative; top:-.8em; margin-left:1em; color:#999; font-style:italic;">Ergonomischer, schneller und entspannter schreiben:</div>
</div>
<p><font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist. Ihre Hauptmerkmale sind:</font></p>
<ul>
<li>
<font style="color:#222">Optimierungen bezüglich deutscher </font>
Zweier- und Dreier-Zeichenfolgen</li>
<li>Programmiertasten
<font style="color:#222">sind gut erreichbar</font></li>
<li><font style="color:#222">Neue Zeichen, wie </font>«,»,∫,√,µ<font style="color:#222"> sind direkt einzugeben</font></li>
</ul>
<div id="linkbutton"><a href="i" style="AAAAAAAdisplay:block;">Warum neo besser ist als qwertz</a></div>
<br>
<br>
<hr>
<div style="text-align:center; 111float:left">
<div style="min-width:650px; overflow:visible;">
<div id="linkbutton" style="text-align:center; ">
<a href="i" style=""><font style="color:#F42">Ebene1</font></a>
<a href="i" style="">Ebene2</a>
<a href="i" style="">Ebene3</a>
<a href="i" style="">Ebene4</a>
<a href="i" style="">Ebene5</a>
</div>
</div>
<div><img src="./tastatur_ebene1.png"/></div>
<!--
<1div style="background-image:url(./hintergrund_button.png); width:650px; text-align:center;">
/-->
<div id="linkbutton" style="min-width:650px; overflow:visible; text-align:center;">
<a href="i" style="">Konzeptidee zur Ebene1</a> &nbsp; &nbsp;
<a href="" > <img src="tastatur_ebene1_shift.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
<a href="" > <img src="tastatur_ebene1_mod3.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
<a href="" > <img src="tastatur_ebene1_mod4.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
<br>
<a href="i" style="">Tastenverteilung an beliebigem Text testen</a>
</div>
</div>
</div>
<hr style="clear:left">
<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe.png); background-repeat:repeat-x; 111opacity:.5; "></div>
<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; background-attachment:scroll; "></div>
<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
<!--
<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
/-->
<div style="text-align:center;">
<img src="./tastentier_zufrieden2.png" style=";">
</div>
<!--
<img src="./tastenhervorhebung.png">
/-->
</body>
</html>

63
www/links.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neo – Neues Deutsches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<p>
<div style="line-height:2em; margin-bottom:3em;" id="linkbutton">
<object data="./neo-logo.svg" type="image/svg+xml"
style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
<param name="src" value="./neo-logo.svg">
<img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<a href="./einfuehrung.html">Einführung</a> &nbsp;
<a href="./download.html">Download</a> &nbsp;
<a href="./benutzerhandbuch.html">Benutzerhandbuch</a> &nbsp;
<a href="./about.html">Impressum</a> &nbsp;
<a href="./links.html">Links</a> &nbsp;
|&nbsp; <a href="./index.html">Startseite</a> &nbsp;
</div>
</p>
<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 1111111111opacity:.5; text-align:center;"></div>
<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Links</h1>
</div>
<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
<!--
<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
/-->
<div style="position:relative; float:left; margin-right:2em; z-index:15"><img src="tastentier_fliege.png"></div>
<p>Eine gute Tastaturbelegung braucht auch eine <b>gute Schrift</b>, die alle Zeichen unterstützt. Wir empfehlen das</p>
<div id="linkbutton" style="text-align:center; padding:1em;"><a href="http://linuxlibertine.sourceforge.net">Libertine Open Fonts Project</a></div>
<p><b>Optimiert für die englische Sprache</b> ist das <I>Dvorak-Layout</I>. Für dieses gibt es ein lustiges Comic, das einen intrudiert, nämlich das</p>
<div id="linkbutton" style="text-align:center; padding:1em;"><a href="http://www.dvzine.org/">DVzine</a></div>
</body>
</html>

BIN
www/neo-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

89
www/neo-logo.svg Normal file
View File

@ -0,0 +1,89 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="53.151001"
height="17.716539"
id="svg2958"
sodipodi:version="0.32"
inkscape:version="0.46"
sodipodi:docname="neo-logo.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<metadata
id="metadata7408">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
inkscape:window-height="948"
inkscape:window-width="1272"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
guidetolerance="10.0"
gridtolerance="10.0"
objecttolerance="10.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
showgrid="false"
inkscape:zoom="10.310248"
inkscape:cx="26.5755"
inkscape:cy="8.8582697"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:current-layer="svg2958" />
<defs
id="defs2960">
<linearGradient
id="linearGradient7921">
<stop
style="stop-color:#a14a4a;stop-opacity:1;"
offset="0"
id="stop7923" />
<stop
style="stop-color:#a14a4a;stop-opacity:0;"
offset="1"
id="stop7925" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 8.8582697 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="53.151001 : 8.8582697 : 1"
inkscape:persp3d-origin="26.5755 : 5.9055131 : 1"
id="perspective7410" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient7921"
id="linearGradient7927"
x1="177.86992"
y1="358.754"
x2="170.11589"
y2="320.92755"
gradientUnits="userSpaceOnUse" />
</defs>
<g
transform="translate(-174.28125,-346.08099)"
id="layer1"
style="fill:url(#linearGradient7927);fill-opacity:1">
<path
d="M 181.65625,346.08099 C 177.57205,346.08099 174.28125,349.45588 174.28125,353.64349 L 174.28125,356.23724 C 174.28125,360.42486 177.57205,363.79974 181.65625,363.79974 L 210.5,363.79974 L 211.25,363.79974 L 220.0625,363.79974 C 224.1467,363.79974 227.4375,360.42487 227.4375,356.23724 L 227.4375,353.64349 C 227.4375,349.45588 224.1467,346.08099 220.0625,346.08099 L 211.25,346.08099 L 210.5,346.08099 L 181.65625,346.08099 z M 204.7535,350.45261 C 206.07285,350.45261 207.07987,350.84582 207.77633,351.62683 C 208.47848,352.40782 208.83155,353.53541 208.83155,355.01463 C 208.83155,356.49906 208.48867,357.62936 207.7922,358.41037 C 207.09572,359.18625 206.07568,359.57666 204.7535,359.57666 C 204.63394,359.61401 204.46941,359.5997 204.28539,359.55286 C 203.22884,359.44098 202.49158,358.94849 201.79413,358.18822 C 200.98753,357.30891 200.38836,353.93194 199.17592,352.34882 C 198.79826,351.90917 198.25485,351.68237 197.54153,351.68237 C 196.84392,351.68237 196.26301,351.90963 195.81193,352.36469 L 194.58216,351.71411 C 195.33744,350.88661 196.33827,350.46848 197.59706,350.46848 C 198.7195,350.46858 199.6098,350.84517 200.25494,351.5951 C 201.87134,353.63975 201.49283,358.12696 204.7535,358.3707 C 205.55189,358.3707 206.15472,358.08547 206.56244,357.52176 C 206.97013,356.95283 207.17336,356.1162 207.17336,355.01463 C 207.17336,353.90784 206.97013,353.07124 206.56244,352.50751 C 206.15472,351.94379 205.55189,351.6665 204.7535,351.6665 C 203.96077,351.6665 203.36018,351.94379 202.95249,352.50751 C 202.5448,353.07124 201.29713,352.22078 201.39743,352.0632 C 201.49775,351.90576 201.60915,351.76307 201.73066,351.62683 C 202.42714,350.84582 203.43414,350.45261 204.7535,350.45261 z M 190.98807,350.46848 C 191.05053,350.46848 191.109,350.47212 191.16262,350.47641 C 192.17952,350.54133 193.75712,351.1873 193.95537,353.19776 C 194.16242,355.29748 194.60706,356.7161 195.00266,357.2282 C 195.38397,357.72166 196.30125,358.49104 198.0255,358.3707 C 199.16835,358.26785 199.85753,358.03999 200.88966,357.51383 L 200.47709,359.02128 C 199.92636,359.24367 199.80896,359.31728 199.29494,359.42592 C 198.78617,359.53966 198.28859,359.60046 197.81129,359.60046 C 196.44232,359.60046 195.01996,359.25676 194.24893,358.45004 C 192.8517,356.90359 192.94985,354.69271 192.17023,352.82486 C 191.83744,352.13198 191.08525,351.71411 190.42476,351.71411 C 189.67072,351.71411 189.08846,351.95236 188.67929,352.42816 C 188.27597,352.8989 188.07631,353.57484 188.07631,354.45926 L 188.07631,359.37038 L 186.6958,359.37038 L 186.6958,350.68269 L 188.07631,350.68269 L 188.07631,351.98386 C 188.11211,351.92184 188.14839,351.86763 188.18738,351.80931 C 188.46037,351.40154 188.81298,351.08697 189.2426,350.86517 C 189.73359,350.60662 190.31588,350.46848 190.98807,350.46848 z M 195.08994,354.21331 L 199.89791,354.21331 L 199.42981,355.33199 L 194.62182,355.33199 L 195.08994,354.21331 z"
id="path3816"
style="opacity:1;fill:url(#linearGradient7927);fill-opacity:1;stroke:none;stroke-width:1.31025410000000009;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

91
www/neo-logo_gross.svg Normal file
View File

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="100%"
height="100%"
version="1.0"
viewBox="0 0 54 18"
id="svg2958"
sodipodi:version="0.32"
inkscape:version="0.46"
sodipodi:docname="neologo_klein1.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<metadata
id="metadata7408">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
inkscape:window-height="948"
inkscape:window-width="1272"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
guidetolerance="10.0"
gridtolerance="10.0"
objecttolerance="10.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
showgrid="false"
inkscape:zoom="10.310248"
inkscape:cx="26.5755"
inkscape:cy="8.8582697"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:current-layer="svg2958" />
<defs
id="defs2960">
<linearGradient
inkscape:collect="always"
id="linearGradient7921">
<stop
style="stop-color:#4aa1a1;stop-opacity:1;"
offset="0"
id="stop7923" />
<stop
style="stop-color:#4aa1a1;stop-opacity:0;"
offset="1"
id="stop7925" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 8.8582697 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="53.151001 : 8.8582697 : 1"
inkscape:persp3d-origin="26.5755 : 5.9055131 : 1"
id="perspective7410" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient7921"
id="linearGradient7927"
x1="177.86992"
y1="358.754"
x2="170.11589"
y2="320.92755"
gradientUnits="userSpaceOnUse" />
</defs>
<g
transform="translate(-174.28125,-346.08099)"
id="layer1"
style="fill:url(#linearGradient7927);fill-opacity:1">
<path
d="M 181.65625,346.08099 C 177.57205,346.08099 174.28125,349.45588 174.28125,353.64349 L 174.28125,356.23724 C 174.28125,360.42486 177.57205,363.79974 181.65625,363.79974 L 210.5,363.79974 L 211.25,363.79974 L 220.0625,363.79974 C 224.1467,363.79974 227.4375,360.42487 227.4375,356.23724 L 227.4375,353.64349 C 227.4375,349.45588 224.1467,346.08099 220.0625,346.08099 L 211.25,346.08099 L 210.5,346.08099 L 181.65625,346.08099 z M 204.7535,350.45261 C 206.07285,350.45261 207.07987,350.84582 207.77633,351.62683 C 208.47848,352.40782 208.83155,353.53541 208.83155,355.01463 C 208.83155,356.49906 208.48867,357.62936 207.7922,358.41037 C 207.09572,359.18625 206.07568,359.57666 204.7535,359.57666 C 204.63394,359.61401 204.46941,359.5997 204.28539,359.55286 C 203.22884,359.44098 202.49158,358.94849 201.79413,358.18822 C 200.98753,357.30891 200.38836,353.93194 199.17592,352.34882 C 198.79826,351.90917 198.25485,351.68237 197.54153,351.68237 C 196.84392,351.68237 196.26301,351.90963 195.81193,352.36469 L 194.58216,351.71411 C 195.33744,350.88661 196.33827,350.46848 197.59706,350.46848 C 198.7195,350.46858 199.6098,350.84517 200.25494,351.5951 C 201.87134,353.63975 201.49283,358.12696 204.7535,358.3707 C 205.55189,358.3707 206.15472,358.08547 206.56244,357.52176 C 206.97013,356.95283 207.17336,356.1162 207.17336,355.01463 C 207.17336,353.90784 206.97013,353.07124 206.56244,352.50751 C 206.15472,351.94379 205.55189,351.6665 204.7535,351.6665 C 203.96077,351.6665 203.36018,351.94379 202.95249,352.50751 C 202.5448,353.07124 201.29713,352.22078 201.39743,352.0632 C 201.49775,351.90576 201.60915,351.76307 201.73066,351.62683 C 202.42714,350.84582 203.43414,350.45261 204.7535,350.45261 z M 190.98807,350.46848 C 191.05053,350.46848 191.109,350.47212 191.16262,350.47641 C 192.17952,350.54133 193.75712,351.1873 193.95537,353.19776 C 194.16242,355.29748 194.60706,356.7161 195.00266,357.2282 C 195.38397,357.72166 196.30125,358.49104 198.0255,358.3707 C 199.16835,358.26785 199.85753,358.03999 200.88966,357.51383 L 200.47709,359.02128 C 199.92636,359.24367 199.80896,359.31728 199.29494,359.42592 C 198.78617,359.53966 198.28859,359.60046 197.81129,359.60046 C 196.44232,359.60046 195.01996,359.25676 194.24893,358.45004 C 192.8517,356.90359 192.94985,354.69271 192.17023,352.82486 C 191.83744,352.13198 191.08525,351.71411 190.42476,351.71411 C 189.67072,351.71411 189.08846,351.95236 188.67929,352.42816 C 188.27597,352.8989 188.07631,353.57484 188.07631,354.45926 L 188.07631,359.37038 L 186.6958,359.37038 L 186.6958,350.68269 L 188.07631,350.68269 L 188.07631,351.98386 C 188.11211,351.92184 188.14839,351.86763 188.18738,351.80931 C 188.46037,351.40154 188.81298,351.08697 189.2426,350.86517 C 189.73359,350.60662 190.31588,350.46848 190.98807,350.46848 z M 195.08994,354.21331 L 199.89791,354.21331 L 199.42981,355.33199 L 194.62182,355.33199 L 195.08994,354.21331 z"
id="path3816"
style="opacity:1;fill:url(#linearGradient7927);fill-opacity:1;stroke:none;stroke-width:1.31025410000000009;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
www/schatten_links.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 B

BIN
www/schatten_links_oben.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 281 B

BIN
www/schatten_oben.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 288 B

BIN
www/schatten_rechts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 B

BIN
www/schatten_rechts_oben-versetzt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 262 B

30
www/stylesheet.css Normal file
View File

@ -0,0 +1,30 @@
body {
margin-left:50px; margin-right:50px; margin-top:100px; margin-bottom:100px;
background-image:url(./hintergrund.png);
}
#linkbutton
{
line-height:2em;
text-align:left; color:#000;
}
#linkbutton a
{
border-width:1px; border-style:solid;
border-color:#FFF;
padding-top:.25em; padding-bottom:.25em;
background-image:url(./hintergrund_button.png);
padding-left:1em; padding-right:1em;
}
#linkbutton a:link { color:#000; text-decoration:none; }
#linkbutton a:visited { color:#a14a4a; text-decoration:none; }
#linkbutton a:focus { color:#223; text-decoration:underline; }
#linkbutton a:active { color:#8b2121; text-decoration:none; }
#linkbutton a:hover { color:#000; text-decoration:none;
background-image:url(./hintergrund_button_hover.png);
background-position:top left;
}

BIN
www/tastatur_ebene1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
www/tastatur_ebene1_mod3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
www/tastatur_ebene1_mod4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
www/tastatur_ebene1_shift.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
www/tastenhervorhebung.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
www/tastentier-reihe.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
www/tastentier-reihe_blass.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
www/tastentier.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
www/tastentier_fliege.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
www/tastentier_gutmuetig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

137
www/tastentier_halt.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
www/tastentier_zufrieden.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
www/tastentier_zufrieden2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

49
www/vorlage.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neo – Neues Deutsches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<p>
<div style="line-height:2em; margin-bottom:3em;" id="linkbutton">
<object data="./neo-logo.svg" type="image/svg+xml"
style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
<param name="src" value="./neo-logo.svg">
<img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
</object>
<a href="./einfuehrung.html">Einführung</a> &nbsp;
<a href="./download.html">Download</a> &nbsp;
<a href="./index.html">Benutzerhandbuch</a> &nbsp;
<a href="./about.html">Impressum</a> &nbsp;
<a href="./links.html">Links</a> &nbsp;
|&nbsp; <a href="./index.html">Startseite</a> &nbsp;
</div>
</p>
<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 11111opacity:.5; text-align:center;"></div>
<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Vorlage</h1>
</div>
<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
<!--
<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
/-->
</body>
</html>