Tips für den Homepagebau

Inhalt:

1. der HTML-Editor

Ulli Meybohm's HTML EDITOR Phase 5² (Freeware)

Nach dem Starten von Phase 5, welches übrigens keine Installation erfordert, wird eine augenfällige Ähnlichkeit mit dem HomeSite 4.0 erkennbar. Ob gewollt oder nicht, das Prinzip ist sicher nicht das schlechteste.
Das Tool ist mehr als prächtig mit Funktionen und Helferlein ausgestattet. So reicht ein einfaches Alt und L um den vorgefertigen Tag: <a href=""></a> in der HTML-Seite zu sehen. Zu den wichtigsten Tags gibt es solche Erleicherungen. Einen sauberen Code können Sie z.B. auch mit der Einrückhilfe schnell erzielen.
Selbst wenn ich nur die Standardfunktionen beschreiben sollte, wäre diese Seite komplett zu. Deshalb: Für den fortgeschrittenen User und/oder wenn Sie sich mit dem HTML-Code auseinandersetzen wollen, ein Muß. Kost ja nix! :-)
In der jetzigen Version ist eine unlimitierte Undo-Funktion eingebaut worden.

Sehr nützlich ist auch die Funktion zum dateiübergreifenden Suchen und Ersetzen von Textstellen (siehe hierzu auch Punkt 6)

[http://www.meybohm.de/]

2. Meta-Script-Master V1.1 (Freeware)

Der Meta-Script-Master ist ein weitere Freeware Tool aus der Webdesign-Reihe von 3D Extreme. Mit ihm können diverse Meta-Tags, sowie einige Scripts erstellt werden. Außerdem wurden ein paar kleine Tools integriert (Fader, Web Sizer, Bookmarker).

[http://www.3dextreme.de/]

3. Grafiken und Bilder

4. Zum Thema Java-Script

    4.1 Java-Script im Internet

    Stellvertretend für fast unendlich viele Webseiten, die sich mit Java befassen fand ich folgende zwei besonders interessant bzw. hilfreich :

    4.2 Java-Bildwechsler wie er bei mir Verwendung fand

    Um animierte Buttons zu erzeugen oder einfach nur um das Bild zu wechseln wenn man mit der Maus über das betreffende Bild fährt, benötigt man ein kleines Java-Script-Programm. Folgenden Text einfach kopieren und an der richtigen Stelle in die HTML-Datei einfügen und schon hat man den Bildwechsel (das Ändern der Bildnamen aber nicht vergessen!).
    Im folgenden Script, welches im HEAD-Tag stehen muß, werden zwei Bilder gewechselt ...

      <HEAD>
      hier steht gewöhnlich der Tilel und anderes im HEAD-TAG
      hinzugefügt werden muß das untenstehende Script!
      </HEAD>

      <script language="JavaScript">
      Normal1 = new Image();
      Normal1.src = "button1.gif";
      Highlight1 = new Image();
      Highlight1.src = "button2.gif";
      Normal2 = new Image();
      Normal2.src = "bild1.gif";
      Highlight2 = new Image();
      Highlight2.src = "bild2.gif";
      function Bildwechsel(Indexnr,Bildobjekt)
      {
      window.document.images[Indexnr].src = Bildobjekt.src;
      }
      </script>

      Der Aufruf des Java-Scripts und die Darstellung der Bilder erfolgt im BODY der HTML-Datei:
      <BODY>

        Aufruf der Bilder
      </BODY>

      so geht's :
      <A HREF="irgendwohin.html" onMouseover="Bildwechsel(0,Highlight1)" onMouseout="Bildwechsel(0,Normal1)"><img src="button1.gif" alt="Beschriftung" border="0">Irgendwohin</A>

      <img onMouseover="Bildwechsel(1,Highlight2)" onMouseout="Bildwechsel(1,Normal2)" src="bild1.gif" alt="Beschriftung" border="0">

      Erklärung :
      Im oberen Teil wird das HTML-Dokument beim anklicken der Grafik aufgerufen (Hyperlink), während im unteren Teil nur das Bild gewechselt wird.
      Die gelben Zahlen geben die Nummer des Bildes im Dokument an, die Nummerierung beginnt mit 0, d.h. in unserem Fall ist das Bild "button1.gif" das erste Bild im HTML-Dokument und "bild1.gif" das zweite.

      Sollen weitere Bilder gewechselt werden, so müssen diese Bilder im Java-Script (im HEAD-TAG) definiert werden. Der Aufruf erfolgt dann genauso wie im Beispiel, nur die Nummerierung geht weiter.

      Hier kann eine Beispiel-HTML-Datei herunter geladen werden : [Download: Bildwechsler]

5. Frames

Viel wurde und wird über Frames diskutiert. Ob man Frames verwenden will hängt aber leztzendlich von einem selbst ab. Der eine mag die Dinger halt, der andere nicht.

Einen entscheidenden Nachteil haben Homepages, die mit Frames aufgebaut sind. Quereinsteiger, also Besucher, die nicht über die Startseite kommen, sehen nicht den kommpletten Aufbau der Seite (so z.B. diejenigen, die über eine Suchmaschine eine Unterseite direkt aufrufen). Eine vernünftige Navigation ist dann kaum möglich. Abhilfe schaffen zwei winzige Java-Scripte. Mit ihnen kann das Frameset oder jede beliebige andere Datei nachgeladen werden. Ich verwende diese Scripte im Jovalli-Land light (und auch auf meinen anderen Webseiten).

a) Script für die Frame-Datei (einfach in den <HEAD>-Tag der Datei einbauen)
    <script language="JavaScript">
       <!--
       var start_frame = "okload";
       //-->
    </script>

b) Script jede andere Html-Datei die in dem Frameset geladen werden soll
(ebenfalls in den <HEAD>-Tag der Datei einbauen)
    <script language="JavaScript">
       <!--
       if (top.start_frame != "okload")
       top.location.href = "frame_name.html";
       //-->
    </script>
frame_name.html ist die Frame-Datei (alternativ hier eine andere Html-Datei, zu der umgeleitet werden soll, angeben - z.B. index.html)


6. Search and Replace 98 (Freeware)

Top-Tool, mit dem man in mehreren Dateien gleichzeitig Textpassagen suchen und ersetzen lassen kann. Wer schon einmal in mehr als 20 Dateien immer den gleichen Text durch einen anderen ersetzen wollte, der wird dem Programmierer dieses Programms mehr als dankbar sein.
... hmmm - tauschen wir doch einfach mal die e-Mail Adresse gegen eine andere manuell aus ... kein Problem sie kommt ja nur ein paar hundertmal, in mehr als 300 HTML-Dokumenten, auf diesen Webseiten vor ... nächstes Jahrtausend wäre ich dann sicherlich fertig ... mit dem Search und Replace geht das in 10 Sekunden! Noch Fragen, nein! dann das Programm gleich hier herunterladen:

[Search and Replace 98 - http://www.htmlworkshop.com/]

7. Das Gästebuch

Das kostenlose Gästebuch (in das Ihr euch hoffentlich schon eingetragen habt *grins*) von [http://www.gaestebuecher.de] hat mir besonders gut gefallen. Es kann vollkommen ohne HTML-Kenntnisse an die eigene Homepage angepaßt werden. Wem das jedoch nicht reicht, der kann das Formular noch nach belieben ändern.
Neben der üblichen Verwaltung des Gästebuchs können Einträge auch kommentiert werden.

Das aktuell von mir verwendete Gästebuch stammt von [http://www.shoppark.de/abrakadabra/]. Es kann auch vollkommen frei an das eigene Homepagelayout angepaßt werden und besitzt die wichtigsten Editierfunktionen. Ein Pflichtwerbebanner ist in Grenzen frei positionierbar.

Ein weiteres Top-Gästebuch, welches mit wenig Werbung auskommt, sehr schnell ist, keine Eintragsbeschränkung kennt und neben fertigen Layouts vollkommen frei programmierbar ist, ist das von [Guestbook-Paradise]. Dies wird wohl mein Gästebuch der Zukunft sein.

Ich hoffe Dir ein wenig weiter geholfen zu haben und wünsche noch viel Erfolg und Spaß mit Deiner eigenen Homepage ... Have Fun


have fun :-)