1. Übung: Blindtext
Hier der HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Textformatierung</title>
</head>
<body>
<h1>Blindtextbuch</h1>
<p align="justifiy">Also schön, <b>Guido Heffels,</b> nachfolgend meine Textempfehlung für das <i>Blindtextbuch.</i> Sie
mögen denken, aus welchen <u>Anlass</u> es unbedingt eine solche poesiealbumhafte Antiquität sein muss,
und genau das sollen Sie ja auch. Wenn Sie den Text lange genug mit <s>Fleiss</s> bestaunen,
können Sie die Nuss knacken. Denn wenn mein Gag auch nicht mit schnellem <b>Auge</b> zu entdecken ist - <small>eine geduldige Seele muss die Lösung doch finden.</small> Wenn Sie
es geschafft <sup>haben</sup>, dann klingeln Sie mich doch bitte noch einmal an, denn ich
muss Ihnen dann noch <tt>die Headline zum Text nachsenden.</tt> Das möchte ich momentan nicht, weil
dann das bescheidene <b><i><u>Geheimnis</u></i></b> dieses Blindtextes schon jetzt offenläge.
Viel Spass wünscht Rainer Baginski.
PS: Eine einzige Hilfe gebe ich: Das <sub>Begleittextchen</sub> hat's nicht. Sie haben's nicht.
Ich - typisch Baginski - habe es. Finden Sie es.
</body>
</html>
2. Übung Tabellendesign
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Zellenverbund vertikal</title>
</head>
<body>
<table border="1" width="800">
<tr>
<td rowspan="3">1, 5 und 9</td>
<td>2</td>
<td>3</td>
<td rowspan="4">4, 8, 12 und 16</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>10</td>
<td rowspan="2">11 und 15</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
</tr>
</table>
</body>
</html>
3. Übung Tabellendesign
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bilder in HTML</title>
</head>
<body>
<table background="background.png" border="0">
<tr>
<td><h1>Ein schräger Hintergrund</h1></td>
</tr>
<tr>
<td><h1>Die Freiheitsstatue</h1></td>
</tr>
<tr>
<td><img src="statue-of-liberty.jpg"><br><br><br></td>
</tr>
<tr>
<td><img src="checker.gif" height="180"></td>
</tr>
</table>
</body>
</html>
Permalink (0 Kommentare) Kommentieren
Aufgabe war die Umgestaltung meines Lernblogs im Hinblick auf das Funktionsdesign, es sollten also nur die wichtigsten Module die für die Nutzung eines Lernblogs nötig sind, vorhanden sein. Des weiteren sollen die Anforderungen durch entsprechendes Anordnen bzw. Strukturieren der einzelnen Elemente abgedeckt werden.
Hier werde ich auch laufend meinen Lernfortschritt doku- mentieren, sowie meine Arbeiten veröffentlichen.
Das Design meines Lernblogs ist ganz klassisch und einfach ausgefallen, d.h. am linken Rand befinden sich die einzelnen Menüpunkte und rechts dann der eigentliche Text. Weiters möchte ich versuchen möglichst viele meiner Arbeiten durch Grafiken zu auf zu peppen, da Bilder ja bekanntlich mehr als tausend Worte sagen.
Ich habe mich deswegen für so wenige Funktionsmodule entschieden, da ich der Meinung bin, dass mehr nur zu Verwirrungen führen könnte und ein Lernblog soll ja schließlich zum Erlernen neuer Themen da sein. Aus diesem Grund habe ich auch z.B. den Kalender der standardmäßig im Design des Weblogs ist entfernt (man kann ja jederzeit das Datum bzw. die Systemzeit am Computer abrufen).
Die Module für die letze Änderung bzw. die letzten Aktualisierungen meines Blogs werde ich schon verwenden, genau so wie die Möglichkeit der Such-Funktion. Auch die Möglichkeit meinen Lernblog als XML-File zu exportieren ist vorhanden.
Bezüglich Design finde ich meinen Blog gut leserlich und leicht verständlich, zur noch besseren Informationsgewinnung werde ich jeden meiner Einträge mit einem verlinkten Quellen- verzeichnis angeben, um sich etwaige genauere Informationen holen zu können.
Permalink (0 Kommentare) Kommentieren
Erste Aufgabe ist die Revision meiner eigenen Homepage, die ich im Rahmen des Kurses "Informationsverarbeitung" erstellt habe.
Permalink (0 Kommentare) Kommentieren