HTML / CSS Programmierung

Vorbereitungen

HTM oder HTML ist eine sogenannte "Programmiersprache" für Internetseiten.
Von Anfang an standen die Erfinder des Internet vor dem Problem eine "Sprache" zu finden, die jeder Computer verstehen kann, in anderen Worten, egal ob man Windows oder Unix benutzt, PC oder MAC, Internet Explorer oder Netscape Navigator oder was sonst, eine HTML-Seite sieht normalerweise immer gleich aus.
Natürlich gibt es bis heute immer noch kleine Unterschiede zwischen den Systemen, darum gibt es ein paar Ausnahmen wo etwas in einem bestimmten System mal nicht funktioniert oder anders aussieht als in einer anderen Umgebung, in diesem Anfänger-Kurs sollte das aber noch kein Problem sein, schwieriger wird es bei professionellen Anwendungen, trotzdem empfehle ich für diesen Kurs Internet Explorer 6 oder höher.

Sprache" ist ein etwas hoch gegriffenes Wort für etwas so einfaches wie HTML, auch wenn es entfernte Ähnlichkeit mit dem Erlernen einer fremden Sprache hat, aber keine Sorge, in HTML gibt es nur sehr wenige Vokabeln, 90% ist nur die Kurzform eines englischen Wortes.

Es ist ziemlich logisch, wenn man etwas entwickeln will, was vom System völlig unabhängig ist, bedeutet das, es gibt so gut wie keine Voreinstellungen, oder anders gesagt, man muss ALLES was man anzeigen will vorher einstellen.
Ob die Größe der Seite, Schriftgröße, was auch immer, man kann nicht einmal voraussetzen, dass der Benutzer als Textfarbe schwarz verwendet.
Sicher, man kann einige Dinge weglassen und hoffen die Voreinstellung der Benutzer passt zur Seite, aber je mehr man weglässt, desto mehr Beschwerden von den Benutzern wird man bekommen.

Obendrein ist das Einzige was jedes System versteht ganz einfach Text, nichts weiter, was allerdings den Vorteil hat, dass man HTML-Seiten mit jedem beliebigen Editor schreiben kann.

Grundregeln:

Regel #1: Die Wichtigste aller Regeln ist, Kommentare schreiben wo immer es geht, man kann zwar über eine kleine Seite die man gerade geschrieben hat die Übersicht behalten, vielleicht kann man sich sogar nach Wochen noch erinnern wie eine etwas größere Seite aufgebaut ist, aber was wenn man eine wirklich große Seite geschrieben hat, packt sie auf den Server, lässt sie ein Jahr oder zwei lang liegen, und dann muss irgendetwas daran überarbeitet werden? Jede Wette, man ist verloren, was bedeutet, man schreibt die komplette Seite nochmal neu, nur weil man sich nicht daran erinnern kann was man ein Jahr zuvor gemacht hat. Also Kommentare schreiben, ist vielleicht etwas mehr Arbeit am Anfang, aber es zahlt sich aus.
Versuche nicht dir einzureden, du wirst Kommentare später dazu machen, jede Wette, später ist NIE und nie bedeutet absehbare Probleme.

Regel #2: Langsam schreiben und die Seite so oft wie nur möglich TESTEN, ich persönlich teste meine Seiten nach jeder einzelnen Zeile die ich schreibe.
Computer sind doof, ein Computer macht ganz genau das was man ihm sagt, und sagt man ihm etwas Falsches, dann macht er es auch falsch, so kann ein einziges Komma an Stelle von einem Punkt eine ganze Seite verhunzen.
Irren ist menschlich, jeder macht Tippfehler, hat man aber erst mal ein paar hundert Zeilen geschrieben kann es Stunden dauern bis man den Fehler findet, also besser, eine Zeile schreiben, speichern, testen, korrigieren wenn nötig, und erst weiter machen wenn die Zeile richtig ist.

Regel #3: (Mein Favorit und die Einzige die ich nie befolge)
Schreibe deine Seiten so, dass man im Quelltext leicht die Übersicht behält.
Man KANN eine komplette Webseite in eine einzige, endlos lange Zeile schreiben, aber das heißt nicht man sollte das so machen, besser übersichtlich schreiben, damit man auch nach Jahren noch sieht was wo steht.

Regel #4: Quelltext von anderen Seiten stehlen ist nicht nur ganz einfach, sondern auch legal und nebenbei auch noch der beste Weg weitere Dinge zu lernen. Niemand kann alles wissen, die meisten Programmierer kennen nur die wichtigsten Befehle. Man muss auch nicht alles wissen, man muss nur wissen, wo man es nachschauen kann, und HTML Funktionen nachschauen kann man auf viele verschiedene Arten:
- Die Befehle und deren Funktion in Kursen wie diesem mitschreiben.
- Eine Webseite suchen wo die HTML Befehle aufgelistet sind und diese auf die Festplatte kopieren.
- Wenn eine Webseite etwas hat oder macht, was man auf seiner eigenen Seite auch gerne hätte, klick Ansicht - Quelltext und klau den Code.

Regel #5: Kopien der Seite machen bevor man weiter arbeitet, nichts ist schlimmer als eine ganze Webseite zu verhunzen, nur weil eine kleine Änderung an der index.html nicht funktioniert und dann keine Kopie haben um die funktionierende Version wieder herzustellen. (Murphys Gesetzt, ohne Backup, früher oder später wird es passieren.)

Kurs beginnen