Jan 28 2010

Ein sehr simples HTML-Tutorial

In diesem Beitrag beschäftige ich  mich mit den simpelsten Grundlagen des Web: Statischen HTML-Seiten. Kaum angefangen, merkt man schon, dass ich aus einem sehr technischen Bereich komme. Techniker sind – wie so viele andere auch – faul und kürzen gerne ab. Deshalb fangen wir doch einfach mal vorne an. Was bedeutet die Abkürzung HTML?

Es gibt Menschen, die HTML als eine Programmiersprache bezeichnen, was nicht ganz korrekt ist. Eine Sprache? Vielleicht! Aber auf gar keinen Fall eine zum Programmieren. Es handelt sich eher um eine beschreibende Sprache, wie ihr ausgeschriebener Name erahnen lässt: Hypertext Markup Language. Genau gesagt ist es eine Auszeichnugssprache (Markup Language). Da ist auch schon das nächste Problem – Auszeichnugssprache? Was ist das denn? Um nun schnell eine Antwort zu liefern, schreibe ich ganz lapidar: Eine Sprache zum Beschreiben von Daten und ihrer Struktur. Wie Ihr sehen könnt, ist es nicht einfach einen Einstieg zu finden. Die einfachsten Dinge bedürfen schon einer weitreichenden Erklärung. Wer es bis hierhin geschafft hat und nicht an den Fremdwörtern und den entsprechenden Beschreibungen verzweifelt ist, ist bei mit genau richtig und sollte weiterlesen.

Nachdem ich nun einen kleinen Einstieg in die Web-Welt geschaffen habe, wird es Zeit ein wenig weiter zu gehen und die Theorie mit ein wenig Praxis anzureichern. Dazu möchte ich euch eine kleine Metapher an die Hand geben, die eine statische HTML-Seite (meiner Meinung nach) am besten beschreibt: Ein Blatt Papier. Stellt euch einfach eine weiße, leere DIN-A4 Seite vor. Eine weiße, leere HTML-Seite ist im Grunde nichts anderes. Der einzige Unterschied: Eine HTML-Seite ist digital und erscheint auf eurem Bildschirm.

Jetzt wollen wir einfach eine kleine Seite erzeugen. Was braucht man dazu? Eigentlich nicht wirklich viel. Öffnet z.B. einen Editor (Notepad (für Windows) oder Gedit (für Linux)), öffnet eine neue Datei und gebt die folgenden Zeilen ein:

<html></html>

Dies reicht schon aus. Damit haben wir unsere erste HTML-Seite “programmiert”, herzlichen Glückwunsch! Der spannende Teil kommt aber erst jetzt, die Erklärung! Die Zeilen enthalten zwei – sogenannte – Tags. Ein öffnendes HTML-Tag (<html>) und ein schließendes HTML-Tag (</html>). Diese Tags, die man immer schlicht an den eckigen Klammern erkennt, sagen eigentlich nur aus, dass hier eine HTML-Seite anfängt (öffnendes Tag) und sofort auch wieder endet (schließendes Tag). Einfach oder?

To be continued…


Jan 27 2010

Hello world!

Herzlichst Willkommen! Der default Titel von WordPress spricht mir eigentlich aus der Seele und trifft es direkt auf den Punk. “Hello World”!

Was möchte ich euch mit meinen Beiträgen liefern? Nun, in erster Linie möchte ich mein (Nicht-)Wissen mit euch teilen. Und das auf eine Weise, die für alle verständlich ist. Der ein oder andere wird nun sagen “Come on, Tutorials gibt es ohne Ende, googel doch mal”. Dem stimme ich durchaus zu, jedoch haben mich die meisten Tutorials nicht wirklich überzeugt. Die guten sind recht selten zu finden, da sich die Leute wenig Zeit nehmen Dinge zu beschreiben. Man erfährt oft, was man machen soll, um ein Ziel zu erreichen, weiss aber nicht warum man diese Dinge tut. Mit meinem Blog möchte ich dem nun ein wenig entgegenwirken und hoffe, dass es hier und dort Anklang findet, im Optimalfall sogar weiter hilft!

Es bleibt natürlich noch die Frage: “Worüber will der Typ denn schreiben?” Es geht ganz klar in die “Tekki-Ecke” rund ums Web. Im einzelnen werde ich z.B. mit PHP und Zend beginnen und mich ab und an mit anderen Themen aus dem Java Bereich beschäftigen.