der Homepage können Sie ganz ohne HTML-Kenntnisse nur mit WYSIWYG-Editoren realisieren. Unter der großen Auswahl an Programmen bieten Dreamweaver von Macromedia und FrontPage von Microsoft ein gutes Preis-/Leistungsverhältnis, auch aktuelle Office-Programme wie Microsoft Word und (das kostenlose) OpenOffice können Dateien im HTML-Format speichern.
Letztendlich erzielen Sie aber nur das von Ihnen gewünschte Ergebnis, wenn Sie HTML beherrschen und selbst an den Quellcode Hand anlegen. Puristen verwenden daher einen normalen Texteditor, wie Proton (http://www.meybohm.de), mit dem sich u.a. mehrere Dateien gleichzeitig öffnen lassen. Mehr Komfort bieten einfache HTML-Editoren wie z.B. PHASE 5 (http://www.qhaut.de), bei denen man die volle Kontrolle über den Quelltext behält.
Eine HTML-Datei ist eine einfache Text-Datei und kann dementsprechend mit jedem einfachen Texteditor (auch mit den mit Windows mitgliefertem Notepad bzw. Editor) erstellt und bearbeitet werden. Um einen Text mit Bildern etc. auch entsprechend präsentieren zu können, sind der Dateiaufbau und entsprechende Befehle (sogenannte Tags) definiert. Diese Befehle sind in eckige Klammern eingefasst "<>", jeder Tag muß auch wieder abgeschlossen werden "</>".
Beispiel: <b>fetter Text</b>
Auch die HTML-Datei hat gewisse Regeln: <html>
<head>
Hier können spezielle Anweisungen z.B. über den Autor (sogen. Meta-Tags) oder Java-Script-Elemente stehen
<title>Hier steht der SeitenTitel</title>
</head>
<body>
Hier ist dann der eigentliche Inhalt der HTML-Seite
</body>
</html> Soweit der Aufbau einer HTML-Seite, hier sieht man auch das jeder Tag auch wieder geschlossen wird, sie aber durchaus verschachtelt werden können. Es gibt sehr viele HTML-Tags, alle aufzuführen oder gar zu erklären würde den Rahmen sprengen.
Eine sehr gute und sehr ausführliche Beschreibung und weiterführende Lektüre zu HTML ist das "Standardwerk" SELFHTML von Stefan Münz, das man online unter http://de.selfhtml.org lesen (auch komplett zum herunterladen) und als Buch kaufen kann. Als kleiner Hinweis: HTML-Seiten (Design, Text und Bilder) unterliegen selbstverständlich dem "Copyright", gerade wenn man Bilder oder Java-Scripts von anderen Seiten übernehmen will sollte man auf jeden Fall beim Autor nachfragen (gerade bei Seiten innerhalb des keh.net fällt sowas auf :-)). Hier aber nun ein paar wichtige HTML-Befehle: <h[1-6]> leitet eine Überschrift ein. Die Nummer steht für die Überschriftenebene. 1 ist die höchste Ebene, 6 die niedrigste. Dahinter folgt der Text der Überschrift. </h[1-6]> beendet die Überschrift und steht am Ende des Überschriftentextes.Die Nummern bei einleitendem und abschließendem Tag müssen gleich sein. <font size=...> bestimmt die Schriftgröße. Sie können den Wert absolut in Zahlen zwischen 1 und 7 angeben, oder relativ im Verhältnis zur Normalschriftgröße mit +(Zahl) bzw. -(Zahl). Die Normalschriftgröße ist 3. Mit </font> beenden Sie den Abschnitt mit anderer Schriftgröße. <font face=...> bestimmt die Schriftart. Dahinter folgt, in Anführungszeichen, die Angabe einer oder mehrerer Schriftarten. Mit </font> beenden Sie den Abschnitt mit anderer Schriftfarbe. <font color=...> bestimmt die Schriftfarbe. Sie können den Wert in Hexadezimalschreibweise oder als Farbnamen angeben. Mit </font> beenden Sie den Abschnitt mit anderer Schriftfarbe. Die Font-Zusatzangaben sind im gleichen Einleitungs-Tag kombinierbar.
z.B. <font face="Verdana,Arial,Helvetica" size="2"> Absätze dienen der optischen Gliederung eines Textes. Beim Erstellen von HTML-Dateien genügt es nicht, im Editor einen harten Umbruch einzufügen. WWW-Browser ignorieren solche Umbrüche. Browser fügen nur dann Umbrüche bei der Textpräsentation ein, wenn sie auf einen entsprechenden HTML-Befehl stoßen. <br> fügt an der gewünschten Stelle einen Zeilenumbruch ein. <p>....</p> fügt einen Absatz ein. <b>....</b> bewirkt fett formatierten Text.
<i>....</i> bewirkt kursiv formatierten Text.
<u>....</u> bewirkt unterstrichenen Text.
<strike>....</strike> bewirkt durchgestrichenen Text.
<hr> fügt eine Trennlinie ein. Grafik anzeigen: <img src="bild.gif"> Hinter dem Istgleichzeichen geben Sie den Namen der Grafikdatei an, auf die verwiesen wird (z.B. "bild.gif"). Der Dateiname muß in Anführungszeichen stehen. und das wichtigste im WWW:
Der Link (oder auch Verweis genannt)
<a href="datei.htm"> Hinter dem Istgleichzeichen geben Sie das Verweisziel an. Das Verweisziel muß in Anführungszeichen stehen. Es folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Dahinter wird das abschließende Tag </a> notiert.
Beispiel: <a href="http://www.keh.net/index.htm">Homepage keh.net</a> oder <a href="support.htm">zurück</a> Dazu noch ein Hinweis: Schreiben und speichern Sie alle Dateien in Kleinbuchstaben. Unser Server läuft unter Linux und dort wird zwischen Groß- und Kleinschreibung unterschieden (Abc.htm und abc.htm sind nicht die gleichen Dateien!) Bild als Link:
<a href="datei.htm"><img src="bild.gif"></a>
Wenn kein Rand um das Bild erscheinen soll:
<a href="datei.htm"><img src="bild.gif" border="0"></a>
Nach Erstellung Ihrer Internet-Seiten müssen Sie diese von Ihrem lokalen PC auf den keh.net-Server, in Ihren persönlichen Speicherplatz, uploaden.
Dazu brauchen Sie ein FTP-Programm, z.B. WS-FTP.
Ausführliche Anleitung zum Homepage-Upload: http://www.keh.net/ak/technik/homepageupload.htm.
Dazu stehen Ihnen im keh.net 20 MB Speicherplatz zur Ablage Ihrer Seiten zur Verfügung, dies reicht bei weitem für eine durchschnittliche Homepage aus. CGI-Scripts sind aus Sicherheitsgründen nur nach vorherigen Kontrolle durch den Arbeitskreis Technik möglich.
Wir sind ein Verein, deswegen gehen wir selbstverständlich gerne auf individuelle Fragen und Probleme unserer Mitglieder ein und finden eine Lösung.
Grundsätzlich hat jedes Mitglied eine Standard-Adresse: www.keh.net/~abc0123 zur Verfügung. Der Name Ihrer Web-Präsenz sollte aber einprägsam und möglichst kurz sein, nur so erreichen Sie einen hohen Werbeeffekt. Im keh.net bieten wir deshalb zusätzlich für unsere Mitglieder 3 Möglichkeiten an:
|
Verzeichnisname einmalig 5 Euro (Privat) kostenlos (Org. u. Firmen) www.keh.net/wunschname Antrag |
Subdomain einmalig 10 Euro wunschname.keh.net Antrag |
Domainname jährlich 20 Euro www.wunschname.de Antrag |
Ihre Internet-Seite soll Ihnen einen möglichst großen Besucherschwung sichern. Schicken Sie deshalb zuallererst eine E-Mail an Ihr WebTeam, wir tragen Ihre Homepage dann in unsere Verzeichnisse ein und weisen im nächsten Newsletter darauf hin. Gerade das keh.net bietet als regionale Plattform eine gute Werbemöglichkeit.
Ist Ihre Website auch überregional interessant, dann sollten Sie Ihre Seiten auch in den nationalen und eventuell auch in den internationalen Suchmaschinen anmelden.
Ihres Internetauftritts läßt sich natürlich in den Besucherzahlen ablesen. Als Hilfe für Sie stellt Ihnen das keh.net dafür einen Counter zum Einbauen (http://www.keh.net/ak/technik/counter.htm) in die Homepage zur Verfügung.
Wer es professioneller haben möchte, dem bieten wir für einen Beitrag von jährlich 5 Euro eine Seitenstatistik an, bestens zur Erfolgskontrolle geeignet. Statistik beantragen.
Für alle Fragen können Sie sich gerne an Ihr WebTeam wenden, wir werden versuchen Ihnen unkompliziert und schnell zu helfen.
Sollten Sie keine Lust oder Zeit haben Ihre Internet-Präsenz selbst zu erstellen, helfen wir Ihnen auch gerne dies zu realisieren. Ihr WebTeam + Technik-Team
| "Sie geben; Sie erhalten etwas. Sie geben nichts; Sie erhalten nichts." Harvey Mackay (aus D. Siegel: Web Site Design) |