On-line / Off-line Homepage Anleitung

Eine HTML Anleitung f�r die, die den GeoCities Advanced Editor benutzen, oder um Seiten Offline zu erstellen
(Um Offline zu arbeiten, nimm Notepad, Wordpad, andere Textprogramme, oder sogar den Editor von Netscape)

Diese Anleitung wird nur die folgenden Tags behandeln. ( Ein Tag formatiert Text und Seiten )

, ,, ,

,

,
,,,,

: name, href
Diese geh�ren zum Bild Tag : src

An den Seitenanfang

1) Deine Seite anfangen und abschlie�en
In diesem Abschnitt geht es um: ,

So, la�t uns anfangen, nicht wahr?

Du f�ngst mit dem TAG an der Deinem Browser sagt, da� er jetzt ein HTML Dokument lie�t;

Jede Seite mu� einen Kopf haben;

und einen Titel in diesem Kopf. (Das gibt der Seite einen bedeutungsvollen Namen, wenn man sie in die Lesezeichen aufnimmt. ).

(Das schlie�t den Titelabschnitt ab.)
Dann ist der Seitenkopf zuende.

Der n�chste Schritt ist es, mit dem Body dem Hauptteil der Seite anzufangen.

Du hast die Teile der Seite ge�ffnet die Deinem Browser erz�hlen was erscheinben soll. Das Ger�st schlie�t Du mit den folgenden Tags ab:

So, um mit Deiner ersten Seite anzufangen kopier den unten genannten Code und und f�ge ihn in Deinem Editor ein. Dann gib Deinen Seitentitel an.

Nun kannst Du die Seite mit einer HTML Adresse abspeichern (sie ist unterschiedlich zum Seitentitel).
Wenn das Deine zweite Seite ist, hei�t der Titel vielleicht Meine Elefanten, und die HTML Adresse k�nnte elefant.html oder sogar elefant.htm sein, ABER, wenn es Deine erste Seite ist, dann speichere sie unter index.html ab.

WICHTIG: Die Nutzer von Win 3.1 m�ssen die Seite umbenennen, wenn sie sie zum Geocities Server schicken. Und die Links zur�ck zu index.html sollen dann auch auf dem Geocities Server klappen. Nehmt die htm Erweiterung f�r alle anderen Seiten.
Alternativ, mache Deine Eingangsseite mit dem Geocities Editor, nenn sie index.html, und verlinke sie zu der Seite, die Du zu Deiner wirklichen ersten Seite machen willst. Diese kannst Du dann nennen, wie Du willst und Du brauchst nicht zu index.html zur�ck zu verlinken!

Der Rest Dieser Anleitung behandelt die Themen die Du innerhalb des

Zum Seiten Anfang

2) Hintergrundfarbe
In diesem Abschnitt wird alles in den

Der Code zum �ndern der Hintergrundfarbe ist bgcolor, und wird im

Kopiere einfach das unten, f�g es in den

Sobald Du das gemacht hast, speicher Deine Seite und sieh sie dir mit dem Browser an. Wenn Du die Hintergrundfarbe nicht magst, geh wieder in den Editor und �ndere sie.
Falls Du das Online verfolgst �ffne im Datei Men� ein zweites Browser Fenster, gib die Adresse Deiner Seite an und dr�cke Enter.

Zum Seitenanfang

3) Deinen ersten Text eingeben
In diesem Abschnitt werden diese Tags behandelt:

,

So, hast Du tats�chlich was zu sagen?
Nat�rlich hat das jeder, aber bevor Du fr�hlich Deine Autobiographie eintippst lies erst mal weiter.

Als erstes mu�t Du Deinen Absatz anfangen. Um das zu machen tippe

, das bedeutet ....fange Absatz an. Dann kannst Du Deine ersten Worte schreiben. Schlie�lich beende den Absatz mit

La�t uns mal Deine erste Seite so machen.

Hey, schaut mal alle, das sind meine ersten W�rter im WWW

Nun, sieh mal wie die Zeile einfach aufh�rt, und sofort darunter eine Neue beginnt, und bei anderen gibt es eine gro�e L�cke? Das wird mit dem Zeilenumbruchsbefehl
, innerhalb eines Absatzes gemacht. Der Textblock oben zeigt dies gut an.

Hey, schaut mal alle,
das sind meine ersten W�rter im WWW

Nun gut, gib Deinen Text ein, sicher ihn ab, wechsele in Deinen Browser (dein 2 ^tes Browser Window falls Du online bist), und klicke auf Refresh um es anzusehen.

Zum Seitenanfang

4) Den Text einstellen Colour
In diesem Abschnitt wird alles in den

Wenn ich den Hintergrund Schwarz habe, dann w�rde sicherlich kaum einer lesen k�nne was ich denn geschrieben habe , falls ich nicht meine Textfarbe �ndere. Wenn Du Deine Hintergrundfarbe ziemlich dunkel eingestellt hast, dann mu� Dich dieser Abschnitt wirklich interessieren.
Wenn Du willst das aller Standardtext in der Komplement�rfarbe zu Deinem Hintergrund erscheint, mu�t Du das folgende dem

text="DeineHintergrundFarbe" - Genug gesagt. Du kannst dir eine farbe ausd der obigen Liste aussuchen.

Dein Body Tag w�rde jetzt etwa so aussehen.
DeineHintergrundFarbe" text="DeineTextFarbe">

Das war kurz und b�ndig, nicht wahr? Dann mal weiter zum n�chsten Abschnitt und sieh ob es noch k�rzer ist.

�Zum Seitenanfang

5) Kursiver und Fetter Text
Dieses wird hier gezeigt: ,

und Wenn der Text davon umschlossen ist, bekommst Du Fetttext

und Wenn der Text davon umschlossen ist, bekommst Du Kursivtext

Noch einmal, Du mu�t die Reihenfolge einhalten um zu verhindern das normaler Text als entweder fett oder kursiv erscheint.�
Versuch es mal auf Deiner Textseite, leg Deine Worte oder Deine Worte , oder sogar Deine Worte in Deinen Seitencode, und beobachte den Effekt.

Ja, es ist etwas k�rzer als der letzte Abschnitt!

Zum Seitenanfang

6) �berschriften Gr��e
Dieses wird hier eingef�hrt: wobei # eine Zahl zwischen 1 und 6 ist.
Dieser Abschnitt wird nicht den Standardtext �ndern. Um zu verstehen wie das geht, sieh dir die Auswahl von Links auf der RainForest Help page an.

Um die �berschriftsgr��e zu ver�ndern, kannst Du die Tags benutzen, die f�r �berschriften entwickelt worden sind. Wenn Du ein �berschriftenformat anwendest, vergi� nicht es zu schlie�en.

Deine �berschrift

Deine �berschrift

Deine �berschrift

Deine �berschrift

Deine �berschrift

Deine �berschrift

So, nun siehst Du die Gr��en der �berschriften, geh zu der Zeile die Du als Seiten�berschrift haben willst und �ndere das

in die erforderliche �berschriftengr��e und ersetze

Zum Seitenanfang

7) Deine Links erstellen
Dieser Abschnitt zeigt die folgenden Tags und Tag Einschl�sse: ,name, href

Bis jetzt hast Du die Links auf dieser Seite schon einige Male benutzt und willst das jetzt auch Deine Seite ein bi�chen umherspringt.
Grunds�tzlich gibt es zwei wesentliche Teile die hier vorgestellt werden:
1) Anklickbare Objekte
2) Objekte die als Sprungziele dienen

Und dann mal los:

Links innerhalb einer Seite
Um anzufangen, Schau dir das mal an:
Deinen Link erstellen
sieht aus wie: Deinen Link erstellen
Dieser Abschnitt betrifft den ersten Punt.
Das �ffnet den Link (a steht f�r anchor=Anker), und das schlie�t den Link ab.
Das href="#gothere"> ist die Sprungadresse, das # sagt dem Browser, das er auf der Seite bleiben soll, und zum Sprungziel "gothere" scrollen mu�.
Deine Links erstellen ist, wie Du siehst, ein Text.

name="gothere">Deinen Link erstellen
name="gothere" benennt das Sprungziel gothere. Bemerke es gibt hier kein # Zeichen. Das # wird nur f�r den Link benutzt und nicht f�r das Sprungziel. Du kannst das Ziel mit jedem Namen belegen aber Du mu�t auch den Link daf�r setzen.
Deine Links erstellen -Das ist der Eigenname des Links, und ist wo Du Dich befindest wenn Du auf den Link klickst.
Ich k�nnte auch nur den ersten Teil als Ziel benutzen k�nnen und es h�tte genauso funktioniert aber ich m��te dann den Rest meines Textes nach dem stellen, so wie dies;
Deine Links erstellen.

Links innerhalb Deiner Seiten (Weg von der ersten Seite)
Das kann auch ein wenig haarig werden, weil es zwei M�glichkeiten gibt.
Erstens Du willst einfach zu einer anderen Seite verlinken oder
zweitens, an eine bestimmte Stelle einer anderen Seite.

Der Code Anfang w�rde Dich zur Anfangsseite bringen, und "Anfang " w�re der klickbare Text.
Der Unterschied zwischen diesem Link und dem obigen Typ ist die direkte Adressierung der html Seite (index.html). Ziemlich einfach, nach alledem oben, oder?

Nun die Erweiterung der Idee ist es an ein Sprungziel auf einer anderen Seite zu gelangen. Unten findest Du den Code der Dich auf eine andere Seite zu "search" Ziel auf einer anderen Seite verbindet.

Anfang

index.html ist vielleicht die erste Seite, w�hrend # den Browser veranla�t nach der Sprungadresse auf der Seite mit dem Namen search zu suchen.
So, wenn jetzt eine Deiner Seiten sich auf ein Objekt in der Mitte einer anderen Seite bezieht, benenne das Sprungziel an dem Punkt wo die Besucher landen sollen, und setze den Link auf der ersten Seite auf dieses Ziel.

Links zu Seiten von jemand anders
Nach alledem was oben schon geschehen ist, ist das ziemlich leicht.
Wenn wir den Code Anfang nehmen,
und ersetzen "index.html" durch "http://....der Rest der Adresse wo Du hinwillst" und den Text "Anfang" mit "Geh zur Seite von meinem Freund", erh�lst Du einen Link der zur Seite Deines Freundes springst, wenn Du auf "Geh zur Seite von meinem Freund" klickst.
Geh zur Seite von meinem Freund

Zum Seitenanfang

8) Deine Link Farben einstellen
In diesem Abschnitt werden die folgenden Punkte in den body Tag eingef�gt: link, vlink, alink

Ok. Die Links werden im Body Tag eingestellt, genau wie die meisten gr��eren Seiteneinstellungen.

LINK= "DeineFarbe" definiert die Farbe der unbesuchten Links
VLINK= "DeineFarbe" definiert die Farbe der besuchten Links, so sagt es Dir wo Du schon gewesen bist. .
ALINK= "DeineFarbe" definiert die Farbe der aktiven Links

So Jungs und M�dels, kopiert, f�gt ein und nehmt eure Farben. .

link="LinkColour" vlink="VLinkColour" alink="ALinkColour"

Aber, falls die Farben dem Hintergrund zu �hnlich sind, so auch der Text, wird es praktisch unm�glich etwas zu erkennnen und es das Anschauen dieser Seite wird eher �rgerlich.

Zum Seitenanfang

9) Ein Bild auf Deiner Seite
Dieser Abschnitt versetzt dich in die Lage ein Bild auf Deiner Seite abzulegen. Dabei benutzt man den folgenden Tag und Tag Zusatz: , src

Ok. Hier ist der Code der das Bild auf diese Seite legt.

Bitte erkl�ren! Gut, ich versuchs.
Das img sagt dem Browser, da� er ein Bild laden und es anzeigen soll. Dies ist der Image Tag .
Das src="sample.gif" sagt dem Browser, da� die Bildquelle der Dateiname "sample.gif" ist.

Um das Bild auf Deine Seite zu laden, m�ssen der Dateiname und und der Code f�r src="..." exakt �bereinstimmen. - sample.gif ist anders als SaMpLe.gif

Falls Du dieses Icon "" anstelle Deines Bildes siehst, pr�fe erstmal ob Du das Bild �berhaupt schon zu Geocities transferiert hast.
Wenn das so ist, vergleiche den Dateinamen in Deinem Verzeichnis mit dem in dem HTML Code (Sie m�ssen identisch sein.). Falls es da keine Fehler gibt, dann transferiere das Bild noch einmal. . Manchmal macht es die Upload Seite nicht so, wie sie sollte.

Nun, um Dein schmeichelhaftestes Pa�bild abzulegen, w�rde das so aussehen: . Ja, das ist's.

Links von Bildern

Ok. Das Bild links k�nnte als Link zu einer anderen Seite gesetzt sein und wird durch statt eines Textes benutzt.

Wenn Du ein K�nstler bist, und die richtige Software hast, kannst Du eine Serie von "Kn�pfen " erstellen, und Deine Besucher wo auch immer hin verlinken.

Mit Bildern kannst Du noch mehr machen, und dazu gibt es viele Ressourcen, die auf RainForest help page aufgelistet sind.

Zum Seitenanfang

10) Ein Bild als Hintergrund
Nun kannst Du dieses in Deinen Body Tag einf�gen: BACKGROUND

Ein Bild, anstelle einer gleichm��igen Farbe, als Hintergrund zu benutzen, kann Deiner Seite W�rze geben. Das wird durch einen Eintrag im

" background="DeinHintergrundbild" link="LinkColour" vlink="VLinkColour" alink="ALinkColour">

Zum Seitenanfang

11) Deine E-Mail Adresse
Ok. erstens steht unten der Code f�r eine Geocities Mailadresse.
[email protected]
und es erscheint so:
[email protected] Aber so wie bei allen Links k�nnte man jeden Text benutzen -Schreib mir - Kommentare. Auch k�nntest Du ein Bild, wie oben erkl�rt, mit dem Tag

Du brauchst nur den Code kopieren,

DeinMailTextoderBild

Na alles klar, ein weiterer kurzer Abschnitt. Bist Du nicht froh dar�ber? Gut, Du bist fast fertig.

Zum Seitenanfang

12) Der GeoCities Link
Schlie�lich, um die Richtlinien unseres Gastgebers zu erf�llen, must Du den folgenden Code einsetzen. Kopiere ihn einfach und setze ihn vorzugsweise unten auf die Seite vor dem Tag

This page hosted by

Get your own Free Home Page

Zum Seitenanfang

Nun bist Du durch.Whooo-iiiii

Aber warte, geh auf Deine Seite,

SPEICHERN
und sieh sie Dir an, probiere die Links aus, treibe Deine Festplatte oder Internet Verbindung in den Wahnsinn, w�hrend Du durch Deine Seiten flitzt, um zu pr�fen ob auch alles funktioniert. Das ist wichtig, denn wenn es schon bei dir nicht klappt, wie soll es denn dann f�r andere gehen.

W�hrend Du Deine Handarbeit bewunderst, denke mal an uns, falls es Dir was n�tzte oder nicht. Bitte f�lle dieses Online Formular aus. Wir w�rden gerne wissen wie hilfreich die Anleitung f�r Dich gewesen ist.

Mit dieser Anleitung und den Resourcen, die auf RainForest help page aufgelistet sind, solltest Du in der Lage sein weiterzufliegen.
Falls Du irgendwas auf dieser Seite nicht verstehst, geh zu dieser Seite, und f�lle unser Formular aus, vergewisser Dich, das Deine e-mail auch angegeben ist.
Wenn Du ein Problem mit der einen oder anderen Hilfeseite hast, schick ihnen eine Mail an. .

Diese Seite wurde f�r Dich als Anf�nger oder noch Unsicheren erstellt, und Du kannst Gratis diesen Online Offline Kurs f�r die Webseitenerstellung benutzen.