Beim Start dieses Web-site Projektes hatte ich so gut wie Null-Ahnung von HTML, CSS, Javascript und Co. Dank der umfangreichen Informationsmöglichkeiten durch das Internet war mir die Technik der Website-Gestaltung sehr schnell zugänglich. Durch intensive Suche haben sich mir denn auch einige Tricks erschlossen und auf Grund der selbstlosen Verfügungstellung diverser Quellcodes auf den Seiten einiger Enthusiasten, die ich hier gerne erwähnen möchte, konnte ich auf meinen Seiten auch die eine und andere Raffinesse einbauen.

Zu Anfang hatte ich damit zu kämpfen, daß es Unterschiede bei den verschiedenen Standardbrowsern in Bezug auf die Verarbeitung des Codes gab. Deshalb hatte ich mich ausschschließlich auf den Internet Exploprer von MS konzentriert.
Mittlerweile haben sich die Tablets und Smartphones etabliert, die wiederum ganz neue Anforderungen an die Websitegestaltung stellen ( responsive Webdesign ). Mit meinem neuen Design habe ich versucht, dem gerecht zu werden.

Quellen:

Die Hintergrundbilder :
habe ich alle selber photographiert.


Um die Anwendungsmöglichkeiten der Parameter des neuen HTML5-Codes und von CSS3 zu verstehen, habe ich die verschiedensten Tutorials im Internet besucht. Hier ein paar stellvertretend zur Auswahl:

Meta-Datei Angaben :
http://www.stefan-muenz.de/html5/dokument-kopfdaten/meta-angaben/

CSS-Tricks : https://css-tricks.com/almanac/

w3schools.com : https://www.w3schools.com/css/default.asp

CSS, HTML und Javascript mit {stil} :
https://www.mediaevent.de/tutorial/

The Stileworks : http://www.thestyleworks.de/index.shtml
mit einer Abhandlung zur Vererbung

HTML-Seminar : https://www.html-seminar.de/

selfhtml Wiki : https://wiki.selfhtml.org/wiki

Einführung : http://www.peterkropff.de/site/css/grundlagen.htm



Für die Navigation habe ich viele Beispiele von Navigationsmenüs ausptobiert, letztendlich bin bei der folgenden Vorlage hängen geblieben :
Responsive Content Navigator with CSS3 :
https://tympanus.net/codrops/2012/03/23/responsive-content-navigator-with-css3/

mit dem Menu-opener von:
http://cssdeck.com/labs/3fo47n21

die Digitaluhr :
https://tikamchand06.blogspot.de/2015/07/digital-clock-with-complete-time-and.html

Fullscreen Hintergund-Diashow :
https://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index2.html

Javascript-Weiche für Browser und Screengrößen :
http://pepe-juergens.de/2012/11/javascript-weiche-browser-screen-size/

externen Link auswerten :
https://stackoverflow.com/questions/298503/how-can-you-check-for-a-hash-in-a-url-using-javascript
und
https://www.mediaevent.de/javascript/Javascript-Window-Location.html


Weitere Angaben erfolgen entsprechend dem Fortschritt der Umgestaltung meiner neuen Website.


Bei den Seiten mit dem alten Design, die ich hier weitgehend weiterhin zugänglich mache, habe ich die nachfolgenden Informationen verwendet:

Die Idee für den Navigationsknopf : http://www.wws-mod.de

Die Wellenbewegung : http://www.bretteleben.de

Die Bewegung der Schiffchen :
http://www.dynamicdrive.com

Die animierten Flaggen :
http://www.gif-paradies.de/flaggen-der-welt/

Den animierten Delfin :
http://www.gif-anime.org/images/gif/animal/

Pop-up Box für Bilder : http://fancyapps.com/fancybox/

Die Eckenabrundung für Bilder in IE<9 : http://css3pie.com/

Die Vergrößerungslupe : http://www.professorcloud.com

Im Internet gibt es viele Anleitungen zum Erstellen eines kurzen Scripts für die entsprechende Anwendung. Welche davon ich hier für meinen Zweck verwertet habe, kann ich beim besten Willen nicht mehr rekonstruieren, weil ich zwischenzeitlich so viele verschiedene Scripts ausprobiert habe.

Wenn jetzt irgendjemand feststellen sollte, daß ich eine Idee vom ihm genutzt habe, ohne ihn als Quelle zu erwähnen, ist das keine böse Absicht, sondern schlichtweg ein "Versäumnis", das ich auf entsprechenden Hinweis hin gerne nachholen werde.

update: 22.10.2017