5. Zur Technik der HTML-Internetseiten-Erstellung:

einfacher Einstieg:
Der Netscape Composer 4.7 (www.netscape.com) ist einfach zu bedienen. Einfache HTML-Seiten mit einer Handvoll Fotos, etwas Text und ein paar links kann man Ruck-Zuck damit erstellen. Man kann auch leicht und kontrolliert was später ändern. (Fotos oder Text) Manchmal sieht es dann mit dem Internet Explorer etwas komisch aus, weil Netscape sich offenbar einige Freiheiten beim HTML-Standard herausnimmt. 

komfortable Variante:
Gut gefällt mir Microsoft Frontpage. Und die erstellten Seiten funktionieren sowohl mit Netscape als auch mit MS Internet Explorer ohne Probleme. Einfache Seiten klappen sehr intuitiv und einfach. Und man kann z.B. Fotos oder Texte mit Ihren Hyperlinks einfach per drag and drop in andere Seiten kopieren und die links funktionieren dort auch.

Navigation vereinfachen:
Mitte November 2004 hatte ich auf meiner homepage schon über 100 HTML-Seiten. Dann wird die Navigation immer schwieriger. Deshalb habe ich am 13.11.04 auf Frame-Navigation umgestellt. Das sind die kleinen Rahmen oben und seitlich. Die Navigation wird dadurch erheblich einfacher. Die Erst-Erstellung fand ich zunächst sehr kompliziert, weil die Hilfe-Funktion von Frontpage gelinde gesagt verbesserungsbedürftig ist. Geht aber doch ganz einfach. Und im Internet gibts gute Hilfeseiten zu HTML z.B. bei http://de.selfhtml.org. (Unbedingt empfehlenswert!)

Wie mache ich Frameseiten?
Meine eigentliche Homepageseite index.htm ist eine Frameseite und winzig klein. (Unter 1 kB). Auf dieser Frameseite wird nur der "Bilderrahmen" definiert. Also, daß meine homepage aus 3 einzelnen Frames besteht. Und es wird nur die Größe, die Position und der "Name" dieser Frames festgelegt. In jedes Frame kann ich dann beliebige HTML-Seiten laden. Die Indexseite definiert mit welchen HTML-Seiten diese 3 Seiten zunächst geladen werden.

Wie mache ich, daß ein link den Inhalt eines anderen Frames ändert?
Geht einfach. Bei jedem link in HTML kann ich angeben, auf welches Zielframe "target" sich das auswirken soll.
Beipiel:
der Link:  href="../glemstal/TN_huflattich.JPG target="Inhalt"  öffnet ein Foto links im Inhalt-Frame.
der Link:  href="../glemstal/TN_huflattich.JPG target="Banner" öffnet das Foto oben im Banner-Frame.
der Link:  href="../glemstal/TN_huflattich.JPG target="Hauptframe" öffnet das Foto hier im Hauptframe.
Ist doch einfach.

Wie kann ich ohne Mausklicks beim Drüberfahren Fotos öffnen?
In Javascript geht das einfach:

     
Amphibienfoto statt Feuersalamander
Säugetierfoto und gleich mit Link
Schneckenfoto statt Feuersalamander

Wenn Sie mit der Maus über die Texte unter dem Feuersalamanderfoto fahren (ohne zu klicken!) wechselt bereits das Bild. Im Quelltext dieser Seitefinden Sie die entsprechende Javascriptfunktion:  onmouseover="image1.src='Foto1.JPG';"onmouseout="image1.src='Foto2.JPG'
Damit geht das äusserst einfach.  Um den Quelltext dieser Seite anzuschauen, können Sie
hier klicken und ein neues Browserfenser ohne die Frames öffnen. Ein grosses Problem mit Javascript: jeder Betrachter muss in seinem Browser auch JavaScript aktiviert haben. Sonst sieht er nur die unveränderten Texte und links.

Wie mache ich, daß ein Mausklick den Inhalt zweier Frames gleichzeitig verändert?
 ... in HTML ist das Problem nicht lösbar. Eine Lösung dafür bietet Javascript. .
Hier ein Beispiel:

der Link: href=javascript:ZweiFrames('../glemstal/TN_huflattich.JPG" target="Inhalt">_huflattich.JPG','Inhalt')">
öffnet das Foto mit nur einem Mausklick gleichzeitig links im Inhalt-Frame und oben im Banner-Frame.
der Link: href=javascript:ZweiFrames('../glemstal/TN_huflattich.JPG" target="Inhalt">_huflattich.JPG',Hauptframe')">
öffnet das Foto mit nur einem Mausklick gleichzeitig links im Inhalt-Frame und hier im Hauptframe.

Wenn Sie den Quelltext dieser Seite betrachten, sehen Sie im Kopf der HTML-Seite die Definition einer Javascript-Funktion "ZweiFrames". Diese Funktion wird dann im Body der HTML-Seite mehrmals mit immer anderen Parametern aufgerufen. Habe einen halben Tag herumprobiert und jetzt klappts ganz problemlos. Allerdings muss dann jeder Betrachter in seinem Browser auch JavaScript aktiviert haben.

Wie mache ich Aufklappmenüs?
Gut am Aufklappmenü finde ich, daß es die Grenzen der Frames überwindet. Um diese Seite nicht zu überladen, können Sie im Inhaltsfenster ein Aufklappmenue öffnen.Mein Aufklappmenü benutzt Javascript, ich finde es aber eher wenig intuitiv bedienbar. Und jeder Betrachter muss in seinem Browser auch JavaScript aktiviert haben. Wenn Sie den Quelltext studieren wollen, können Sie ein extra Fenster mit dem Aufklappmenü öffnen.

Javascript verwenden: Ja oder nein?
Ende 2005 habe ich beschlossen, Javascript nur noch in einer milden Form einzusetzen. Also nur so, daß auch Benutzer, die Javascript nicht aktiviert haben, dennoch navigieren können. Die Javascript-Navigation hatte ich ja schon fertig, aber ich schalte diese jetzt selbst über Javascript ein, so daß Benutzer ohne aktives JavaScript die JavaScript Navigation gar nicht erst aktivieren können.

Pflege der homepage vereinfachen:
Ende 2005 hatte ich bereits mehrere hundert Fotos auf meiner homepage. Und die meisten mindestens doppelt benutzt z.B. im Glemstalkalender unter Mai und gleichzeitig auf der Tiere-Seite unter Schmetterlinge. Daher habe ich begonnen mit der MYSQL-Datenbank und einer PHP Benutzeroberfläche zu experimentieren. Dies bietet ähnliche Funktionsvielfalt wie Javascript, aber läuft auf dem Server. D.h. jeder Benutzer erhält vom Server über das PHP ("hypertext preprocessing") reinen HTML-Code und daher sollte das auch bei jedem Benutzer funktionieren. PHP ist selbst wieder eine Programmiersprache. Ich verspreche mir davon eine einfachere Verwaltung der Fotos.