Produktdefinition:

• Internetpräsenz der Ortsgemeinde Höheinöd.

Zielgruppe:

• Interessierte im In- und Ausland jeder Altersgruppe.
• Besondere Kenntnisse im Computerbereich sind nicht erforderlich.

Zielplattform:

• Die gesamte Seite ist auf größtmögliche Kompatibilität ausgelegt ohne auf die Darstellungsmöglichkeiten neuerer Browser zu verzichten.

Zielmedium:

• Die Seite ist für die Darstellung im Internet konzipiert.

Produktionsablauf:

• Bestandsaufnahme:

• Die Seite wurde von mir ein halbes Jahr vor Beginn meiner Umschulung im Winter 2001/02 erstmals erstellt. Als Editor habe ich das Programm MS-FrontPage 2000 verwendet. Das Layout der Seite basierte auf dem FrontPage-Stil "Sumi-Malerei".
• Seit dem wird die Seite von mir betreut und bei Bedarf aktualisiert.
• Nach Beginn meiner Umschulung im Juli 2002 habe ich immer mal wieder neu erlernte Techniken wie CSS und JavaScript integriert. Das ursprüngliche Layout der Seite habe ich jedoch beibehalten.
• Screenshot der bisherigen Seite aus MS-IE-6 bei 1024x768 Pixel.

• Marktbeobachtung:

• Vor der Neugestaltung habe ich mir einige bestehenden Seiten deutscher Großstädte angeschaut.
• Ich habe versucht Dinge die mir gefallen haben zu übernehmen und falls möglich zu verbessern. Zum Beispiel die Fotos in der Titelzeile bei kaiserslautern.de. Ich habe mit mir zur Verfügung stehenden Fotos eine ähnliche Leiste gebaut, diese jedoch noch zusätzlich animiert.
• Gleichzeitig habe ich versucht eine ungünstige Bildschirmaufteilung bei hoher Auflösung zu vermeiden.
• Auch sollte der Besucher nicht von Werbebannern und/oder großflächigen Farbfeldern erschlagen werden.

• Neuauflage:

• Vom 30.06. - 10.07.2003 habe ich während eines HTML-Projekts im Rahmen meiner Umschulung die Seite neu gestaltet.
• Das Layout der Seite habe ich komplett neu erstellt. Die bereits bestehenden HTML-Seiten habe ich nach kleineren Modifikationen weitestgehend übernommen.
• Einige Seiten wurden durch die Einbringung von JavaScripten im Hintergrund technisch optimiert.

Quellen:

• Texte und Fotos wurden von der Ortsgemeinde Höheinöd zur Verfügung gestellt, bzw. aus diesen erstellt.

Umfang:

• Das Projekt besteht aus:
  
  
  • 85 HTML-Dateien, davon 9 SHTML-Dateien.
  • 70 Grafikdateien im JPG-Format.
  • 18 Grafikdateien im GIF-Format.
  • 4 CSS-Dateien.
  • 2 SWF-Dateien.
  • 1 VCF-Datei.
  • 1 JS-Datei.
  • 1 ICO-Datei.
  • 1 TXT-Datei.
  
  
• Es umfasst somit 183 Dateien verteilt auf 48 Verzeichnisse und erreicht eine Gesamtgröße von ca. 2,4 MB (ohne die Verzeichnisse "rohmaterial" und "projekt").

Verzeichnis und Dateistruktur:

Auf der Hauptebene befinden sich folgende Dateien: "index.html", die Startseite des Projekts. "robots.txt", zur Steuerung der Suchmaschinen. "favicon.ico", das Icon das in neueren Browsern die Seite markiert. Die Unterverzeichnisstruktur ist wie folgt aufgebaut: Das Verzeichnis "buergerhaus" beinhaltet die HTML-Datei zum Thema "Haus des Bürgers". Darin befinden sich die Verzeichnisse "pics" und "thumbs". In "thumbs" befinden sich die Fotos zum "Haus des Bürgers" als Thumbnails. In "pics" befinden sich die gleichen Fotos unter gleichem Namen in höherer Auflösung. Diese werden nach dem Anklicken der Thumbnails angezeigt. Das Verzeichnis "css" beinhaltet alle StyleSheet-Dateien. Das Verzeichnis "firmen" beinhaltet zur Zeit eine SHTML-Datei und eine Grafik zum Themenbereich "Firmen". Ein weiterer Ausbau ist vorgesehen. Das Verzeichnis "galerie" beinhaltet alle HTML- und SHTML-Dateien zum Thema "Fotoalbum". Darin befinden sich die Verzeichnisse "pics" und "thumbs". In "thumbs" befinden sich die Fotos zum "Fotoalbum "als Thumbnails. In "pics" befinden sich die gleichen Fotos unter gleichem Namen in höherer Auflösung. Diese werden nach dem Anklicken der Thumbnails angezeigt. Das Verzeichnis "geografie" beinhaltet die HTML-Datei zum Thema "Geografie". Das Verzeichnis "html" beinhaltet alle HTML-Dateien die nicht in separaten Verzeichnissen gespeichert sind. Das Verzeichnis "images" beinhaltet alle Fotos und Grafiken die nicht in separaten Verzeichnissen gespeichert sind. Das Verzeichnis "js" beinhaltet die JavaScript-Datei mit der die Anzeige der Fotos des "Fotoalbums" und des "Haus des Bürgers" gesteuert wird. Das Verzeichnis "kirche" beinhaltet eine SHTML-Datei zum Thema "Kirche". Das Verzeichnis "projekt" beinhaltet diese Datei im "html"-Format, sowie alle dazugehörenden Grafiken. Dieses Verzeichnis ist kein Bestandteil des Webs. Das Verzeichnis "rathaus" beinhaltet eine HTML-Datei zum Thema "Rathaus". Das Verzeichnis "rohmaterial" beinhaltet Kopien der Dateien die als Ausgangsbasis für dieses Projekt dienen. Auch dieses Verzeichnis ist kein Bestandteil des Webs. Das Verzeichnis "schule" beinhaltet eine SHTML-Datei zum Thema "Schule". Das Verzeichnis "swf" beinhaltet die SWF-Dateien der Startseite und der Titelzeile. Das Verzeichnis "termine" beinhaltet alle HTML- und SHTML-Dateien zum Thema "Termine". Das Verzeichnis "tourismus " beinhaltet eine HTML-Datei zum Thema "Tourismus". Das Verzeichnis "vcf" beinhaltet eine Visitenkarten-Datei zur Anzeige im Windows-Adressbuch. Das Verzeichnis "vereine" beinhaltet alle HTML- und SHTML-Dateien sowie 28 weitere Unterverzeichnisse zum Thema "Vereine". Zu jedem Verein gibt es ein eigenes Unterverzeichnis in dem sich die entsprechenden HTML-Datei und ggf. Grafiken befinden.

Gliederung und Technik:

1. Bei der Gliederung der Seite habe ich mich an bestehenden Seiten deutscher Städte orientiert und dabei die Wünsche meines Kunden berücksichtigt.
   
   
   1. Die Startseite:
      Als Startseite dient die Datei "index.html" im Hauptverzeichnis. Mit Hilfe von JavaScript habe ich hier ist eine Sprachweiche integriert. Wird bei Browser bzw. Betriebssystem eine andere Sprache als deutsch erkannt, wird 15 Sekunden nach dem Aufbau der Seite auf die Datei "uebersetzung.html" im Verzeichnis "html" weitergeleitet. Hier wird dem Benutzer eine Auswahl von Online-Übersetzungsmaschinen präsentiert. Der Text dieser Seite ist sowohl in Deutsch als auch in Englisch verfasst.
      
      Wird Deutsch oder überhaupt keine Sprache erkannt, wird auf die deutsche Standardseite weitergeleitet. Falls JavaScript nicht unterstützt oder deaktiviert ist, wird mittels dem "refresh"-Befehl 30 Sekunden nach dem Aufrufen der Seite auf die deutsche Standardseite "frame.shtml" im Verzeichnis "html" weitergeleitet. Falls ein Browser überhaupt keine Weiterleitung unterstützt, kann die "frame.shtml" durch Anklicken der FlashAnimation oder "skip intro" aufgerufen werden.
      
      Die Seite ist sowohl über www.hoeheinoed.de als auch über www.hoeheinoed.info erreichbar. Als offizielle Seite soll jedoch www.hoeheinoed.de dienen. Das Layout und die eMailadressen sind darauf ausgelegt. Wird die Seite über www.hoeheinoed.info betreten wird sie mittels JavaScript auf www.hoeheinoed.de umgelenkt.
      
      Bei dieser wie auch allen anderen Seiten habe ich größten Wert auf Abwärtskompatibilität gelegt. In einem modernen Browser wird mittels JavaScript eine FlashAnimation geladen. Steht JavaScript nicht zur Verfügung, dürfte man in den meisten Fällen davon auszugehen können, dass auch Flash nicht zur Verfügung steht. In diesem Fall wird alternative eine fast gleich aussehende Grafik geladen. Auch diese ist mit dem Link zu der "frame.shtml" belegt. Nicht grafikfähige Browser stellen einen alternativen Text dar.
      
      
      
   2. Die Hauptseite:
      Als Hauptseite dient die Datei "frame.shtml" im Verzeichnis "html". Diese beinhaltet das Frameset das normalerweise immer bestehen bleibt. Im Frameset werden folgende Dateien aus dem Verzeichnis "html" geladen:
      • "ecke.html"
      • "oben.html"
      • "navi.html"
      • "home.shtml"
      
      Gleichzeitig ist sie als SHTML-Datei ausgeführt. Dadurch ist es möglich mit Hilfe von SSI (Server-Side-Includes) im Noframe-Tag die Datei "home.shtml" einzubinden die normalerweise rechts im Frameset angezeigt wird. Das bewirkt, dass diese Seite auch in einem Browser der keine Frames darstellen kann angezeigt wird und zwar ohne dass der Benutzer irgend etwas bestätigen muss.
      
      Des weiteren wird mit Hilfe eines JavaScripts die Bildschirmauflösung ausgewertet. Wird eine Auflösung von 640x480 erkannt, wird das Frameset gar nicht erst aufgebaut, sondern nur die Home-Seite aufgerufen. Dies halte ich für sinnvoll, da bei einer Auflösung von 640x480 eine vernünftige Darstellung mit Frames nicht möglich ist. Falls ein framefähiger Browser ohne JavaScript verwendet wird, kann auch in der Home-Seite das Frameset manuell ein- und ausgeschaltet werden.

3. Die linke obere Ecke:
   Die Datei "ecke.html" lädt die Grafik "ecke.gif" aus dem Verzeichnis "images". Außerdem beinhaltet sie ein JavaScript, dass wenn die Seite allein aufgerufen wird, das dazugehörende Frameset aufruft.
   
   
   
4. Die Titelzeile:
   Die Datei "oben.html" lädt über ein JavaScript die Animation "titelzeile.swf" aus dem Verzeichnis "swf". Steht kein JavaScript zur Verfügung wird die Grafik "titelzeile.jpg" aus dem Verzeichnis "images" geladen. Darunter wird die Grafik "willkommen.gif" aus dem Verzeichnis "images" geladen. Dahinter folgt die Grafik "languages.gif" aus dem Verzeichnis "images". Diese beinhaltet einen Link zu der Datei "uebersetzung.html". Außerdem ist ein JavaScript integriert, dass wenn die Seite allein aufgerufen wird, das dazugehörende Frameset aufruft. Die Größenverhältnisse sind so gewählt, dass bei einer empfohlenen Mindestauflösung von 800x600 Pixel im MS-IE-6 alles zu sehen ist.
   
   
   
5. Die Navigationsleiste:
   Die Datei "navi.html" im Verzeichnis "html" beinhaltet die Hauptnavigation für das gesamte Projekt. Die Formatierung der Seite wird größtenteils direkt in html vorgenommen. Die weitergehende Formatierung erfolgt durch die Datei "navi.css" im Verzeichnis "css". Hier wird vor Allem das Verhalten der Links beim Überfahren mit der Maus definiert. Damit die Navigation auch in andere Sprachen übersetzt werden kann habe ich auf grafische Buttons bewusst verzichtet. Am unteren Rand wird mit einem JavaScript eine externe SWF-Datei mit dem derzeitigen Wetter in Höheinöd eingeblendet. Da ich auf diese Datei keinen Einfluss habe, gibt's in Höheinöd kein Wetter, wenn kein JavaScript zur Verfügung steht. Außerdem beinhaltet die Datei ein weiteres JavaScript, dass wenn die Seite allein aufgerufen wird, das dazugehörende Frameset aufruft. Die Größenverhältnisse sind so gewählt, dass bei der empfohlenen Standardauflösung von 1024x768 Pixel im MS-IE-6 keine Scrollleiste entsteht. Bei einer Mindestauflösung von 800x600 Pixel im MS-IE-6 entsteht nur eine vertikale Scrollleiste.
   
   
   
6. Die Homeseite:
   Als Homeseite dient die Datei "home.shtml" im Verzeichnis "html". Diese beinhaltet ein Grußwort des Bürgermeisters und einen Haftungsausschluss betreffend den externen Links.
   
   Ein JavaScript überprüft beim Laden der Seite die Bildschirmauflösung und ob sich die Seite in einem Frameset befindet. Ist die Bildschirmauflösung höher als 640x480 und das Frameset nicht vorhanden, wird es automatisch aufgerufen.
   
   Ist das Frameset nicht vorhanden weil die Bildschirmauflösung nur 640x480 Pixel beträgt, ist auch die Navigationsleiste am linken Rand nicht zu sehen. Dann wird mit JavaScript am unteren Rand ein Textblock mit den gleichen Links wie in der Navigationsleiste eingeblendet.
   Steht kein JavaScript zur Verfügung kann die Navigationsleiste bei jeder Auflösung ein- und ausgeschaltet werden.
   
   
   
7. Die Seite "Geografische Lage":
   In der Datei "index.html" im Verzeichnis "geografie" befindet sich eine Beschreibung wo Höheinöd liegt. Es gibt eine Landkarte zum Ausdrucken und ein Formular um sich mit "map24" einen persönlichen Routenplan nach Höheinöd erstellen zu lassen.
   
   
   
8. Die Seite "Rathaus":
   In der Datei "index.html" im Verzeichnis "rathaus" befindet sich eine Beschreibung der politischen Landschaft Höheinöds.
   
   
   
9. Die Seite "Termine":
   In der Datei "index.shtml" im Verzeichnis "termine" befindet sich ein Frameset das die Dateien "kopf.html" und "termine2003.html" aufruft. In "kopf.html" kann man zwischen den Terminen 2002 ("termine2002.html") und 2003 umschalten. Falls ein nichtframefähiger Browser verwendet wird, wird im Noframe-Bereich nach einer Überschrift die Datei "termine2003.html" includet.
   
   
   
10. Die Seite "Tourismus":
    In der Datei "index.html" im Verzeichnis "tourismus" befindet sich zur Zeit nur ein Link zu der Datei "index.html" im Verzeichnis "buergerhaus". Ein weiterer Ausbau ist vorgesehen.
    
    
    
11. Die Seite "Haus des Bürgers":
    Die Datei "index.html" im Verzeichnis "buergerhaus" beinhaltet eine Beschreibung des "Haus des Bürgers". Die Beschreibung besteht aus einem Text mit mehreren kleinen Fotos. Diese werden nach dem Anklicken in höherer Auflösung angezeigt. Die dazu verwendete Technik habe ich ausführlich bei der Seite "Galerie" beschrieben.
    
    
    
12. Die Seite "Galerie":
    In der Datei "index.shtml" im Verzeichnis "galerie" befindet sich ein Frameset das die Dateien "kopf.html" und "home.html" aufruft. In "kopf.html" kann man zwischen mehreren Blöcken von Jahreszahlen umschalten. Dies bewirkt, dass die Seite "home.html" im Hauptfenster zu den entsprechenden Zeiträumen springt. Falls ein nichtframefähiger Browser verwendet wird, wird im Noframe-Bereich nach einer Überschrift die Datei "home.html" includet.
    
    In die Datei "home.html" habe ich das externe JavaScript "foto.js" aus dem Verzeichnis "js" eingebunden. Beim Anklicken eines Fotos öffnet dieses ein neues Fenster ohne irgendwelche Leisten. Dieses ist etwas größer als das aufgerufene Bild und umschließt es somit mit einem Rahmen. Beim Anklicken des nächsten Fotos wird dieses in das bereits geöffnete Fenster geladen und das Fenster springt auf die neue Größe. Diese Funktion ist so programmiert, dass sich das Fenster unabhängig von der Bildschirmauflösung immer etwas links oberhalb der Bildschirmmitte öffnet. Eine weitere Funktion stellt sicher, dass das zu öffnende Fenster nicht größer als die aktuelle Bildschirmauflösung werden kann.
    
    Steht JavaScript nicht zur Verfügung wird das angeklickte Bild in einem zweiten normalen Browserfenster geöffnet. Alle weiteren angeklickten Fotos werden auch in diesem Fenster geöffnet. Falls der verwendete Browser die Mehrfenstertechnik nicht unterstützt wird das Foto im selben Fenster dargestellt. Zum Zurückblättern muss dann die entsprechende Funktion des Browsers verwendet werden. In einem nichtgrafikfähigen Browser wird das Foto zum Download angeboten.
    
    
    
13. Die Seite "Firmen":
    In der Datei "index.shtml" im Verzeichnis "firmen" befindet sich eine Auflistung einer Firma in Höheinöd. Diese Seite ist noch nicht komplett. Vorgesehen ist eine ähnliche Struktur wie bei "Vereine, Verbände, Organisationen".
    
    
    
14. Die Seite "Schule":
    In der Datei "index.shtml" im Verzeichnis "schule" befindet sich eine Auflistung eines Kindergartens in Höheinöd. Diese Seite ist noch nicht komplett. Die entsprechenden Daten werden aus den entsprechenden Unterverzeichnissen im Verzeichnis "vereine" includet. Näheres dazu siehe "Vereine, Verbände, Organisationen".
    
    
    
15. Die Seite "Kirche":
    In der Datei "index.shtml" im Verzeichnis "kirche" befindet sich eine Auflistung der Kirchengemeinden in Höheinöd. Die entsprechenden Daten werden aus den entsprechenden Unterverzeichnissen im Verzeichnis "vereine" includet. Näheres dazu siehe "Vereine, Verbände, Organisationen".
    
    
    
16. Die Seite "Linkpage":
    In der Datei "linkpage.html" im Verzeichnis "html" befinden sich einige ausgesuchte Links.
    
    
    
17. Die Seite "Impressum":
    In der Datei "impressum.html" im Verzeichnis "html" befindet sich das Impressum mit den Daten zur Kontaktaufnahme. Als Besonderheit ist hier eine Visitenkarte des Bürgermeisters eingebaut. Da sich diese nicht mit allen Browsern unter jedem Betriebssystem korrekt anzeigen lässt habe ich dafür ein JavaScript programmiert. Nur wenn als Betriebssystem Windows erkannt wird und als Browser der Microsoft Internet Explorer oder der Netscape jeweils in der Version 4 oder höher verwendet werden, wird die Karte überhaupt angezeigt. Bei anderen Betriebssystemen oder Browsern, oder wenn JavaScript nicht zur Verfügung gibt es keine Visitenkarte.
    
    
    
18. Die Seite "Vereine, Verbände, Organisationen":
    Diese Bezeichnung habe ich gewählt um möglichst Allen gerecht zu werden. Wenn man eine Kirche oder Schule bei den Vereinen einordnet, könnte manch einer ein Problem damit haben. Andererseits gibt es Fördervereine für Kindergarten und Grundschule.
    
    In der Datei "index.shtml" im Verzeichnis "vereine" befindet sich ein Frameset das die Dateien "kopf.html" und "home.shtml" aufruft. In "kopf.html" kann man zwischen verschiedenen Blöcken umschalten. Dies bewirkt, dass die "home.shtml" an die entsprechende Stelle springt. Falls ein nichtframefähiger Browser verwendet wird, wird im Noframe-Bereich nach einer Überschrift die Datei "home.shtml" includet.
    In der Datei "home.shtml" befindet sich eine Auflistung der Vereine in Höheinöd. Die Daten aller Vereine befinden sich in entsprechenden Unterverzeichnissen. Für jeden Verein gibt es ein eigenes Unterverzeichnis. Alle Unterverzeichnisse sind nach dem gleichen Schema aufgebaut. Es beinhaltet eine "data.html" und eine "index.html" und ggf. entsprechende Grafiken.
    
    In der "data.html" befindet sich eine Tabelle mit der Vereinsbezeichnung, den Daten eines Ansprechpartners und ggf. ein Link. Betreibt der Verein eine eigene Homepage führt der Link auf diese Seite. Betreibt er keine eigene Homepage, es stehen jedoch weitere Informationen zur Verfügung stehen diese in der "index.html" im gleichen Ordner, der Link führt dann dort hin. Stehen keine weiteren Informationen zur Verfügung bleibt die "index.html" leer. Wird sie dennoch aufgerufen wird mittels "refresh" auf die Startseite der Gemeinde umgeleitet.
    In der "home.shtml" werden die "data.html" sämtlicher Vereine includet. Ändert sich der Ansprechpartner muss das nur in der "data.html" geändert werden. In allen Dateien in denen die "data.html" includet sind, stehen somit immer die aktuellen Daten ohne dass mehrere Dateien geändert werden müssen. Beispiel "Schule" und "Kirche".
    
    
    
19. Für (fast) alle Seiten gilt:
    Mein Ziel war es bei möglichst allen Bildschirmauflösungen ein übersichtliches Gesamtbild zu erzielen ohne dass horizontale Scrollleisten entstehen. Um dies zu erreichen habe ich mehrere unsichtbare Tabellen ineinander verschachtelt.
    
    
    • Eine äußere Tabelle bestehend aus drei Zeilen mit insgesamt 90% Höhe und 100% Breite sorgt dafür, dass der Bildschirm gleichmäßig ausgefüllt wird. In der oberen Zeile befindet sich die jeweilige Seitenüberschrift. In der unteren Zeile befindet ein Link zum Zurückblättern. Die mittlere Zeile beinhaltet eine zweite Tabelle.
      
      
    • Diese zweite Tabelle wird in der mittleren Zeile der äußeren Tabelle zentriert. Sie hat eine feste Breite von 560 Pixel und eine variable Höhe. Diese zweite Tabelle enthält den eigentlichen Inhalt der Seite. Dieser kann auch weitere Tabellen enthalten.
      
      
    • Die Breite von 560 Pixel gewährleistet, dass bei einer empfohlenen Mindestauflösung von 800x600 Pixel keine horizontale Scrollleisten entstehen. Dies funktioniert auch bei 640x480 Pixel, da dann das Frameset abgeschaltet wird (werden kann). Bei höheren Auflösung ist gewährleistet, dass der Inhalt nicht zu sehr in die Breite gezogen wird und der Seiteninhalt immer in der Mitte steht.
      
      

640x480 Pixel	800x600 Pixel
1024x768 Pixel	1280x1024 Pixel
1600x1200 Pixel	2048x1536 Pixel

2. Gestaltung:
   
   
   1. Alle Seiten (außer Ecke, Titel und Navigation) sind in weiß mit blauer Schrift gehalten.
      
      
   2. Hintergrundfarbe des Projekts (außer Ecke, Titel und Navigation) für die
      
      
      • Bildschirmausgabe:
        #FFFFFF
        
        
      • Druckausgabe:
        #FFFFFF
      
      
      
   3. Schrift- und Linkfarbe des Projekts (außer Ecke, Titel und Navigation) für die
      
      
      • Bildschirmausgabe:
        #003399
        
        
      • Druckausgabe:
        #000000
      
      
      
   4. Farben der Navigationsleiste
      
      
   • Bildschirmausgabe Hintergrund:
     #003399
     
     
   • Bildschirmausgabe Tabellenhintergrund:
     #6AA3F0
     
     
   • Bildschirmausgabe Schrift:
     #FFFFFF
     
     
   • Tabellenhintergrund bei aktiviertem Status:
     #FF6666
     
     
   • Schriftfarbe bei aktiviertem Status:
     #FFFF66
     
     
     
   5. Als weitere Farben wurden verwendet
      
      
      • Bildschirmausgabe Hintergrund für einige Tabellen:
        #D3E6FE
        
        
      • Bildschirmausgabe IE-Scrollbars:
        #003399
        #D3E6FE
        
   6. Als Schriftarten werden folgende Familien verwendet
      
      
      • Bildschirmausgabe: Verdana, Arial, Helvetica, sans-serif
      • Druckausgabe (außer Navigation): Georgia, Times New Roman, Times, serif
      
      
      
   
   
3. Weitere Besonderheiten:
   
   
   1. FlashAnimationen:
      Sowohl die Startseite wie auch die Titelzeile sind mit FlashAnimationen versehen. In der Startseite ist dies die Datei "intro.swf" aus dem Verzeichnis "swf". In der Titelzeile ist es die Datei "titelzeile.swf" aus dem Verzeichnis "swf".
      
      Die Originaldatei von "intro.swf" befindet sich unter dem Namen "intro.fla" im Verzeichnis "rohmaterial". Da das Programm Flash nur eingeschränkte Möglichkeiten zum Erstellen und Bearbeiten von Grafiken bietet, habe ich die Schriftzüge und das Wappen mit dem Programm CorelDraw vorbereitet und von dort als SWF-Dateien exportiert. Die CDR-Datei befindet sich unter dem Namen "intro.cdr" im Verzeichnis "rohmaterial". Die exportierten SWF-Dateien befinden sich im gleichen Verzeichnis unter den Namen "willkommen.swf", "sickingerhoehgemeinde.swf", "hoeheinoed.swf" und "wappen.swf".
      
      Die Originaldatei von "titelzeile.swf" befindet sich unter dem Namen "titelzeile.fla" im Verzeichnis "rohmaterial". Die dazugehörenden Fotos habe ich mit dem Programm Photoshop vorbereitet. Die dazugehörende PSD-Datei befindet sich unter dem Namen "titelzeile.psd" im gleichen Verzeichnis.
      
      
      
   2. Browserkompatibilität:
      Um eine möglichst umfangreiche Kompatibilität zu verschiedenen Browsern und Betriebssystemen zu erreichen und auch die Stärken und Schwächen einzelner Browser zu berücksichtigen habe ich mit mehreren CSS-Dateien gearbeitet.
      
      Die meisten Probleme ergeben sich mit dem Netscape 4.x. Dieser Browser unterstützt - sofern JavaScript aktiviert ist - zwar CSS. Das was er daraus macht ist allerdings teilweise haarsträubend.
      
      Deswegen habe ich zwei CSS-Dateien miteinander verbunden. Zuerst wird die Datei "screen.css" im Verzeichnis "css" aufgerufen. Diese Datei beinhaltet einen Aufruf der Datei "screen2.css". Dieser zweite Aufruf wird von Netscape 4.x jedoch nicht ausgeführt. Somit habe ich alle Formatierungsanweisungen die problemlos umgesetzt werden in "screen.css" notiert. Problematische Formatierungen wie die der horizontalen Linie stehen in "screen2.css".
      
      Browser die getrennte CSS-Dateien für verschiedene Ausgabemedien unterstützen verwenden die "screen.css"/"screen2.css" für die Bildschirmdarstellung und die "print.css" für die Ausgabe über einen Drucker. Die "navi.css" dient ausschließlich zur Formatierung der Navigationsleiste.
      
      Damit die Seite auch in älteren Browsern die kein CSS unterstützen ähnlich aussieht, habe ich die Farben für Hintergrund, Schrift und Links auch im "body"-tag eingetragen. Auf das Formatieren der Schriftart in den einzelnen Absätzen mittels des "font"-tags habe ich zu Gunsten der Dateigrößen und der damit verbundenen Ladezeiten verzichtet. Dies hätte sowieso nur bei wenigen Browsern (3. Generation) einen gestalterischen Vorteil gebracht, da alle neueren Browser (ab 4. Generation) CSS unterstützen und die ganz alten (1. und 2. Generation) auch keine Schriftarten die mittels des "font"-tags formatiert sind anzuzeigen vermögen.
      
      
      • "screen.css"/"screen2.css", in diesen Dateien sind fast alle Formatierungsanweisungen des Projekts gespeichert. Schriftarten und -farben, Hintergrundfarben sowie das Aussehen von Links.
        
        
      • "print.css", diese Datei enthält die Formatierungsanweisungen für die Druckausgabe. Z.B. sollen Links beim Ausdruck nicht unterstrichen sein und Texte grundsätzlich in schwarzer Schrift auf weißem Hintergrund erscheinen.
        
        
      • "navi.css", diese Datei steuert das Aussehen der Navigationsleiste.
        
        
        
   3. Fremdsprachen:
      Die gesamte Seite wurde in deutscher Sprache erstellt. Um den Inhalt auch Benutzern zugänglich zu machen, die über gar keine Deutschkenntnisse verfügen habe ich die Seite "uebersetzung.html" im Verzeichnis "html" eingebaut.
      
      Auf diese wird automatisch weitergeleitet wenn nach dem Betreten über die Startseite eine andere Sprache als Deutsch erkannt wird. Sie kann jedoch 10.10.2007 nk aufgerufen werden.
      Auf dieser Seite befinden sich Links zu Online-Übersetzern mit deren Hilfe man das Projekt in über zehn Sprachen übersetzen kann.
      
      Die Ergebnisse der jeweiligen Übersetzungen sind jedoch noch recht unvollkommen. Daher kann diese Funktion nur als Notlösung betrachtet werden um das Projekt einem nicht deutschsprachigen Benutzerkreis zugänglich zu machen.
      
      Die Seite "uebersetzung.html" ist in deutscher und englischer Sprache ausgeführt.

Jürgen Fischer 10.10.2007