Die Sitemap kann als Navigationshilfe, als Startdatei für den "No-Frames-Bereich" und als Crowler-Hilfe für Suchmaschinen eingesetzt werden. Dort können Sie ihr Angebot außerdem ausführlicher beschreiben.
Sitemap als einfache Liste <li>
UPDATE 06.02.2011 generelle Überarbeitung + durch Gruppierung der CSS-Angaben vereinfacht
Eine Sitemap gehört bei einer umfangreichen Web-Präsenz schon beinahe zum guten Ton. Neben der Annehmlichkeit für den Besucher erfüllt sie, geschickt eingesetzt, ganz nebenbei auch andere Funktionen.
Beschreibung
Eine Sitemap kann den Inhalt treffender beschreiben als ein Menüpunkt. Schließlich haben sie in der Map etwas mehr Raum zur Verfügung.
Navigationshilfe
Eine Sitemap kann als zweite Navigationshilfe mittels Textlinks entworfen werden und sollte jederzeit abrufbar sein.
Gruppierung
Eine Sitemap könnte die Seitenthemen in alphabetischer Reihenfolge oder nach Themengruppen aufzeigen. So erfüllt sie nebenher die Aufgabe eines Index.
Crowlerhilfe
Eine Sitemap sollte auch als Crowlerhilfe für Robots (Suchmaschinen) verwendet werden. Besonders bei Framesets! In den Noframesbereich eingebunden finden Roboter beim Indizieren der Seite auch die Unterseiten.
Einfache Sitemap als Liste
Hier werden die beschreibenden Textlinks einfach als Listenelemente dargestellt. Die Links sind zusätzlich auch als Listenelemente notiert. Die Formatierung können Sie mit CSS festlegen.
Den Listelementen und Links können Sie CSS-Formatierungen zuordnen! Durch die geschikte Zuordnung einer CSS-Klasse für die Aufzählungsliste (<ul>) kann man CSS-Formatierungen zuordnen, die dann für alle Unterelemente dieser Aufzählung gültig sind. Also für alle <li>- und <a>-Elemente.
Liste im Body-Bereich
<ul class="map01">
<li><a href="xyz.htm">erste Schritte mit HTML</a></li>
<li><a href="xyz.htm">Notation für Sonderzeichen</a></li>
...
</ul>
CSS-Notierungen im Head-Bereich
Auf die im Quellcode rot markierte Zeile gehe ich im nächsten Abatz näher ein.
Durch eine Änderung des Wertes für "list-style-type" können Sie ein anders Symbol festlegen. Default-Wert ist in der Regel 'disk'. Die gängigen Browser akzeptieren:
ower-greek, decimal-leading-zero, armenian, georgian
Tragen Sie den entsprechenden Wert ein um das Aufzählungszeichen zu verändern.
list-style-type:[Wert];
Eigene Aufzählungszeichen
Wenn Sie nun die in HTML zur Verfügung stehenden Pünktchen, Kreise, Vierecke, usw. vor den Listelementen durch eigene Symbole ersetzen möchten, ist dazu im CSS-Code nur eine kleine Änderung notwendig. Demos und Quellcode finden Sie auf separaten Beispielseiten zur Sitemap 01:
Die verwendeten Grafiken habe ich selbst erstellt. Sie können die Grafiken durch Rechtsklick herunterladen und frei verwenden.
Mini-Grafiken für eine Site-Map finden sie in meiner "MINI_IMAGE-BOX" im Untermenü 'Site-Map'. und 'Aufzählungszeichen'. Insgesamt werden dort ca. 7000 winzige Bildchen für den Homepagebau zum Download angeboten.