Back to the very first page/zurück zur allerersten Seite

Tipps für Homepage-Bastler


Startseite
Homepage-Bastler
Grundlagen HTML Grafiken einfügen Tabellen Linksammlung
Javaspielereien I Javaspielereien II schwebende
Navigationsleiste
Frames Formulare
Beispielseite I Beispielseite II Beispielseite III Beispielseite IV Frame Beispielseite
Hintergründe Buttons Cliparts    

Inzwischen habe ich eine ganze Menge Internetseiten gebastelt (siehe Web-Projekte) und dabei entdeckte ich viele nützliche aber auch viele schwachsinnige Links für Homepage-Builder.

Hier versuche ich nun mal eine Zusammenfassung von den Links, die mir wirklich geholfen haben.

Und wenn Ihnen meine Seiten so kommentarlos auch nicht weiterhelfen, empfehle ich einen Kurs an der Volkshochschule (gibt es auch für absolute Laien).

Bevor Sie nun Ihren Webauftritt gestalten, sollten Sie sich ein paar grundsätzliche Gedanken machen.

Datei-/ Seitenname Links Bilder
Willkommensseite
index.htm
Links zu:
heimat.htm
ich.htm
warum.htm
liebe.htm

e-mail-adresse

Bilder:
kunst1.jpg
logo2.gif

Meine Heimatstadt
heimat.htm
Links zu:
ich.htm
index.htm
e-mail-adresse

Bilder:
heimat.jpg
stadt.jpg
map1.gif

Die Seite über mich
ich.htm
Links zu:
liebe.htm
index.htm
e-mail-adresse

Bilder:
ich1.jpg
passfoto.jpg

.... usw.
Links zu:
.....htm
index.htm
e-mail-adresse

Bilder:
...jpg
Beginnen Sie damit, dass Sie sich eine Zeichnung/Tabelle anfertigen, auf der Sie sehen, welche Seiten Sie erstellen wollen und welche Seite mit welcher verlinkt sein soll. (Hier können Sie ein Formular zur Ordnung Ihrer Gedanken :-) in bezug auf die Internetseitengestaltung downloaden - Word2000-Datei - 28 kb.)

Üblicherweise beginnt man mit einer Willkommensseite, die bei fast allen Providern "index.htm" genannt werden muss. Von dieser Seite, die eigentlich nur das Namensschild Ihres Auftritts ist, sollte ein Link zu einem Inhaltsverzeichnis gehen. Viele Leute gehen jedoch dazu über, direkt auf dieser Startseite schon eine Verlinkung zu allen Unterseiten vorzunehmen, um den Besuchern den Weg zum Gesuchten so leicht wie möglich zu machen
(Regel: 2-3 Klicks und der Besucher sollte am Ziel sein!)
Die Hilfszeichnung zur Seitenplanung könnte so aussehen wie in der nebenstehenden Tabelle.

Tipp:
Der Einfachheit und Sicherheit halber sollten Sie alle Datei- und Bildernamen nach folgendem Schema erstellen:
  • alles klein schreiben - z. B. index.htm
  • keine Leer- und Sonderzeichen verwenden - z. B. foto_1.htm
  • bei um die 8 Buchstaben bleiben - z. B. urlaubsf.htm
  • wiedererkennbare Dateinamen verwenden - z. B. familie1.htm
Namen wie bild1.jpg oder seite1.htm sagen Ihnen in 2 Monaten, wenn Sie sie überarbeiten wollen, gar nichts mehr.

Ebenfalls sinnvoll bei größeren Webauftritten sind das Anlegen mehrer Ordner, die ebenfalls nach obigem Muster benannt werden müssen - z. B. Bilderordner (bilder), Ordner für Logos (logos), usw. Die HTML-Dateien sollten dabei im Hauptverzeichnis bleiben.

Achtung: ein Bild vom Bilderordner (Pfad angeben nicht vergessen) einzufügen würde dann so aussehen: <img src="bilder/ich.jpg" width="415" height="571" border="0" alt="">

Um Bilder ordentlich auf einer Seite plazieren zu können, aber auch um Texte untereinander in einer Spalte schreiben zu können, brauchen Sie Tabellen. Dies ist für Anfänger nicht ganz einfach, aber wenn Sie sich schon ein wenig mit HTML vertraut gemacht haben, können Sie sich hier einige Tipps zu Tabellen anschauen.

Um Ihren Besuchern den Überblick zu erleichtern, sollte, möglichst immer an der gleichen Stelle, auf jeder Seite ein Link zurück zur Index-Seite stehen, sowie ein Link, um Ihnen eine Mail zu schreiben.

Wie kommen nun Ihre Seiten ins Internet? Dazu benötigen Sie ein ftp-Programm, das Sie auf jeder halbwegs vernünftigen Downloadseite für Freeware finden. Passenden freien Speicherplatz finden Sie wenn Sie mal unter www.kostenlos.de nachsehen. Allerdings wird das Angebot immer beschränkter und es ist kaum noch etwas mit ftp-Zugang zu bekomen. Zur Zeit (August 2005) bietet jedoch www.arcor.de noch kostenlosen Webspace für rein private Homepages an. Und das sogar ohne Werbung!





Material zum Thema HTML:

Bücher gibt es in Unmengen. Da möchte ich lieber keine Empfehlung geben, zumal Sie auch alles im Netz finden können. Als Einstieg empfehle ich einen Wochenendkursus in der Volkshochschule. Danach wissen Sie, wo Sie was suchen können. Kleiner Tipp für kostengünstige Computerbücher: der Knowware Verlag mit Anleitungsheften um die 4 Euro und der Herdt-Verlag mit Anleitungsbüchern um 14 Euro plus kostenlosen Übungsaufgaben.





Software zum Thema HTML:

Für Anfänger/innen, die einfach nur "drin" sein wollen:
Mit Word oder einem anderen einfachen Programm können Sie bereits HTML-Seiten erstellen, ohne dass Sie Ahnung von HTML haben müssen. Diese Seiten sind aber recht laienhaft und werden Sie auf Dauer nicht befriedigen.

Für Anfänger/innen, denen egal ist, wieviel Speicherplatz die Seiten brauchen:
Internetseiten-Erstellungsprogramme gibt es zuhauf. Am Bekanntesten sind wohl Frontpage und Net-Object-Fusion. Aber Vorsicht: bei vielen dieser Programme werden unnötig viele Befehle in den HTML-Text gepackt und damit wird die Datei aufgeplustert. Auch lassen sich für Anfänger nicht alle Dinge verwirklichen. Wer aber ohne HTML-Kenntnisse schnell mal ein paar Seiten machen möchte, ist damit sicher gut bedient.

Für Anfänger/innen und Profis, die das zeigen wollen, was sie sich vorstellen:
Im Prinzip reicht ein Text-Editor wie Word Pad aus, um HTML-Seiten zu erstellen, aber echte HTML-Editoren nehmen Ihnen eine Menge Tipparbeit ab und stellen die HTML-Befehle sehr ordentlich und mehrfarbig da. Sie verlangen aber Kenntnisse der Programmiersprache HTML (die gar nicht so schwer ist :-)). Ich benutze den Editor "phase5", den es wie viele andere kostenlos im Netz gibt. Zur Prüfung, ob meine Seiten ok sind, nehme ich ab und zu "1st Page" (auch kostenlos im Netz erhältlich: siehe unten) - Vorsicht: dieser Editor verändert Javascripts bei der Überprüfung, so dass sie hinterher nicht mehr laufen.

Zusätzlich für alle sinnvoll:
Für die Gestaltung von Internetseiten braucht man auch noch ein paar Hilfsprogramme, z. B. Paintshop Pro (kostenlose zeitliche begrenzte Version Paint Shop Pro 5.0 oder Paint Shop Pro 8) für die Bearbeitung von Bildern (nur jpg und gif Formate sind für das Internet sinnvoll). Zur Herstellung von Image-Maps könnte man "mapthis" nehmen. Weiterhin sind Miniprogramme sinnvoll, mit denen man Hintergründe und Buttons herstellen kann.

Und wer schon alles hat, kann auch noch ein paar unnütze :-)) Java-Spielereien einbauen:
Wenn Sie ein Javascript verwenden wollen, können Sie sich dieses aus dem Internet herauskopieren. Eine Möglichkeit wäre z. B. meine Linksammlung.
Bei diesen Scripts steht auch immer eine genaue Anleitung dabei, welcher Teil im Head und welcher Teil im Body eingebaut werden muss. Anders als bei HTML sollten Sie bei den Scripts aber nicht sehr viel auf eigene Faust verändern, wenn Sie keine Ahnung davon haben, da ein Semikolon mehr oder weniger zum Beispiel das Ganze zum Scheitern verurteilt.
Auch auf der Index-Seite sollte man nicht zu viele oder besser gar keine Scripts einbauen, da die Ladezeiten bei langsamen Modems doch recht lang sind und manche Leute diese Funktion sowieso ausschalten.
Es bleibt also besser eine Spielerei zum Aufpeppen der Seiten. Viel Spaß nun bei meiner Beispielseite von Javaspielereien. (Alle gezeigten Spielereien sind kostenlos überall im Internet zu bekommen (siehe auch meine Linksammlung) und für diejenigen, die keine Ahnung von Java haben - so wie ich - ist das ein einfacher Weg, um trotzdem ein paar Spielereien einzubauen.


Zurück zur ersten Seite Zurück zum Inhaltsverzeichnis Zum Übersichtsplan/to Sitemap