Sie sind auf Seite 1von 2

Tutorat: Management of Information Systems

Abgabedatum: 13.12.2013

bungsblatt 1 - HTML/PHP Einfhrung


Bearbeiten sie diese Aufgaben bis sptestens 13.12.2013 und senden sie ihre Lsungen in elektronischer Form an

assignments@is.uni-freiburg.de.

Bitte schreiben

sie die Namen und Matrikelnummern aller Gruppenmitglieder in die E-Mail und verwenden sie als Betre [MIS1314] Tutorat XX - sprich [MIS1314] Tutorat 09, wenn sie in Tutorat 9 sind. Ihr Abgabe sollte insgesamt nicht grer als 1 MB sein!

Aufgabe 1 (5 Punkte):
Schreiben Sie eine HTML-Seite mit dem Dateinamen: testform.html und der berschrift (title): Uebungsblatt 1, die (a) folgende obligatorische Tags enthlt: html, header, head, title, body, form, input (text), input (submit) und (b) zustzlich mindestens 3 der folgenden optionalen Tags enthlt: h1, div, span, p, a, li, ul, ol.

Aufgabe 2 (5 Punkte):
Erweitern Sie nun die in Aufgabe 1 erstellte Webseite um die in Abbildung 1 dargestellte Tabelle. Achten sie auf Textausrichtung/-schriftgroe/-auszeichnung und Farben, sodass die von ihnen erstellte Tabelle exakt wie in der unteren Abbildung aussieht.

Abbildung 1: Bewertung und Evaluation der bungsbltter

Aufgabe 3 (2 Punkte):
Integrieren sie nun in ihre Webseite ein Bild ihrer Wahl.

Tutorat: Management of Information Systems

Abgabedatum: 13.12.2013

Aufgabe 4 (6 Punkte):
Verwenden sie nun die in Aufgabe 1 erstellte Webseite, um ein PHP-Skript auszufhren. Gehen sie hierfr wie folgt vor:

Erstellen sie eine zweite Datei mit dem Dateinamen: ausgabe.php Stellen sie sicher, dass auf die Datei ausgabe.php weitergeleitet wird, sobald der submit-button ihrer HTML-Seite aus Aufgabe 1 gedrckt wird (actionAttribut).

bergeben sie den Inhalt ihres Textfeldes mittels der GET-Methode an das PHP-Skript (method-Attribut). Speichern sie den bergebenen Inhalt in einer Variable mit Namen wert. Geben sie den Inhalt der Variable wert mit der echo-Funktion auf dem Bildschirm aus.

Aufgabe 5 (2 Punkte):
Was ist der Unterschied zwischen der GET - und POST -Methode? Nennen sie ein Beispiel, fr beide Methoden und erklren sie warum eine der Methoden fr bestimmte Anwendungen ungeeignet ist. Integrieren sie ihre Antwort ebenfalls an das untere Ende der in Aufgabe 1 erstellten Webseite, sodass sie fr die Abgabe dieses bungsblattes lediglich die Dateien
testform.html, ausgabe.php und das Bild ihrer Wahl einreichen.

Informationen zur Abgabe: Fr eine korrekte Lsung, bearbeiten sie obige Auf-

gaben und senden sie die Dateien testform.html, ausgabe.php und das Bild ihrer Wahl an:

assignments@is.uni-freiburg.de

Hinweise zum bungsblatt: Wenn sie testen mchten, ob ihre Lsung korrekt

ist, mssen sie XAMPP installieren und den Apache-Server starten. Kopieren sie dann alle Dateien in den Ordner sie ihre HTML-Seite in einem Browser ber die URL:

testform.html

\XAMPP\htdocs\Blatt1\ und nen localhost\Blatt1\

(der Ordner Blatt1 muss noch erstellt werden).

Tippen sie dann einen Wert in das Textfeld ein und drcken sie auf den SubmitButton. Wenn sie dann auf die Datei ausgabe.php weitergeleitet werden, sollte der von ihnen eingegebene Wert auf dem Bildschirm erscheinen.