5. Aufgabe Sitemap-Strukturieren mit iFrames

Eine Sitemap (homepage) ändert sich, Seiten kommen hinzu, neue Teilgebiete mit mehreren Unterseiten kommen hinzu, neue ARIA-Möglichkeiten kommen hinzu, usw. Änderungen und Umstrukturierungen von zahlreichen Seiten können können einfach oder aufwendig sein und zu zahlreichen "hängenden Links" führen.

Wie kann eine Trennung von Links und Content erreicht werden?

Für die eigene Homepage soll ein klares Prinzip verwirklicht werden, das hier lediglich grob umrissen wird.

1. Content-Seiten (*.htm), die inhaltlich zusammen gehören, kommen in ein mmk-Unterverzeichnis.
   • In das Unterverzeichnis mmk/incl/ kommen Dateien, wie *.css und *.js, die öfters von anderen *.htm-Dateien genutzt werden.
   • In das Unterverzeichnis mmk/tools/ kommen *.htm-Dateien, die als Toolchen verwendet werden.
   • In das Unterverzeichnis mmk/infos/ kommen *.htm-Dateien, die informieren und erklären.
   • In das Unterverzeichnis mmk/aktuelles/ kommen *.htm-Dateien, die auf Neuigkeiten hinweisen.

2. In jedes mmk-Unterverzeichnis kommt eine Datei index.htm, die noch näher beschrieben wird. Die HTML-Struktur von index.htm ist stets strukturell ähnlich aufgebaut, aber die a-Tags zu den zugehörigen Seiten sind unterschiedlich. index.htm ist im Prinzip eine Linksammlung (Submenu) für die Dateien des Unterverzeichnisses. In alle index.htm wird menu.css includiert.

   In der index.htm-Seite ist auch einen iframe, in dem die Seite des ausgewählten Links angezeigt wird. In alle index.htm wird menu.css includiert.

3. In jedes mmk-Unterverzeichnis kommt eine weitere Datei index-info.htm, die beim Laden vom index.htm in dessen iframe src="..." als Willkommensseite oder Übersichtsseite geladen wird.
4. Nun konkret: In das Unterverzeichnis mmk/incl/ kommen die Dateien visu.js, visu-menu.js, visu-tool.js, die für Manipulationen von Sichtbarkeiten gebraucht werden. Hier ist der Quelltext von ... visu.js-Muster zum includieren in alle index.htm-Dateien visu.js-Muster zum includieren in alle index.htm-Dateien visu.js-Muster zum includieren in alle index.htm-Dateien
5. In mmk/incl/ kommt die Datei menu.css Hier ist der Quelltext von menu.css-Muster zum includieren in alle index.htm-Dateien
6. In mmk/tools/ kommt die Datei index.htm als Menü-Rahmen (Verteiler) für die Seiten des Unter-Verzeichnisses, wie z.B. mmk/tools/
7. In mmk/tools/ kommt die Datei index-info.htm als willkommen-muster für die Übersicht zu allen Seiten des Unterverzeichnisses, wie z.B. mmk/tools/

Viel Freude bei der Ausarbeitung!