Webdesign für Anfänger

Oder: Wie kann ich verdammt nochmal einen Artikel für diese schöne Homepage schreiben

Diese Homepage hier wird ja nun schon langsam mit Inhalt gefüllt. Doch wie es jedem aufgefallen sein dürfte, gibt es ziemlich wenige Autoren, die sich die Mühe machen, ein paar schöne Artikel beizusteuern. Nun stellt sich die Frage, wieso das so ist. Es wird ja wohl noch ein paar mehr Leute geben, die einen halbwegs ordentlichen Artikel schreiben können. Nach langen Nachdenken sind wir dann darauf gekommen, das diese potentiellen Autoren vielleicht nicht wissen, wie man einen Artikel im HTML-Format schreibt und den ins Internet hineinbekommt. Genau für diese Leute ist dieser Artikel hier gedacht. Hier wird kurz und knapp und hoffentlich verständlich das nötige Wissen zum Erstellen einer Webpage bereitgestellt. Nun genug mit dem Gelaber, los gehts!

Eine HTML-Datei ist erstmal eine Textdatei. Es werden also keine besonderen Programme benötigt, um eine zu erstellen. Dennoch kann es manchmal lästig werden, eine ganze Seite nur mit einem Texteditor zu schreiben. Deshalb ist es ratsam, noch einen Editor für Webseiten mitzubenutzen. Wenn ihr Netscape oder den Internet Explorer benutzt, bekommt ihr sogar kostenlos einen mitgeliefert. Ich beschreibe hier, wie man eine Webseite mit dem Netscape Composer und dem guten Windows Notepad erstellt, mit Frontpage Express von Microsoft oder jedem beliebigen Programm geht das aber auch. Also, startet mal euren Webeditor, legt eine neue Datei an und speichert sie. Öffnet die Datei in eurem Webedior als HTML-Quelle (bei Netscape Bearbeiten|HTML-Quelle, beim ersten Aufrufen wird ein Editor verlangt, wählt Notepad). Wenn dies nicht möglich ist (dann solltet ihr das Programm schleunigst entsorgen), öffnet die Datei manuell mit Notepad (Windows\Notepad.Exe). Was ihr dann zu sehen kriegt, sieht etwa so aus:

<html>
<head>
</head>
<body>
</body>
</html>

Das ist das Grundgerüst einer HTML-Datei. Wie ihr seht, stehen HTML-Befehle in diesen < > Klammern. Viele Befehle sind immer nur für einen Bereich gültig, ihr Gültigkeitsbereich fängt bei <Befehl> and und hört bei </Befehl> auf. Das html legt fest, dass in diesem Bereich HTML-Befehle stehen, also in der gesamten Datei. Im Kopfbereich (head) können einige globale Befehle eingetragen werden oder Varibalen definiert werden. Dies ist jetzt aber nicht so wichtig, viel interessanter ist der Bereich body. Alles was ihr da reinkrickelt, wird dann auf der Webseite zu sehen sein. Wie euch vielleicht schon aufgefallen ist, sieht die Seite hier, die ihr gerade lest, farblich etwas anders aus als eure neu erstellte Seite. Wenn ihr euch diese Seite hier mal als Quelltext anschaut, wird euch hoffentlich auffallen, das hinter dem Befehl BODY noch weitere Varibalen in den Klammern stehen. Diese solltet ihr auch in das oben abgebildete Grundgerüst eintragen, damit alle Artikel farblich gleich aussehen. So, das wäre auch schon alles, jetzt kann das Geschreibe losgehen.

Um Text zu schreiben, müsst ihr den Befehl benutzen. Alles zwischen und wird als Text dargestellt. Der Text in diesem Bereich, der auch Absatz genannt wird, wird automatisch umgebrochen. Wenn ihr dennoch manuell einen Absatz einfügen wollt, sowas soll ja die Übersichtlichkeit steigern, könnt ihr entweder ein in den Quellcode einfügen, was automatisch einen neuen Absatz erzeugt, oder mir eine Zeilenumbruch erzwingen. Ihr könnt den Text natürlich auch im Webeditor schreiben, dann müsst ihr euch nicht mit den HTML-Befehlen auseinandersetzen. Wenn ihr nun nach langem, produktiven Schreiben eure Webseite fertig habt und sie brav abgespeichert habt, wollt ihr sie natürlich auch dieser wunderbaren Homepage zur Verfügung stellen. Wie das geht, steht im folgendem Absatz.

Am einfachsten ladet ihr eure Seite auf unseren FTP-Server. Dazu benötigt ihr ein FTP-Programm, um euch mit dem Server zu verbinden. Als Host müsst ihr ftp.fortunecity.com angeben, der Username ist KranichIHP (auf Gross/Kleinschreibung achten!) und das Passwort lautet 12345. Falls nötig, müsst ihr noch den Port 21 angeben. Wenn ihr dann mit dem Server verbunden seit, erstellt ihr als erstes ein neues Verzeichnis. In dieses ladet ihr dann eure Webpage. Als nächstes müsst ihr euch die Datei Index.html aus dem Hauptverzeichnis herunterladen. In diese Datei fügt ihr dann einen Link auf eure Webseite ein. Dazu tragt ihr irgendwo im BODY-Bereich (ihr müsst die Datei als Quelltext editieren, nicht im Webeditor) folgendes ein:

<a href="./MeinVerzeichnis/MeinArtikel.html">Artikel von mir</a>

Für MeinVerzeichnis gebt ihr natürlich den Namen des Verzeichnisses ein, das ihr auf dem Server erstellt habt, und für MeinArtikel.html natürlich den Dateinamen eures Artikels. Anstelle von 'Artikel von mir könnt' ihr auch einen anderen beschreibenden Text schreiben. Vergesst auf keinen Fall auch anzugeben, wie man euch erreichen kann (eMail-Adresse usw.)! Vermerkt dies bitte im Artikel oder direkt unter dem Link zu eurer Datei!
Nachdem ihr alles eingetragen habt, müsst ihr die Datei nur noch speichern und wieder heraufladen! Ihr müsst die vorhandene Index.html auf dem Server mit der, in der ihr euren Link eingetragen habt, überschreiben! Wenn ihr das alles erledigt habt, könnt ihr euch unter KranichIHP anschauen, ob alles funktioniert hat.

Falls euch das alles zu kompliziert ist, könnt ihr euch natürlich auch per eMail mit dem Administrator dieser Homepage hier (Adresse auf der Hauptseite) in Verbindung setzen!