III. Los geht's!

Das Werkzeug ist (hoffentlich) besorgt, jetzt kanns richtig losgehen:
Konzept
Tips
Layout
Frames

Konzept

Du weißt bestimmt schon so ungefähr, wie Deine Homepage mal ausschauen soll. Vielleicht hast Du Dir ja auch schon ganz altmodisch 'nen Schmierzettel genommen und das grundlegende Konzept hingekritzelt. Falls nicht, tu's jetzt! Erst beim Aufschreiben fällt einem meistens ein, was man wirklich machen will und vermeidet das grenzenlose Chaos!
Jetzt kommt die Frage: Was kommt auf welche Seite oder reicht mir eine Hauptseite oder was....
Wer es sich jetzt mega-einfach machen will, nimmt nur eine Seite. Da paßt aber auch nicht sehr viel drauf (bitte keine konfusen 500-Meter-Seiten machen!!) und wird folglich für Deine Besucher nur in Grenzen interessant sein. In die Top-100 wird man mit sowas bestimmt nicht kommen :-).

Ein einfaches Beispiel, wie so ein Mini-Konzept jetzt ausschauen könnte:
· Inhaltsverzeichnis
· Ich privat
· Ich im Job
· Mein Hobby: Moosfrösche
· Meine besten Links

InhaltsverzeichnisSeitenanfang

Tips

Um den Überblick nicht zu verlieren, leg Dir am besten ein eigenes Verzeichnis auf Deiner Festplatte für das Homepage-Projekt an. In diesem Verzeichnis dann wieder Unterordner für Deine Homepage, einer für Hilfe-Dokumente über HTML, einer für Grafik-Sammlungen usw. Mit der Zeit wirst Du Dir mit Sicherheit 'ne ganze Menge an Zeugs zu dem Thema downloaden und das muß ja irgendwo hin (ich sprech' da aus Erfahrung...).

Mach Dir auch Gedanken über die Namen der einzelnen Seiten (und Grafiken), sonst heißen nachher alle test1.htm, test.gif usw. Und schreib' die Namen immer klein! DOS-Rechnern ist's egal, ob's groß oder klein ist, aber sobald Deine HP auf dem (UNIX-) Server ist, wird unterschieden. Wenn Du z.B. auf die Page hallo.htm mit Hallo.htm verweist, findet er sie nicht und Du wunderst Dich...

InhaltsverzeichnisSeitenanfang

Layout

Übers Layout hab ich mich ja schon ganz am Anfang ausgelassen, hier nochmal in Kürze: Bitte keine Schockfarbenkombinationen, die keiner mehr lesen kann. Auch ein wenig auf die Schriftgröße achten, Stilmittel sinvoll (und sparsam) einsetzen und alles ein wenig übersichtlich gestalten. Und daran denken, daß nicht jeder mit einer Bildschirmauflösung von 1280*1024 arbeitet <g>.
That's it! Der Rest bleibt Deiner Phantasie überlassen.

InhaltsverzeichnisSeitenanfang

Frames

Die Meinungen über Frames sind gespalten, manche wollen die Seiten lieber komplett auf'm Schirm haben, andere finden's mit Inhaltsverzeichnis am Rand besser. Also Frames oder nicht Frames - Das ist hier die Frage. Ich persönlich halte Frames für eine geniale Erfindung, solange man's nicht übertreibt und richtig einsetzt.

Für die, die Frames haben wollen, hier das Prinzip:
In der Hauptseite steht ganz oben drin, ob diese Page Frames hat und wie die ausschauen. Wenn der Browser Frames kennt, werden jetzt einzelne (eigene) Seiten in die verschiedenen Frames geladen und der Rest der Hauptseite ignoriert. Bei einem alten Browser, der keine Frames kennt, wird der Inhalt von der Hauptseite angezeigt.

Ein Beispiel: Links ein Inhaltsverzeichnis, rechts der Hauptframe. Dazu machst Du jetzt erstmal 3 Seiten: Die Hauptseite (z.B. index.htm), die die Frames steuert und den Inhalt für framelose ernthält, eine inhalt.htm mit dem Inhaltsverzeichnis und die welcome.htm, wo Du die Leute begrüßt.
Beim MS Frontpage ist ein Frames-Wizard dabei, der den ganzen Kram automatisch erledigt.
Oder Du startest jetzt Frame-It, stylst Deine Frame-Page und setzt die entsprechenden Seiten ein (Die Frame-Namen nicht vergessen!).

Für die Handwerker:
Es ist auch nicht schwierig, Frames per Hand zu machen. Dazu öffnest Du mit dem Texteditor die Hauptseite (index.htm) und trägst folgendes zusätzlich ein:

(Anmerkungen sind grün, was zusätzlich reinkommen muß ist blau)

<html>
<head>
<title>Meine Homepage</title>
</head> Bis hier ist's der normale HTML-Dokument-Kopf

<frameset cols="20%,80%">
Das bedeutet: 2 Frames, der linke hat 20%, der rechte 80% vom Bildschirm

<frame src="inhalt.htm" name="inhalt">
<frame src="welcome.htm" name="hauptframe">
Der erste (linke) Frame verweist auf das Dokument inhalt.htm, der zweite lädt das Dokument 
welcome.htm. Die Frames brauchen auch Namen, damit Du nachher angeben kannst, in welchen Frame 
was geladen werden soll.

<noframes>
Ab hier kommt das, was man bei einem Browser ohne Frames sieht und von Frame-Browsern ignoriert 
wird
<body>
.
.
.
</body>
Jetzt noch dem Frame-Browser sagen: Ab hier nicht mehr ignorieren
</noframes>
</frameset>
</html>

Ab hier wieder für alle:
So, jetzt hast Du auch noch eine Moosfrosch-Seite (frosch.htm) gemacht und setzt in der inhalt.htm einen Link darauf. Aber der (doofe) Browser lädt die frosch.htm jetzt im Inhalt-Frame, nicht im Hauptframe. Was ist passiert? Du musst noch angeben, in welchen Frame die Frosch-Seite geladen werden soll, sonst wird der Frame hergenommen, wo der Link drinsteht! Beim Frontpage gibst Du einfach unter Target Frame "hauptframe" an. Nicht-Frontpagler packen den Texteditor aus, öffnen die inhalt.htm und suchen den Link auf frosch.htm. Dann kommt zusätzlich dazu:
<a href="frosch.htm" target="hauptframe">

Das wars! Verwirrt? Alles halb so schlimm, probier's einfach mal aus!!!

Eine Bitte: Wenn Du Links auf Seiten außerhalb Deiner Homepage hast, dann gib bitte an, daß die nicht innerhalb Deiner Frames geladen werden sollen! Dazu gibt es den Standard-Frame "_top", d.h. kein Frame, sondern der ganze Bildschirm. Ein Beispiel:
<a href="http://home.pages.de/~azzoo" target="_top">

InhaltsverzeichnisSeitenanfang

WerkzeugInhaltsverzeichnisGrafik