# data[].attributes.attachment_link.title
HTML Einführung - HTML 1 ● Gehe auf SIMPLECLUB.DE/GO & werde #EinserSchüler

# data[].attributes.attachment_link.readable_text
In dieser ersten Lektion möchten wir Ihnen einen kurzen Überblick über die Werkzeuge geben, welche zum Erstellen Ihrer Homepage nötig sind.

Was braucht man?

Höchstwahrscheinlich haben Sie schon, was Sie brauchen.

Sie haben einen Browser. Ein Browser ist das Programm, mit dem man Internetseiten öffnen und ansehen kann. Gerade jetzt schauen Sie sich diese Seite in Ihrem Browser an.

Es ist nicht wichtig, welchen Browser sie benutzen. Der derzeit bekannteste ist sicherlich der Internet Explorer. Aber es gibt auch andere, wie z.B. Opera oder Mozilla Firefox und alle sind gleichermaßen für unsere Zwecke geeignet.

Sicherlich haben Sie schon einmal von Programmen wie Microsoft FrontPage, Macromedia Dreamweaver oder auch Microsoft Word gehört, bzw. auch schon damit gearbeitet. Diese Programme können Webseiten für Sie erstellen oder behaupten dies zumindest. Bitte vergessen Sie diese Programme für eine Weile. Sie sind überhaupt nicht hilfreich, wenn es darum geht, den Quelltext von Webseiten selbst zu erstellen.

Stattdessen brauchen Sie nur einen einfachen Texteditor. Wenn Sie Windows nutzen, arbeiten Sie einfach mit dem "Notepad", welches im Startmenü unter Programme → Zubehör zu finden ist. In neueren deutschen Windows-Versionen heißt Notepad einfach nur Editor.

Wenn Sie kein Windowsnutzer sind, können Sie einen vergleichbaren Texteditor benutzen, z.B. Pico unter Linux oder TextEdit auf dem Mac.

Notepad ist zwar ein sehr einfacher Texteditor, aber toll um HTML zu erlernen, da er "die Finger vom Geschriebenen läßt". Sie haben die volle Kontrolle über Ihren Quellcode.
Das Problem vieler Programme zum Erstellen von Webseiten ist, dass man nur aus mehreren Standardfunktionen wählen kann. Dies ist ein Nachteil, da alles in diese Vorgaben passen muss. Deswegen können diese Programme auch oft nicht die Seiten nach Ihren Wünschen erstellen. Oder - was meist noch ärgerlicher ist - sie nehmen Änderungen am von Ihnen handgeschriebenen Quelltext vor. Mit Notepad oder anderen Texteditoren, müssen Sie nur sich selbst für Erfolge oder Mißerfolge danken.

Ein Browser und Notepad (oder ein vergleichbarer Texteditor) sind alles was Sie benötigen um mit diesem Tutorial Ihre eigene Homepage zu erstellen.

Muss ich dafür online sein?

Sie müssen nicht mit dem Internet verbunden sein - weder beim lesen des Tutorials, noch beim Erstellen Ihrer Webseiten.

Wenn Sie beim lesen nicht online sein möchten, können Sie sich entweder die Seiten ausdrucken oder die Verbindung beim Lesen trennen. Ihre Webseite können Sie auf der Festplatte Ihres Computers entwickeln und diese nach Fertigstellung ins Internet hochladen.

Was kommt als nächstes?

In der nächsten Lektion können Sie zuerst noch einiges über HTML lesen, bevor es in Lektion 3 dann richtig losgeht.
<< Einführung Lektion 2: Was ist HTML? >>

# data[].attributes.attachment_link.description
In dieser ersten Lektion möchten wir Ihnen einen kurzen Überblick über die Werkzeuge geben, welche zum Erstellen Ihrer Homepage nötig sind. Höchstwahrscheinlich haben Sie schon, was Sie brauchen. Sie haben einen Browser. Ein Browser ist das Programm, mit dem man Internetseiten öffnen und ansehen kann.

# data[].attributes.attachment_link.readable_text
Und schon sind wir beim Bau der Internetseite. Harte HTML-Kenntnisse sind schon lange nicht mehr nötig, um die eigene Website zu gestalten. Niemand muss mehr die Bedeutung der "Tags" (also der HTML-Befehle) lernen, die zum Beispiel das Aussehen der Buchstaben und Texte bestimmen oder festlegen, welches Wort oder Bild verlinkt ist.

Längst gibt es Web-Editoren, mit denen sich Webseiten nahezu kinderleicht erstellen lassen. Dazu genügen bereits grundlegende Erfahrungen mit einem Textverarbeitungsprogramm wie WORD. Wer dennoch einen Einblick in die Grundzüge von HTML bekommen möchte, findet im Internet praktische Hilfen, zum Beispiel hier:

Wer ein paar Kenntnisse von HTML besitzt, der kann beispielsweise auch auf den praktischen "HTML Editor Phase 5" zurückgreifen. Er ist für Privatanwender und Schulen kostenlos und beherrscht viele HTML-Tags, die per Knopfdruck in Dokumente eingefügt werden können, sowie CSS und Javascript. Mit ihm können ebenfalls ganze Webauftritte verwaltet und bearbeitet werden.

# data[].attributes.attachment_link.description
Und schon sind wir beim Bau der Internetseite. Harte HTML-Kenntnisse sind schon lange nicht mehr nötig, um die eigene Website zu gestalten. Niemand muss mehr die Bedeutung der "Tags" (also der HTML-Befehle) lernen, die zum Beispiel das Aussehen der Buchstaben und Texte bestimmen oder festlegen, welches Wort oder Bild verlinkt ist.

# data[].attributes.body
Code: w1ente

# data[].attributes.attachment_link.readable_text
body {
  color: white;
  background-color: green;
  font-family: Lato, Arial;
  text-align: center;
}

p {
  font-size:14pt;
}

li {
  padding-bottom: 5px;
  text-align: left;
  font-size:10pt;
}

h1 {
  color: yellow;
}

h2 {
  padding-top: 50px;
}

