<![CDATA[
<body bgcolor="#FFFFFF" text="#000066" background="images/backgrnd.jpg">
<table cellpadding=10 border=0>
<tr>
<td colspan=2>
<img src="images/styleguide.jpg" width=300 height=100 border=0 alt="HTML Style Guide">
</td>
</tr>
<tr>
<td colspan=2>
<a href="introduction.html" target="_self"><img src="../img/weiter.gif" width=70 height=20 border=0 alt="[Naechste Seite]"></a>
<a href="../../index.html" target="_top"><img src="../img/home.gif" width=70 height=20 border=0 alt="[Home Page]"></a>
</td>
</tr>
<tr>
<td colspan=2>
<div>
<h1 id=layer1>Inhalt<br>
<script language="JavaScript">
<!--
var browser=navigator.appName;
var version=navigator.appVersion.substring(0,1)
if (((browser == "Netscape") && (version >= 4)) | (browser == "Microsoft Internet Explorer"))
document.write("<span class=shadow id=layer2>Inhalt</span>")
// -->
</script>
</h1><br>
<p>Wenn Sie IE 3.0x benutzen, aber eine Preview Release von IE 4.0 installiert und wieder deinstalliert haben, beachten Sie bitte diesen <a href="#ienote">Hinweis</a>.</p>
<p>Sie können jetzt die Anleitung als selbst-extrahierende Datei komplett mit allen Bildern herunterladen (<a href="../../download/index.html" target="_top">Download-Seite</a>).</p>
<p>
Diese Anleitung bietet einige Design-Prinzipien für Seiten im World Wide Web. Es ist <strong>keine</strong> Einführung in HTML-Erstellung -- die zugehörigen Anleitungen zu <strong>HTML</strong>, <strong>Quick Web Documents</strong> und <strong>Building a Web Site</strong> finden Sie (im englische Original) bei Robert Crooks' <a href="http://web.bentley.edu/empl/c/rcrooks/comm-web/index.html" target="_top">The Web Worker's Toolbox</a>).
<p><strong>Wenn Ihre Bildschirmauflösung auf 640x480 Pixeln steht, könnte es sein, daß <a href="contents.html" target="_parent">dieser Abschnitt ohne das Menü auf der Seite</a> besser ist.</strong></p>
<hr>
<h4><a href="introduction.html">Einleitung</a></h4>
<h4><i>Generelle Design-Überlegungen</i></h4>
<ol>
<li><a href="infokinds.html">Arten von Informationen</a>
<li><a href="inforeach.html">Wie Informationen die Benutzer erreichen</a>
<li><a href="infoview.html">Wie Benutzer Informationen ansehen</a>
<li><a href="infonav.html">Wie sich Benutzer in Informationen bewegen</a>
<li><a href="introdifferent.html">Benutzer mit verschiedenen Browsern und Konfigurationen berücksichtigen</a>
<li><a href="audience.html">Das Publikum erkennen</a>
</ol>
<h4><i>Site-Design</i></h4>
<ol>
<li><a href="infostructure.html">Die Struktur von Informationen</a>
<li><a href="datastructure.html">Daten-Struktur und Informations-Struktur</a>
<li><a href="filenames.html">Daeinamen</a>
</ol>
<h4><i>Seiten-Design</i></h4>
<ol>
<li><a href="lookandfeel.html">Ein "Common Look and Feel" entwickeln</a>
<li><a href="pagelayout.html">Seiten-Layout I</a>
<li><a href="pagelayout2.html">Seiten-Layout II</a>
<li><a href="pagelayout3.html">Seiten-Layout III</a>
<li><a href="colors.html">Farben I: Design-Überlegungen</a>
<li><a href="fonts.html">Fonts und Typographie</a>
<li><a href="locallinks.html">Lokale Links und Navigationshilfen</a>
<li><a href="pageheaders.html">Seitenköpfe</a>
<li><a href="pagefooters.html">Fußzeilen: Ursprung und Autor kenntlich machen</a>
<li><a href="officialseals.html">Offizielle Siegel oder Logos der Institution</a>
<li><a href="contactinfo.html">Kontaktinformation</a>
<li><a href="copyright.html">Copyright</a>
<li><a href="pagedate.html">Seitendatum</a>
<li><a href="pageurl.html">URL der Seite</a>
</ol>
<h4><i>Die Performance verbessern</i></h4>
<ol>
<li><a href="colors2.html">Farben II: Performance-Überlegungen</a>
<li><a href="usegraphics.html">Einsatz von Graphiken</a>
<li><a href="usemaps.html">Einsatz von Image Maps</a>
<li><a href="sizinggraphics.html">Größeneinstellungen von Graphiken für Performance</a>
<li><a href="interlaced.html">Interlaced, Transparent, Animated GIF Graphiken</a>
<li><a href="hwgraphics.html">Die Attribute Width und Height in Graphik-Ankern</a>
<li><a href="highlowgraphics.html">Hochauflösende/Niedrigauflösende Graphiken</a>
<li><a href="limitingbits.html">Die Farbtiefe einschränken</a>
<li><a href="jpeg.html">JPEG Graphiken</a>
</ol>
<h4><i>Anzeige-Überlegungen</i></h4>
<ol>
<li><a href="pagelength.html">Seiten-Länge</a>
<li><a href="sizinggraphics2.html">Graphiken skalieren</a>
<li><a href="sizingtables.html">Tabellen anpassen</a>
<li><a href="sizingframes.html">Frames anpassen</a>
</ol>
<h4><i>Navigations-Überlegungen</i></h4>
<ol>
<li><a href="navoptions.html">Layout von Navigationshilfen</a>
<li><a href="navmatch.html">Informations-Struktur</a>
<li><a href="navlinear.html">Lineare Informations-Strukturen</a>
<li><a href="navhier.html">Hierarchische Strukturen</a>
<li><a href="navgrid.html">Raster als Informations-Strukturen</a>
<li><a href="navweb.html">vernetzte Informations-Strukturen</a>
</ol>
<p><a href="complete.html" target="_parent">Komplette Anleitung</a> auf einer Seite (<strong>wird <i>lange</i> zum Laden brauchen, aber es ist nützlich, wenn Sie die Anleitung aus dem Browser heraus drucken wollen)</strong></p>
<p><a name="ienote">Hinwies</a> für Benutzer, die IE 4.0 installiert und wieder deinstalliert haben: Die Deinstallation hinterlässt möglicherweise einen Eintrag in der Registry, der dazu führt, daß Ihr System statt IE 3.0x fälschlicherweise IE 4.0 meldet. Das bedeutet, daß das JavaScript auf diesen Seiten das falsche Style Sheet lädt und die Seiten nicht korrekt angezeigt werden. Hier ist eine Möglichkeit zur Korrektur, die ich ausgearbeitet habe:</p>
<ol>
<li>Starten Sie Regedit (und denken Sie daran, die Registry zu sichern!) und führen Sie eine Suche durch. Suchen Sie nach dem Schlüssel "User Agent"
<li>Ich habe die folgenden Einträge gefunden:<br><br>
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings<br><br>
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings<br><br>
HKEY_USERS\.Default\Software\Microsoft\Windows\CurrentVersion\Internet Settings<br><br>
<li>Auf einem System mit IE4 war der Schlüssel in HKEY_LOCAL_MACHINE bei mir nicht gesetzt, da stand immer noch<br><br>
Mozilla/2.0 (compatible; MSIE 3.02; Windows 95)<br><br>
während die anderen beiden diesen Wert hatten:<br><br>
Mozilla/4.0 (compatible; MSIE 4.0b1; Windows 95)<br><br>
<li>Wenn die Werte auf die erste Einstellung geändert wurden, sollte sich IE wieder mit der richtigen Version melden.
</ol>
</div>
</td>
</tr>
<tr>
<td colspan=2>
<a href="introduction.html" target="_self"><img src="../img/weiter.gif" width=70 height=20 border=0 alt="[Naechste Seite]"></a>
<a href="../index.html" target="_top"><img src="../img/home.gif" width=70 height=20 border=0 alt="[Home Page]"></a>
</td>
</tr>
<tr>
<td align="Center" colspan=2>
<hr align="center">
</td>
</tr>
<tr>
<td align="center" colspan=2>
<p class=small>Bernhard Friedrich<br><a href="mailto:doozer@hsguide.com">doozer@hsguide.com</a></p><br>
<script language="JavaScript">
<!--
document.write("Letzte Änderung: " + document.lastModified);
// -->
</script>
</td>
</tr>
<tr>
<td align="Center" colspan=2>
<p class=red>
<script language="JavaScript">
<!--
document.write("URL dieser Seite: " + document.location)
//-->
</script>
</p>
</td>
</tr>
</table>
</body>
]]>