Kurse:HTML-Tutorial

Aus SELFHTML

Willkommen!

Herzlich willkommen beim Webseitenbasteln! Was muss man eigentlich können oder wissen, um nicht nur im Internet surfen zu können, sondern selbst irgendwas im Internet zu präsentieren, so dass man andere Menschen auf eine Adresse wie etwa www.example.com verweisen kann? Wenn Sie sich diese Frage gerade stellen, sind Sie hier vollkommen richtig.

Unsere Antwort auf die obige Frage ist: Als Grundlage sollten Sie "HTML" lernen. Und keine Sorge, diese vier Buchstaben dürfen Sie gerne deutsch aussprechen. Wofür diese Buchstaben im einzelnen stehen und warum, soll uns an dieser Stelle nicht weiter interessieren, aber wenn die Neugier Sie jetzt gepackt hat, dann erfahren Sie unter Doku:Grundlagen/Technologien: HTML Einzelheiten.

Uns genügt an dieser Stelle das Wissen, dass HTML eine Technologie ist, die für unser Vorhaben hervorragend geeignet ist.

Wir wollen hier nicht so tun, als gäbe es nur einen Weg zum Ziel, und auch HTML kann nicht alles, was Sie sich vielleicht wünschen. Das werden Sie auch im weiteren Verlauf dieses Kurses früher oder später merken. Lassen Sie sich davon aber bitte nicht irritieren, Sie sind trotzdem auf dem richtigen Weg. HTML wird nämlich durch weitere Technologien ergänzt, um all die Möglichkeiten zu liefern, die Sie aus dem Web gewohnt sind. An dieser Stelle wollen wir dieses Thema nicht weiter vertiefen, aber unter Doku:Grundlagen/Technologien finden Sie einen Überblick über verschiedene Technologien, auf die Sie früher oder später in irgendeiner Form treffen werden.

Was brauche ich, um loslegen zu können?

Zunächst: Sie brauchen keine Internetverbindung, um mit HTML Webseiten erstellen und testen zu können. Solche Webseiten bestehen nämlich, wie Sie feststellen werden, aus ganz normalen Dateien, die Sie einfach auf Ihrem Computer speichern können.

Um HTML-Dateien auf dem Bildschirm anzeigen zu können, benötigen Sie dann nur Ihren Browser, also das Programm, mit dem Sie gerade dieses Tutorial lesen.

Die HTML-Dateien, um die es im Folgenden hauptsächlich geht, sind reine Textdateien. Um diese Dateien bearbeiten zu können, reicht erstmal ein einfacher Texteditor, der bei Ihrem Betriebssystem bereits vorinstalliert ist: "Editor" oder "Notepad" unter Windows, "TextEdit" unter Mac OS X und "Kwrite" oder "Gedit" unter den meisten Linux-Distributionen.

Was soll in mein Webangebot eigentlich rein?

Es kann nicht schaden, sich vor dem Schreiben von Webseiten zunächst zu fragen, was man eigentlich im Internet für Inhalte präsentieren will. Gibt es irgendwelche Texte, Bilder, Filme, Tonaufnahmen..., die ich der Welt zeigen will? Und gibt es jemanden, der diese Dinge sehen und/oder hören will? Oder, um es moderner auszudrücken: Wer ist meine Zielgruppe? Denken Sie beispielsweise an eine Firma, die ihre Produkte/Dienstleistungen anpreist.

Selbstverständlich können Sie HTML auch dann lernen, wenn Sie noch nie über eine Zielgruppe nachgedacht haben. Wir wollten Ihnen den Gedanken nur schon einmal nahebringen. Details zu diesem Thema können Sie unter Doku:Grundlagen/Webprojekte/Webprojekte planen erfahren.

Oder Sie folgen unserem praktischen Beispiel, das uns durch diesen Kurs begleitet:

Website-Planung - die Schreinerei Meier

Um die Überlegungen zu verdeutlichen, die vor der Veröffentlichung einer Website stehen, begeben wir uns jetzt in die Werkstatt des Schreinermeisters Meier in Dingenskirchen. Herr Meier arbeitet in der Hauptsache als Möbelschreiner, daneben bietet er noch einen Reparaturdienst an - wenn beispielsweise an einer Tür ein Beschlag auszuwechseln oder ein Tisch abzubeizen sei. Er ist ein Mann mit Ambitionen und möchte gern auch über die Grenzen Dingenskirchens hinaus bekannt werden. Nachdem er schon gesehen hat, dass sein schärfster Konkurrent in seiner Werbung eine Internet-Adresse angibt, unter der man sich informieren kann, möchte er so etwas auch.

Zunächst macht er sich eine Liste dessen, was man im Internet so alles über ihn erfahren soll, und er schreibt Folgendes auf:

• Leistungen:
  • Möbel nach Ihren Wünschen
  • Küchenmöbel
  • Regale und Schrankwände
  • Badezimmermöbel
  • Haustüren
  • Gartenzäune
• Reparaturen
• Bilder!
• Preistabelle
• ...

Nun, das ist ein recht anspruchsvoller Plan. Wir ersparen uns jetzt mal den weiteren Überlegungsablauf und machen für Herrn Meier eine Zutatenliste:

Er braucht:

• Text, also Überschriften und Absätze
• Eine Liste
• Eine Tabelle
• Bilder
• ...

Letzte Warnung: Wollen Sie wirklich weitermachen?

Ob Sie nun eine Schreinerei besitzen, ein Softwareprojekt managen wollen, einem begrenzten Kreis von Personen (z.B. Ihren Freunden und Ihrer Familie, die z.B. ein Zugangspasswort brauchen) private Fotos zeigen wollen, Ihre Gedanken und Ihr tägliches Tun als öffentliches Tagebuch (Weblog; kurz auch: Blog) mit Kommentarmöglichkeit für beliebige Besucher ins Internet stellen wollen, ein Diskussionsforum betreiben wollen, Ihren Besuchern ein Gästebuch zur Verfügung stellen wollen oder - wie SELFHTML oder die Wikipedia - etwas mehr oder weniger klar Umrissenes auf Einzelseiten dokumentieren wollen:

Vieles ist möglich, und mit diesem Kurs lernen Sie die Grundlagen, um diese und andere Ideen umzusetzen. Wir sind zwar überzeugt davon, dass Sie das Wissen um diese Grundlagen nie bereuen werden, aber wir sind auch ehrlich genug, um Folgendes zuzugeben:

Es gibt auch einfachere Wege. Wenn Sie sich gänzlich auf die Inhalte Ihrer Website konzentrieren möchten und Ihnen dabei vorgefertigte Präsentationslösungen genügen, dann kommen Sie damit schneller zu besseren Ergebnissen.

So, haben wir Sie nun genug abgeschreckt? Nein? Dann fangen wir auf der nächsten Seite endlich mit unserer ersten HTML-Datei an!