<body class="nof-centerBody">
<div class="nof-centerContent">
<div class="nof-positioning">
<div class="nof-positioning" style="width: 300px; ">
<div title="XHTML Ausgabe" style="width: 300px; height: 58px; background-repeat: no-repeat; background-image:
url('./assets/images/autogen/XHTML-Ausgabe_NBanner.gif');">
<p style="visibility: hidden;">XHTML Ausgabe</p>
</div>
</div>
<div class="nof-positioning TextObject" style="width: 291px; margin-top: 13px; margin-left: 9px; ">
<p style="margin-bottom: 0px;"><span style="font-size: 12px; color: rgb(255,255,255);">Tutorials von Thomas Frei-Herrmann</span></p>
</div>
<div class="nof-positioning" style="width: 404px; margin-top: 15px; ">
<ul id="NavigationBar1" style="z-index: 1000; display: none">
<li id="Navigationsschaltflaeche1"><a href="http://www.tommyherrmanndesign.com/nof/html/themen-liste.php" title="Themen">Themen</a>
<ul id="NavigationBar1_1">
<li id="Navigationsschaltflaeche6"><a href="javascript:void(0)" title="Weitere">Weitere</a>
<ul id="NavigationBar1_2">
<li id="Navigationsschaltflaeche7"><a href="http://www.tommyherrmanndesign.com/nof/html/go-neue-seiten.php" title="Neue Seiten">Neue Seiten</a></li>
<li id="Navigationsschaltflaeche8"><a href="http://www.tommyherrmanndesign.com/nof/html/go-komponenten.php" title="Komponenten">Komponenten</a></li>
<li id="Navigationsschaltflaeche9"><a href="http://www.tommyherrmanndesign.com/nof/html/go-sichere-seite.php" title="Sichere Seite">Sichere Seite</a></li>
<li id="Navigationsschaltflaeche11"><a href="http://www.tommyherrmanndesign.com/nof/html/go-multimedia.php" title="Multimedia">Multimedia</a></li>
<li id="Navigationsschaltflaeche13"><a href="http://www.tommyherrmanndesign.com/nof/html/go-navigation.php" title="Navigation">Navigation</a></li>
<li id="Navigationsschaltflaeche15"><a href="http://www.tommyherrmanndesign.com/nof/html/go-sicherheit.php" title="Sicherheit">Sicherheit</a></li>
<li id="Navigationsschaltflaeche17"><a href="http://www.tommyherrmanndesign.com/nof/html/go-sonstiges.php" title="Sonstiges">Sonstiges</a></li>
<li id="Navigationsschaltflaeche19"><a href="http://www.tommyherrmanndesign.com/nof/html/go-links.php" title="Links">Links</a></li>
</ul>
</li>
</ul>
</li>
<li id="Navigationsschaltflaeche2"><a href="http://www.tommyherrmanndesign.com/nof/Festes-Seitenlayout/" title="HTML 4.01">HTML 4.01</a></li>
<li id="Navigationsschaltflaeche3"><a href="./index.html" title="XHTML 1.0">XHTML 1.0</a></li>
<li id="Navigationsschaltflaeche4"><a href="http://www.tommyherrmanndesign.com/nof/html/doctype.html" title="DOCTYPE">DOCTYPE</a></li>
</ul>
</div>
<div class="nof-positioning TextObject" style="width: 890px; margin-top: 64px; ">
<p style="margin-bottom: 0px;"><b>XHTML 1.0 Ausgabe<br /><br /></b>Diese Seite ist auf “<a href="http://de.wikipedia.org/wiki/XHTML" target="_blank">
Extensible HyperText Markup Language</a>” gestellt.</p>
</div>
<div class="nof-positioning" style="width: 378px; margin-top: 43px; margin-left: 257px; "><img id="Bild2" height="535" width="378" src="./assets/images/Tiger.png"
border="0" alt="© Copyright Tommy Herrmann Design" title="© Copyright Tommy Herrmann Design"/>
</div>
<div class="nof-positioning TextObject" style="width: 378px; margin-top: 2px; margin-left: 257px; ">
<p style="text-align: center; margin-bottom: 0px;"><span style="font-size: 10px;">© Copyright Tommy Herrmann Design<br />Bilder bitte nicht verwenden</span></p>
</div>
<div class="nof-positioning TextObject" style="width: 890px; margin-top: 62px; ">
<p style="margin-bottom: 0px;">Bei der Verwendung dieser HTML-Ausgabe werden anstatt von Tabellen, DIV-Container von NOF generiert, was einen sehr viel
schlankeren Quellcode ergibt. Der <body> Bereich dieser Seite sieht dann ungefähr so aus:</p>
</div>
<div class="nof-positioning" style="width: 890px; margin-top: 24px; "><iframe id="Quellcode" name="Quellcode" src="./html/quellcode.html" width="890" height="360"
frameborder="1"></iframe>
</div>
<div class="nof-positioning TextObject" style="width: 890px; margin-top: 63px; ">
<p style="margin-bottom: 0px;">Um diese HTML-Ausgabe zu nutzen, stellt Ihr die HTML-Ausgabe Eures Projektes um:<br /><br />> Werkzeuge >
Optionen > Aktuelle Site > Site-Generierung > <b>XHTML 1.0</b> wählen<br /><br />oder klickt Ihr einfach auf Euren Layout-Bereich und wählt im Fenster
“Layout-Eigenschaften” dann:<br /><br />“<b>XHTML 1.0</b>”<br /><br />So sieht der <a href="http://www.tommyherrmanndesign.com/
nof/html/doctype.html">DOCTYPE</a> dann für diese HTML-Ausgabe aus:</p>
</div>
<div class="nof-positioning TextObject" style="width: 890px; margin-top: 24px; background-color: rgb(192,192,192); ">
<p style="margin-bottom: 0px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en"></p>
</div>
<div class="nof-positioning TextObject" style="width: 890px; margin-top: 41px; ">
<p style="margin-bottom: 0px;"><b>Bemerkung</b>:<br /><br />Bei <b>NOF 11</b> gibt es hier noch einen Bug (Stand: Mai 2009) im Update 1 bezüglich der
Ausklappleisten der Navigations-Leiste.<br /><br />Seit <b>NOF 12</b> wurde durch eine neue Javascript-Datei (<b>rollover.js</b>) dieses Problem behoben, wie man
auf dieser Seite hier an meinen<br />NOF-Ausklappleisten (unter “Themen”) sehen kann, die nun funktionieren.<br /><br />Ebenso kann man nun eine
XHTML-Seite einfach mittels Klick im Fenster “Layout-Eigenschaften” auf das Häkchen “Im Browser zentrieren” zentrieren.</p>
</div>
<div class="nof-positioning TextObject" style="width: 158px; margin-top: 64px; ">
<p style="margin-bottom: 0px;"><a href="#">nach oben</a></p>
</div>
</div>
</div>
</body>