Wie erstelle ich eine Homepage
Hilfe
zur Erstellung einer Web-Page bzw. eines HTML-Dokuments
Eine Homepage ist ein Dokument, welches aus einer oder mehreren Dateien
besteht, und welches im sogenannten "HTML"-Format vorliegt. Das HTML-Format
('HyperText Markup Language') ist ein Format, welches von allen Rechnern
gelesen werden kann, die an das Internet angeschlossen sind (egal welcher
Rechnertyp, egal welches Betriebssystem, egal welche Sprache). Um eine
Homepage zu erstellen, müssen wir also zuerst so ein HTML-Dokument
schreiben und es dann publizieren, d.h. dieses Dokument dem Internet oder
'der Welt' verfügbar machen.
Werkzeuge
Es gibt mehrere Programme, mit welchen ich eine
Homepage erstellen kann.
Für Windows Xp gibt es allerlei Programme
für Einsteiger an:
- Gute, professionelle Homepage-Erstellungsprogramme
('HTML-Editoren'): z.Zt. ist wohl HotMetal das
beste, ganz gut (und wohl mit hervorragenden Zukunftsaussichten) ist auch
Microsoft Frontpage. Dies sind wohl die Systeme der Wahl, wenn ich komplexere
Pages in Angriff nehmen will. Man kann aber auch mit Word eine einfache Page erstellen.
Erstellen der ersten Page
In Word im Menüpunkt Datei | Neu wählen,
die Karteikarte Web-Seiten anklicken, und dann den Web-Seiten-Assistenten
auwählen. Es werden mehrere Seitentypen als Vorlage angeboten. Die
vorliegende Seite wurde als 'Einfache Web-Seite' + visuelle Vorlage 'Elegant'
ausgewählt. Man bekommt dann eine Vorlage, in welcher man den Text
ersetzen kann durch eigenen Text.
Außerdem kann man sich zur Unterstützung
die Web-Symboleiste sich anzeigen lassen (Menüpunkt Ansicht | Symbolleisten,
dort Web anklicken, wenn nicht schon geschehen).
Als erstes mache ich mir eine einfach Page, in
welche ich irgend einen Text schreibe, und
in welche ich ein Link (genauer: 'Hyperlink')
einbette zu der Page, mit der ich normalerweise starte. Bei mir ist das
die Homepage der Uni Tübingen, ich brauche also ein Link zu 'http://www.uni-tuebingen.de/'.
Letzteres ist eine sogenannte 'URL' = Internetadresse = Ort, an
welchem ich ein bestimmtes Dokument finden kann. Dazu markiere ich das
vorgegebene Link der Vorlage, ganz unten die 'Verwandte Seite 1', und ersetze
den Text durch 'Homepage Uni-Tübingen'. Dann klicke ich auf den markierten
Text (also 'Homepage Uni-Tübingen') mit der rechten Maustaste, und
füge ein Hyperlink ein. Es erscheint eine Nachfrage nach einer URL:
dort gebe ich 'http://www.webmaster-town.de/' ein.
Diese Seite speichere ich als HTM oder HTML-Datei
auf meinem PC ab, z.B.: D:\PETER\INTERNET\1STPAGE.HTM
Benutzen / Anschauen der ersten Page
Ich ändere jetzt noch die Grundeinstellung meines
Browsers; bei Netscape 4 im Menüpunkt Edit | Preferences unter der
Category 'Navigator' gehe ich in das Feld Location der Homepage. Dort suche
ich nach Drücken des Browse-Button die Datei (im Beispiel also D:\PETER\INTERNET\1STPAGE.HTM).
Der Browser stellt vor diese Angabe noch den Hinweis 'file:////' um darauf
hinzuweisen, daß es sich um eine Datei auf einem normalen Laufwerk
handelt. Wenn ich jetzt das nächste Mal meinen Browser starte, zeigt
er mir als erstes meine lokale (d.h. auf meinem PC befindliche) Page, von
dort aus kann ich dann durch Klicken auf mein erstes Hyperlink (Uni-Tübingen)
mich ins Internet begeben.
Probiere es aus, speichere immer wieder in Word
die HTML-Datei, und schaue sie Dir dann mit Deinem Browser wieder an: dort mußt Du ein 'Reload' machen, um die Änderungen
mitzubekommen.
Verfeinerungen meiner Homepage
Achte auf den Titel
der Page: Im Menüpunkt Datei | Eigenschaften kann man den Titel ändern.
Gebe Dir Mühe beim Titel! Er ist das wichtigste Element: er wird als
Kürzel bei Darstellungen im Browser benützt, und in ihm suchen
die Internet-Suchprogramme ["Robots"] wie z.B. Alta Vista nach Stichworten,
um Deine Page einzusortieren. Ändere ihn und schau's Dir im Browser
an.
Weiterhin sind wichtig der erste Satz
in Deinem Text (der wird von Suchprogrammen zur Orientierung auch oft benutzt):
das sollte für Dich selbstverständlich sein, da der erste Satz
immer wichtig ist. Und schließlich die Überschriften: Es gibt
in HTML die Überschriften H1 bis H6
(in Word97 also nicht Überschrift 1-3 benutzen, sondern die ebenfalls
angebotenen Schriften H1 bis H6!). Suchprogramme suchen ihre Stichwörter
vor allem in den Überschriften.
An dieser Stelle etwas wichtiges zu HTML: der
Text sieht auf anderen Rechnersystemen nicht so aus, wie Du ihn erstellst.
HTML ist zur Zeit kein Standard für Layouts, sondern sie gibt nur
Strukturen vor wie z.B. die Überschriftenebene etc. Wie das ganze
dann dargestellt wird, ist Sache des Browsers, mit welchem Dein Leser sich
Dein Dokument anschaut. Wenn sich also z.B. Deine Überschrift H1 sich
als Times Roman 20 Punkte Schrift schwarz bei Dir darstellt, dann kann
sich diese Überschrift in einem anderen Browser durchaus als Courier
12 Punkte Schrift blau darstellen.
Es ist üblich, am Schluß anzugeben,
wer die Homepage erstellt hat, ergänzt durch das Datum der letzten
Änderung, z.B. also: Peter Pilz, 26.5.1998. Jetzt ist noch ganz geschickt,
wenn Deine Leser Dir automatisch eine email-Nachricht schicken können,
wenn sie auf Deinen Namen klicken. Um dies zu ermöglichen, markierst
Du den Namen, klickst die Markierung mit der rechten Maustaste an, gehst
auf Hyperlink, und im Feld Verknüpfung zu Datei oder URL gehst Du
auf den rechten Pfeil nach unten: dort wird unter anderem 'mailto:'
angeboten, das wählst Du, und ergänzt den Eintrag noch um Deine
email-Adresse. Ich probiere solche Sachen aus, indem ich mir selber eine
email schicke. Eine einfache mailing-liste kann man an dieser Stelle
einfügen, indem man mehrere email-Adressen jeweils durch Kommata getrennt
angibt: Beispiel
(bei welchem ich mir nur zum Testen selber zwei emails schicke).
Die URLs (also die Adressen 'http://webmaster-town.de...')
für meine Hyperlinks hole ich so: ich surfe mit meinem Browser zu
der Seite, auf welche ich verweisen will, und kopiere dort die Adresse
in die Windows-Zwischenablage. Eine zweite Möglichkeit ist, auf ein
Link mit der rechten Maustaste zu klicken, bei Netscape 4 erscheint dann
u.a. die Option 'Copy Link Location'.
Diese Adresse kann ich dann beim Hyperlinken wieder aus der Zwischenablage
holen (z.B. mit Shift-Einfg-Tastenkombination).
Wenn Du nicht alles auf eine Homepage schreiben
willst, sondern Teile auf weiteren Seiten anbieten willst, dann mußt
Du einfach weitere Dokumente erstellen, und in Deiner Homepage mittels
Hyperlinks auf die weiteren Dokumente verweisen (biete auf den weiteren
Seiten am besten auch einen Rücksprung auf Deine Homepage an. Dies
ist nur ein allererster Tip, wie man mit Hypertext vernetzte Dokumente
strukturieren kann). Es gibt dazu natürlich viel mehr Ideen, lese
Dich in fortgeschrittene Bücher ein, oder surfe zu Seiten, die Dir
detailliertere Informationen bieten. Dort lernst Du dann, wie einfach es
ist, Bilder, Töne oder Sprache oder Musik, Videos etc. in Deine Homepage
einzubinden.
Publizieren meiner Homepage
Ich habe bisher ja "nur" eine Homepage erstellt, die lokal auf meinem PC
liegt, die aber sonst niemand auf der Welt lesen kann (für meine privaten
Bedürfnisse reicht das vielleicht ja schon). Will ich sie aber im
Internet publizieren, brauche ich:
 Einen Anschluß an's
Internet (ich gehe davon aus, das hast Du, sonst könntest Du dies
hier nicht lesen).
einen Platz auf einem Web-Server.
Ein Web-Server ist ein Rechner (+ein Programm), welcher den ganzen Tag
läuft, und welcher Homepages der Welt zum Lesen zur Verfügung
hält.
Um Platz auf einem Web-Server zu bekommen: Für Mitglieder der Uni
Tübingen gibt es da mehrere Möglichkeiten, von welchen ich zwei
nennen will. Ich will als Beispiel jetzt zeigen, wie ich meine Homepage (das HTML-Dokument)
auf dem TISS publizieren kann. Ich mache das mit Netscape 4. Dazu gehe
ich in Netscape in den Netscape Composer (Menü-Punkt 'Communicator
| Page Composer'). Dort lade ich die zu publizierende Seite und schaue
sie mir noch einmal mit 'Preview' an (wie oben angemerkt, stellt jeder
Browser eine HTML-Page anders dar). Dann gehe ich auf den Publish-Button
(auch im File-Menü). Dort sollte der 'Page Title' und 'HTML-Filename'
schon eingetragen sein. Ich gebe jetzt in 'HTTP or FTP location to publish
to' ein:
Daten kommen vom Anbieter der Homepage
also ein 'ftp' mit Doppelpunkt und zwei Slashes '//', gefolgt von dem
Namen meines Web-Servers ('tiss.zdv.uni-tuebingen,de'), gefolgt von einem
Slash ('/'), gefolgt von einem Verzeichnisnamen bzw. -baum ('/webroot/bz/bzgp98/'),
welches mir der Administrator des Webservers eingerichtet hat. Ich gebe
bei User-Name den User-Namen ein, welchen mir der Administrator gegeben
hat, und verfahre ebenso mit dem Passwort. Wenn ich anklicke 'Save Password',
dann muss ich mir mein Passwort nicht merken und brauche beim nächsten
mal gar nix mehr einzustellen (nur noch Seite laden, publish-button, OK).
Nach Drücken von OK ist meine Seite im Internet als
Daten kommen vom Anbieter der Homepage
jedermann zugänglich (Tip: wenn man die erste Seite index.html
statt 1stpage.html nennt, finden die meisten Browser sie automatisch).
(Na ja, ich muß jetzt halt noch Werbung machen, damit die Leute
meine Seite auch finden, oder möglichst wichtige Seitenschreiber davon
überzeugen, ein Link auf meine Seite in ihre Seite zu übernehmen.
Von ganz alleine findet mich sonst kaum jemand. Es hilft allerdings gefunden
zu werden, gute Stichworte v.a. im Titel und in der ersten H1-Überschrift
zu haben, s.o.).
Noch ein Tip: es handelt sich bei den meisten Servern um Unix-Maschinen.
Dort muß man bei Dateinamen strikt auf Groß- und Kleinschreibung
achten!
Links zu Hilfen zur Homepageerstellung
Dies war bis jetzt nur ein kurzer Einstieg in die
Erstellung und das Publizieren einer Homepage. Weitere, fortgeschrittene
Hilfen und Links bis weit in die Tiefen von HTML findest Du z.B. bei:
WEITER auf www.Webmasteroase.de
|
