Obwohl wir Sie hier als Anfänger ansprechen (Profis sollen bitte das Weite suchen), wollen wir Ihnen doch einen besonderen Weg vorschlagen. Sie sollen leicht kreativ werden. Was Sie dazu brauchen, das haben Sie schon auf Ihrem Rechner:

1. Den Browser mit dem Sie gerade diese Zeilen lesen,
2. Einen einfachen Editor, z.B. im Zubehör von Windows.
3. Übersicht über Ihr Dateiensystem, z.B. Windows-Explorer

Nein, Sie sollen keine Seiten fürs Internet kreieren, nur für sich selbst und Sie werden sich wundern, was da alles möglich ist. Wir versprechen, unsere Anweisungen so einfach wie irgend möglich zu halten, auch wenn Fachleute die Nase rümpfen. Wichtig ist uns allein Ihr Stolz auf das Erreichte. Unsere Reputation sind die weit über 10.000 Seiten, auf denen Sie gerade surfen.

Als erstes starten Sie Ihren Editor und tippen einen Satz oder besser eine Überschrift ein. Wenn Sie das mit dem Zusatz 'htm' nach dem Punkt in ein besonders eingerichtetes Verzeichnis abspeichern, brauchen Sie im Windows-Explorer nur auf die Datei zu klicken und schon sehen Sie diese Überschrift in Ihrem Browser.

Jawohl, das ist im Prinzip eine Internetseite, die aber nur auf Ihrem Rechner abläuft. So jetzt etwas Kosmetik: Setzen Sie vor den Satz '<font size=4>' und hinter den Satz '', dann erscheint dieser nach erneutem Abspeichern schon etwas größer. Die Zahl können Sie natürlich verändern. Sie brauchen ab jetzt nur noch die Taste 'F5', dann lädt Ihr Browser automatisch die gerade abgespeicherte Seite.

Fettschrift erzeugen Sie durch Voranstellen von '<b>' und Hintanstellen von '</b>'. Allerdings ist hier zu beachten, dass Sie jeden der beiden Befehle vernünftig einordnen:

Richtig: '<font size=4><b>...</b></font>',
Falsch: '<b><font size=4>...</b></font>'.

So, jetzt müssten Sie schon Berge von Text verfassen können. Fehlt nur noch der Absatz, der einfach durch ein '<br>' gekennzeichnet wird. Natürlich ist Text ohne Bilder dröge. Dazu gibt es '<img src="" alt="" border="0" width="" height="" align="">', von dem Sie vorläufig nur '<img src="" border="0" align="">' brauchen. Kopieren Sie das Bild im jpg-Format (vorläufig) in das gleiche Verzeichnis wie Ihren html-Text und setzen Sie dessen Namen zwischen die ersten beiden Anführungszeichen.

Ist das Bild schmaler als der Text, können Sie in die Anführungszeichen bei 'align=' die Begriffe 'top', 'left' oder 'right' einsetzen. Experimentieren Sie ein wenig damit und Sie werden sehen, das ist hier einfacher als in Word.

Bevor Sie jetzt fragen, warum wir das alles bis jetzt nicht in Office bzw. Open Office realisiert haben, hier noch ein Highlight für die erste Lektion. Kopieren Sie die folgende Zeile unten auf Ihre Seite:
'<a name="Video"><iframe title="YouTube video player" width="600" height="373" src="https://www.youtube.com/embed/UJore87vI1Y" frameborder="0" allowfullscreen></iframe>'

Sie haben jetzt ein Video unten auf Ihrer Seite. Nach der neusten europäischen Rechtsprechung ist die Einbettung eines solchen Videos völlig legal, wenn es öffentlich zugänglich ist. Und das ist es ja bei youtube. Sie dürften also eine Seite mit einem solchen Video durchaus ins Internet hochladen. Tun wir aber nicht.

Und wie stellt man das Video auf ein anderes um? Ersetzen Sie die Buchstabenkombination 'UJore87vI1Y'durch eine, die beim Abspielen eines youtube-Videos oben in der Adresszeile hinter dem '=' steht oder zwischen dem '=' und einem '&'. Einfach von youtube in die Zeile Ihrer HTML-Seite kopieren.

Zum Schluss hier noch ein kleiner Ausblick, was wir bisher mit HTML und Javascript zuwege gebracht haben:

1. Eigene Videos einbinden,
2. Radwechsel-Simulation,
3. Ausführbare Schaltpläne,
4. Reifenberechnung.01/15