systemconsulting: Seitengestaltung 4

Überlegungen zur optimalen Webseitengestaltung:

Und hier die Scripts zu "hotel.html" und "restaurant.html"

hotel.html

restaurant.html

hotel.js

hotel='<b>Wir sind stets darauf bedacht, unseren großen und kleinen Gästen einen angenehmen Aufenthalt in unserem Hause zu bereiten.</b><br><br>Wir empfehlen uns für Familienfeiern, Betriebsausflüge , Jubiläen, Geschäftsessen, kleine Tagungen oder einfach nur so, um zu genießen und sich verwöhnen lassen.<br><br>Gasthof Nöth Morlesau  die Perle im Saaletal so hat Großvater Kilian schon 1919 geworben ist ein kleines, idyllisches Bauerndorf und gehört zu dem Bereich der früheren Mark Hammelburg, einst Königsgut Karls des Großen und ist die älteste Weinstadt Frankens . 777 von Karl dem Großen dem Kloster Fulda geschenkt . Seit dieser Zeit ist der Weinbau in Hammelburg bezeugt . Seit 1972 gehören Stadt und Ortsteile zum Bäderlandkreis Bad Kissingen.<br><br><br><br><b>Unser Dorf liegt in einem der schönsten Winkel des Fränkischen Saaletales, am Fuße des 506 m hohen Sodenberges, abseits vom Durchgangsverkehr. Der ideale Ausgangspunkt für Ihre Wanderungen und Touren. Zu Morlesau gehört der Weiler Ochsenthal mit der kleinen Kirche St. Ottilie aus dem 13. Jahrhundert, einer sehenswerten Madonna aus dem Frühbarock und der ältesten datierten Glocke mit der Inschrift ANNO DMI MCCCCLXXV ( Jahr 1475)';

document.write(hotel);

restaurant.js

restaurant='<h1>1758  - 2008</h1><h3>250 Jahre Gastlichkeit</h3><br><br>Der 1758 erbaute Gasthof im Fachwerkstil überrascht mit ausgezeichneter, feinbürgerlicher Küche frisch   fränkisch   herzhaft   saisonbetont. Wir sind Partnerbetrieb des Biosphärenreservates und verarbeiten Produkt vom heimischen Erzeuger.<br><br><br><br>Entdecken Sie uns, lassen Sie sich verwöhnen von unserem ganz persönlichen Service, vorzüglichem Speisen und einem erfrischenden Glas Frankenwein oder fränkischen Bieres. Nehmen Sie Platz und freuen Sie sich auf eine Zeit zum Genießen und Entspannen.<br><br>Wir empfehlen uns für Familienfeiern , kleine Hochzeiten, Betriebsausflüge, Jubiläen , Geschäftsessen und Seminare, Ausflüge mit Freunden oder einfach nur so um sich verwöhnen zu lassen. Sonderarrangements rund ums Jahr, wie kulinarische Bierprobe , Edelbrände- oder Weindegustationen im alten Gewölbekeller, Grillparties am fränkischen Saaleufer , Brotzeit in der Weinbergshütte.<br><br><br><br><b>Ein Erholungs- und Erlebnisparadies an der Sonnenseite der Rhön im Weinland Fränkisches Saaletal.</b>';

document.write(restaurant);

header.js

navi.js

navigation='';
navigation=navigation+'<div style="font-family:Arial; font-size:12px;">';
navigation=navigation+'<a href="hotel.html">UNSER HOTEL</a><br>';
navigation=navigation+'<a href="restaurant.html">UNSER RESTAURANT</a><br>';
navigation=navigation+'<a href=javascript:alert(sonicht[0])>DIE SPEISEKARTE</a><br>';
navigation=navigation+'<a href=javascript:alert(sonicht[0])>DIE GETRÄNKEKARTE</a><br>';
navigation=navigation+'<a href=javascript:alert(sonicht[0])>RESERVIERUNGEN</a><br>';
navigation=navigation+'<a href=javascript:alert(sonicht[0])>ANFAHRT</a><br>';
navigation=navigation+'<a href=javascript:alert(sonicht[0])>IMPRESSUM</a><br>';
navigation=navigation+'<a href=javascript:alert(sonicht[0])>DISCLAIMER</a>';

if(screen.availHeight>1000){
navigation=navigation+'<div style="height: 140px;"></div>';
}else{
navigation=navigation+'<div style="height: 90px;"></div>';
}

navigation=navigation+'GUSTAV-AUERBACHWEG 6<br>';
navigation=navigation+'989877 MUSTERHAUSEN<br>';
navigation=navigation+'FON: (0 47 11) 2 40 80<br>';
navigation=navigation+'FAX: (0 47 11) 2 40 66<br>';
navigation=navigation+'E-MAIL: INFO@ZUM BÄREN<br>';
navigation=navigation+'WWW.ZUM-BÄREN.DE';
navigation=navigation+'</div>';

document.write(navigation);

footer.js

Warnung (bitte noch einmal aufmerksam durchlesen):

Ich hatte zwar schon auf die Kardinalfehler bei der Web-Seiten-Gestaltung bzgl. Suchmaschinen-Optimierung hingewiesen, aber hier dennoch einmal eine eindringliche Warnung. Mit der obigen Vorgehensweise findet die Suchmaschine keine Verweise (Links) und wird die Seite nicht indizieren.

Deshalb:

In die Startseite gehört nie, niemals ein Javascript für die Navigation. Links werden hier in sauberem HTML (<a href="">LINK</a>) geschrieben, damit die Suchroboter Ihre Liks auch finden. Das gleiche gilt selbstverständlich immer dann, wenn Sie neue Navigationsleisten für Unterordner schreiben.

Sie brauchen ohnehin ordentlich kodiertes HTML zur Erstellung des Javascripts jeder Navigationsleiste. Das erste HTML-Script bleibt immer auch in HTML-Schreibweise für den ersten Aufruf der Navigation stehen.

<<<< Zu Seite 3 "Seitengestaltung"