Mrz 3 2010

Basics zu PHP – First Steps Tutorial

In meinem ersten Tutorial werde ich versuchen euch die (absoluten) Grundlagen von PHP zu vermitteln. Ich hoffe, dass ich nicht zu sehr technisch abschweife, falls doch, weist mich gerne mit Hilfe der Kommentare darauf hin.

Nun also zu den ersten Schritten bei PHP. Ich gehe einfach mal davon aus, dass ihr es schon hinbekommen habt PHP lauffähig zu bekommen, d.h. ihr seid in der Lage PHP Code auf einem Server (z.B. Apache) ausführen zu lassen. Um dies zu überprüfen, versucht doch bitte eine Datei zu erstellen (bei Windows z.B: mit dem Editor/Notepad und bei Ubuntu-Linux mit dem gedit) und diesen Inhalt abzuspeichern:

<?php phpinfo(); ?>

Speichert diese Datei unter dem Namen phpinfo.php ab und ruft es über den Browser eurer Wahl auf. Ihr sollte nun eine Ausgabe sehen, welche euch über die auf dem Server installierte PHP-Version Auskunft gibt und viele weitere Informationen bereit stellt. Die Ausgabe können wir später noch verwenden, zunächst reicht es aber als Nachweiss, dass PHP erfolgreich installiert ist.

PHP-Code schreiben

In einer PHP-Datei, d.h. mit der Endung .php kann man sowohl PHP-Code als auch reines HTML unterbringen. Mir als Entwickler sträuben sich leider des Öfteren die Haare, wenn beides in einer Datei passiert, aber ganz unvermeidbar ist es nicht. Gehen wir doch Schritt für Schritt vor. Um PHP-Code in der Datei zu markieren, verwendet man sogenannte öffnende und schließende PHP-Tags, in etwa so:

<?php // Hier würde nun PHP Code stehen ?>

HTML-Elemente darf man ‘einfach-so’ hinschreiben. Ein kleiner Mix aus PHP- und HTML-Code könnte z.B. so aussehen:

<?php
// Hier würde nun PHP Code stehen
?>
Hello PHP-World
<?php // Hier würde nun weiterer PHP Code stehen ?>

Damit sind auch schon die ersten Beispiele für PHP fertig. Ihr könnt diese gerne speichern und auf eurem Entwicklungsrechner ausprobieren. Viele passieren wird dabei nicht, da wir ja eigentlich auch noch nichts programmiert haben.

Kommentieren lernen

Ganz wichtig sind sogenannte Kommentare. Kommentare dienen dazu den Code zu erklären. D.h. man macht sich direkt im Code Notizen. Diese Notizen werden bei der Ausführung des PHP-Codes einfach ignoriert. Das bedeutet, dass man hier Freitext verwenden darf. In PHP kann man diese entweder mit einem “//” (Doppelslash) oder “/* */” markieren. Allgemein gilt in der Entwicklung: Einzeilige Kommentare mit einem Doppelslash und mehrzeilige Kommentare mit der anderen Variante verwenden.

// Einzeiliger Kommentar
/**
 * Mehrzeiliger Kommentar
 * Hier darf man ruhig etwas mehr schreiben
 */

Wozu brauche ich Kommentare? Nun, das wird man spätestens dann merken, wenn man ein etwas größeres Projekt vor sich hat und der PHP-Code nicht mehr so übersichtlich und einfach zu lesen ist, wie in den ersten Beispielen. Kommentare können z.B. dabei helfen komplizierte Methoden zu erklären. Ich rate jedem an sich das Kommentieren so schnell wie möglich anzueignen. Es ist kein Muss, hilft aber unheimlich weiter.

Das Hello World Beispiel

Als Nächstes möchten wir einen Text ausgeben. Per HTML könnt ihr das bestimmt schon. Es gibt verschiedene Möglichkeiten Text direkt in PHP auszugeben. Ich verwende ganz gerne das echo. Da es in PHP ein sogenanntes “reserviertes” Wort ist, sollte euer Editor – sofern er dies Unterstützt – auch entsprechend highlighten, in etwa so:

echo 'Hello PHP-World';

Diese Zeile würde und nun den “Hello PHP-World” in die Browser-Ausgabe zaubern. Einige Dinge möchte ich zu dem Echo noch erklären, es gibt nämlich auch die folgende Variante, von der ich aber abrate:

echo "Hello PHP-World";

An dieser Stelle sind die einfachen Anführungszeichen den doppelten gewichen. Der Nachteil ist, dass man nun im Text keine doppelten Anführungszeichen verwenden kann, ohne sie zu “Escapen”. Dazu wieder ein kleines Beispiel:

echo 'Hello "PHP-World" in einem Satz';
echo "Hello \"PHP-World\" in einem Satz";

Den Unterschied kann man recht schnell sehen. Was nun noch dazu kommen würde, wären die Variablen, die in den beiden Varianten unterschiedlich behandelt werden. Ich lasse es allerdings an dieser Stelle weg, da die Variablen erst in dem nächsten Tutorial erklärt werden. Für eine kleine PHP-Einführung soll es das zunächst gewesen sein. Falls es euch gefallen hat, könnt ihr euch natürlich direkt auf das nächste Tutorial stürzen.


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…