Client HTML/CSS JavaScript Server PHP HTTP(S) Teil 2

Transcription

EWA WS 2007/08
Musterlösung P1: HTML und Protokolle
EWA WS 2007/08
1. Praktikum
Teil 1: Präsenzübungen
Aufgabe 1:
Fügen Sie die Begriffe HTML, CSS, JavaScript, HTTP(S) und PHP in folgende Skizze ein:
Client
HTML/CSS
JavaScript
HTTP(S)
Server
PHP
Aufgabe 7:
Siehe Erläuterungsfolien in 3. Vorlesung.
Aufgabe 2:
Welche der folgenden URLs sind gültig?
a) http://www.fbi.fh-darmstadt.de/
b) www.bla.de (hier fehlt das Protokoll)
c) http://www.at-mix.de:80/triple_des.htm
d) mailto:[email protected]
e) news:comp.infosystems.www.servers.unix
Aufgabe 3:
TCP . . .
a) stellt sicher, dass die Daten in der richtigen Reihenfolge, ohne Duplizierung
und ohne Verluste übertragen werden.
b) funktioniert nur in eine Richtungen. (falsch, bidirektional)
c) zerlegt die Daten in Pakete und setzt sie wieder zusammen.
d) zerlegt die URL in Nummern und stellt so die Verbindung zum Zielrechner her. (gehört nicht zur
Transportschicht 4, sondern zur OSI-Schicht 5 – Sitzungsschicht (Session-Layer),
e) geht immer über Port 80, gilt nur für http, nicht für E-Mail etc.
Aufgabe 4:
Header-Mitschnitte auf der Praktikumsseite:
Anfrage der Startseite von Wikipedia oder Leo mit Browser entspricht mehreren Get-Anfragen (für jedes Bild,
Script, Style, ...). Leo setzt ein Cookie und gibt vom Server nur Apache preis. Wikipedia setzt kein Cookie
verrät aber PHP-Version.
Aufgabe 8:
Bepunktung: -1P für fehlenden Bezug auf head/body. –0.5 P für Falschangaben (größte Schrift ergibt sich durch
internen Style des Browsers, wichtigste Überschrift ist hier die passende Formulierung)
Beide Tags „sollten“ in einer HTML-Seite nur einmal vorkommen, title muss genau einmal enthalten sein.
• title: Tag im Header, darf in keinem xhtml strict Dokument fehlen, Titel des Fensters/Lesezeichens.
• h1: Tag im body, Hauptüberschrift, inhaltliche Überschrift zur Gliederung eines Dokuments, weitere
Gliederungen mit h2, ..., h6.
Aufgabe 9:
Bepunktung: -2P für fehlenden Charset (als Metatag oder bei XML-Version), -1P für falsch/fehlendes langAttribut
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"
dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Japanische Seite</title>
</head>
<body>
<h1>Was soll das heißen?</h1>
<p>
</p>
</body>
</html>
© Dr. Ute Blechschmidt-Trapp
[email protected]
Teil 2: Schriftliche Hausaufgaben
Aufgabe 5:
<head><title>Test</title></head>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
<h1>Testresultate</h1>
</body>
</html>
Seite 1 von 4
Aufgabe 6:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head><title>Test</title></head>
<body>
<p><a href="www.google.de">google</a></p>
<p>Jetzt geht's los</p>
<ol><li>mo</li><li>di</li><li>mi</li></ol>
</body>
</html>
Aufgabe 10:
Bepunktung:ohne scope/headers: -2P, summary: -1P, caption: -1P, ohne th: -2P, weitere Fehler: -0.5 P
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Tabelle mit scope</title>
</head>
<body>

<h1>Tabelle Getränkeabrechnung mit scope</h1>
<table
summary="Diese Tabelle schlüsselt die konsumierten Getränke für
jeden Studierenden für die Semesterfeier vom 1.1.2007 auf.">
<caption>Getränkeabrechnung der Semesterfeier</caption>
<tr>
Seite 2 von 4
[email protected]
EWA WS 2007/08
EWA WS 2007/08
<th scope="col">Name</th>
<th scope="col">Preis in Euro</th>
</tr>
<tr>
<td>Tom</td>
<td>200,12</td>
</tr>
<tr>
<td>Uwe</td>
<td>20,34</td>
</tr>
<tr>
<td>Walter</td>
<td>10,55</td>
</tr>
Aufgabe 11:
Bepunktung:form-Attribute: nicht post: -0.5P, ohne enctype: -1P (beides bei Dateiupload zwingend notwendig),
ohne Labels: -3P (fehlende Labels für radio/checkbox/select: -1,5P), ohne fieldset/legend (Das abgebildete
Formular sollte ohne fieldset kodiert werden, da ein Screenreader sonst die Legend jedesmal vor jedem
Eingabefeld mit vorliest. Da ohne Style aber ein Rahmen mit Titel zu sehen ist, sind fieldset/legend zu
verwenden. Wurde darauf mit Begründung bewusst verzichtet, dann gab es keinen Punktabzug.): -1P,
verschiedene Namen bei radio: -0.5P, weitere Fehler: -0.5 P
</table>
</body>
</html>
Alternativ:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Tabelle mit headers</title>
</head>
<body>

<h1>Tabelle Getränkeabrechnung mit headers</h1>
<table
summary="Diese Tabelle schlüsselt die konsumierten Getränke für
jeden Studierenden für die Semesterfeier vom 1.1.2007 auf.">
<caption>Getränkeabrechnung der Semesterfeier</caption>
<tr>
<th id="name">Name</th>
<th id="preis">Preis in Euro</th>
</tr>
<tr>
<td headers="name">Tom</td>
<td headers="preis">200,12</td>
</tr>
<tr>
<td headers="name">Uwe</td>
</tr>
<tr>
<td headers="name">Walter</td>
</tr>
</table>
</body>
</html>
Seite 3 von 4
[email protected]
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<title>Markup Validierung</title>
</head>
<body>
<form method="post" action="check.php" enctype="multipart/form-data">
<fieldset>
<legend>Validierung durch Dateiupload</legend>
<input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE"
value="30000" />
<label title="Choose a Local File to Upload and Validate"
for="uploaded_file">Datei:</label>
<input type="file" id="uploaded_file" name="uploaded_file" size="30" />
<br />
<label for="uri-charset">Zeichenkodierung</label>
<select id="uri-charset" name="charset">
<option value="(automatisch)"
selected="selected">(automatisch)</option>
<option value="utf-8">utf-8 (Unicode, weltweit)</option>
</select>
<br />
<input id="uri-fbc" name="fbc" type="checkbox" value="1" />
<label for="uri-fbc" title="Use selected Character encoding only if
missing in the document">Nur, falls nicht angegeben</label>
<br />
<input type="radio" name="group" id="urigroup_no" value="0"
checked="checked" />
<label for="urigroup_no">Liste Fehlermeldungen zeilenweise auf</label>
<input type="radio" name="group" id="urigroup_yes" value="1" /><label
for="urigroup_yes">Gruppiere Fehlermeldungen nach Typ</label>
<br />
<input type="submit" title="Submit for validation" value="Überprüfe" />
</fieldset>
</form>
</body>
</html>
Seite 4 von 4
[email protected]

Client HTML/CSS JavaScript Server PHP HTTP(S) Teil 2

Transcription

Documents pareils

Folien (S/W)

SONNTAG 19. Januar im amanusa 14.00

MOBILE “RAINDROPS KEEP FALLING ON MY HEAD”

Übungsblatt 12 - AG Softwaretechnik

VILSON-SPORTS • BODY TRANSFORMER • PERSONALTRAINING

IcH macH das Deutschland 3

Geminiden - Sternwarte Edelschrott INFO

COPY B EXEMPLAIRE B Request ref no/Patron identifier No de

Das Geheimnis vom Wein und Gericht

Eddie Jordan Actor

PDF-Datei herunterladen (mehrsprachig)