Inital commit
This commit is contained in:
Tilman
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,23 @@
|
||||
<?php
|
||||
$access_restricted = false;
|
||||
include_once($_SERVER['DOCUMENT_ROOT'].'/daten/php/startup.php');
|
||||
|
||||
$pagetitle = 'Diplomarbeit';
|
||||
$breadcrumb = '„Konzeptionierung und Implementierung eines Blogsystems auf Basis von Wissensnetzen“';
|
||||
$keywords = 'Knowledge Blog, Link-Together, Flex, FlexGraph, MediaWiki-Roamer';
|
||||
// $description = '';
|
||||
include_once($_SERVER['DOCUMENT_ROOT'].'/daten/php/pageheader.php');
|
||||
?>
|
||||
|
||||
<div class="content">
|
||||
<span style="font-weight: bold;">Diplomarbeit</span>
|
||||
<h1 style="font-size: 150%;">„Konzeptionierung und<br/>Implementierung eines Blogsystems<br/>auf Basis von Wissensnetzen“</h1>
|
||||
<p>
|
||||
<span style="font-style: italic">soon to come...</span>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once($_SERVER['DOCUMENT_ROOT'].'/daten/php/pagefooter.php');
|
||||
?>
|
||||
@@ -0,0 +1,97 @@
|
||||
<?php
|
||||
include_once($_SERVER['DOCUMENT_ROOT'].'/daten/php/startup.php');
|
||||
|
||||
$pagetitle = 'Uni allgemein';
|
||||
$breadcrumb = '';
|
||||
// $keywords = '';
|
||||
// $description = '';
|
||||
include_once($_SERVER['DOCUMENT_ROOT'].'/daten/php/pageheader.php');
|
||||
?>
|
||||
|
||||
<div class="content">
|
||||
<p>
|
||||
Studiert habe ich an der
|
||||
<a href="http://www.fu-berlin.de">Freien Universität Berlin</a> <a href="http://www.inf.fu-berlin.de">Informatik</a>
|
||||
auf Diplom mit Nebenfach
|
||||
<a href="http://www.polsoz.fu-berlin.de/kommwiss/">Publizistik und Kommunikationswissenschaft</a>.
|
||||
</p>
|
||||
|
||||
<h2>Arbeiten, Paper, Infos:</h2>
|
||||
<p>
|
||||
<a href="Wikipedia.pdf">Wikipedia: Erfassung von komplexen und kontroversen Sachverhalten in kollaborativen Hypertextumgebungen</a>
|
||||
<span class="smalltext">(Ausarbeitung im Rahmen des Seminars „Online-Dienste“)</span>
|
||||
</p>
|
||||
<p>
|
||||
<a href="Eclipse3.pdf">Architektur und Konzepte von Eclipse 3</a>
|
||||
<span class="smalltext">(Ausarbeitung im Rahmen des Seminars „<a href="http://www.inf.fu-berlin.de/lehre/WS04/kbse/">Komponentenbasierte Softwareentwicklung</a>“)</span>
|
||||
</p>
|
||||
<p>
|
||||
<a href="PairProgramming.pdf">Pair Programming</a>
|
||||
<span class="smalltext">(Ausarbeitung im Rahmen des Seminars „Agile Softwareprozesse“)</span>
|
||||
</p>
|
||||
|
||||
<p style="margin-top: 2em;">
|
||||
Ansonsten liegt manchmal auch was in <a href="http://www.inf.fu-berlin.de/~walther">meinem Home-Verzeichnis</a> auf dem Uni-Server.
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2>Sammlung</h2>
|
||||
<p>
|
||||
Dinge, die irgendwie das Aufheben wert sind, chronologisch geordnet:
|
||||
</p>
|
||||
|
||||
<p style="margin-top: 6ex; font-size: x-small;">Wintersemester 2005/06</p>
|
||||
|
||||
<h3><a href="ws05/scivis/">Wavelet-Kompression</a></h3>
|
||||
<p>
|
||||
Oder genauer: „Bildkompression mittels Wavelet-Transformation“. Projekt zur Vorlesung <a href="http://geom.mi.fu-berlin.de/teaching/scivis05/index.html">Scientific Visialization</a>.
|
||||
Ziel war die Implementierung eines <a href="ws05/scivis/wavelet-compression-applet.html">Kompressions-Applets</a> mit ausführlicher <a href="ws05/scivis/">Dokumentation</a>.
|
||||
</p>
|
||||
<p style="margin-top: 6ex; font-size: x-small;">Wintersemester 2004/05</p>
|
||||
|
||||
<h3>Netzprogrammierung mit Java</h3>
|
||||
<p>
|
||||
Im Rahmen der Vorlesung Netzprogrammierung sind ein paar kleine Programme entstanden, die einige
|
||||
typische Anwendungsfälle ganz gut illustrieren:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="ws04/netzprogrammierung/ProxyServer.java">ProxyServer.java</a> - Ein einfacher Proxy,
|
||||
der z.B. zur Trafficanalyse benutzt werden kann
|
||||
</li>
|
||||
<li>
|
||||
<a href="ws04/netzprogrammierung/NetComparator.java">NetComparator.java</a> - Vergleicht zwei
|
||||
Ressourcen miteinander (erst per Header-, dann per Inhaltsanalyse)
|
||||
</li>
|
||||
<li>
|
||||
<a href="ws04/netzprogrammierung/SiteSize.java">SiteSize.java</a> - Ermittelt die Größe einer
|
||||
HTML-Seite inklusive aller eingebetteten Objekte. Framesets werden berücksichtigt
|
||||
</li>
|
||||
<li>
|
||||
<a href="ws04/netzprogrammierung/AuthCheck.java">AuthCheck.java</a> - Verbindet zu einer
|
||||
Seite die durch das Basic Authentication Scheme geschützt ist
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p style="margin-top: 6ex; font-size: x-small;">Wintersemester 2003/04</p>
|
||||
|
||||
<h3><a href="ws03/alp/">Algorithmen und Programmierung</a></h3>
|
||||
<p>
|
||||
Während der gemeinsamen Vorbereitung auf die Vordiplom-Prüfung entstanden diese Seiten.
|
||||
</p>
|
||||
|
||||
<p style="margin-top: 6ex; font-size: x-small;">Wintersemester 2002/03</p>
|
||||
|
||||
<h3><a href="ws02/puk/">Webworking für die Publizistik</a></h3>
|
||||
<p>
|
||||
Technische Umsetzung des Layouts für die Internetpräsenz des
|
||||
<a href="http://www.kommwiss.fu-berlin.de">Instituts für Publizistik und Kommunikationswissenschaft</a>
|
||||
im Rahmen des Umstiegs auf das Content Management System Typo 3. Besonderes Augenmerk lag dabei auf der
|
||||
Barrierefreiheit und Wartbarkeit, wodurch das Ergebnis angenehm leichtgewichtig ist.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once($_SERVER['DOCUMENT_ROOT'].'/daten/php/pagefooter.php');
|
||||
?>
|
||||
Binary file not shown.
@@ -0,0 +1,122 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Stundenplan SoSe 2005</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body { background-color:#FFFFFF; font-family: Georgia, 'Arial Narrow', Tahoma, Helvetica, Arial, sans-serif; }
|
||||
td { width:20ex; /*height:15ex;*/ padding:3px; }
|
||||
hr { height:1px }
|
||||
|
||||
a:link { color:#0044CC; text-decoration: none; } /* noch nicht besuchte Ziele */
|
||||
a:visited { color:#0044CC; text-decoration: none; } /* besuchte Ziele */
|
||||
a:hover { text-decoration: underline; } /* Verweise bei "MouseOver" */
|
||||
|
||||
.puk { color:#990000 }
|
||||
.puk a { color:#990000; text-decoration:none; font-weight:bold; }
|
||||
.pukLight { color:#AA6666 }
|
||||
.pukLight a { color:#AA6666; text-decoration:none; font-weight:bold; }
|
||||
.inf { color:#008800 }
|
||||
.inf a { color:#008800; text-decoration:none; font-weight:bold; }
|
||||
.infLight { color:#669966 }
|
||||
.infLight a { color:#669966; text-decoration:none; font-weight:bold; }
|
||||
.extra { color:#0066EE; font-family: Arial, sans-serif; }
|
||||
.extra a { color:#0066EE; text-decoration:none; font-weight:bold; font-family: Arial, sans-serif; }
|
||||
.info { font-size: 70% }
|
||||
.archive a { font-size: 80%; color:#555555; text-decoration:none; font-style: italic; font-weight:bold; }
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table border="1" style="border-collapse:collapse">
|
||||
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Montag</th>
|
||||
<th>Dienstag</th>
|
||||
<th>Mittwoch</th>
|
||||
<th>Donnerstag</th>
|
||||
<th>Freitag</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>8.30 - 10.00</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>
|
||||
<div class="infLight"><a href="http://www.inf.fu-berlin.de/lehre/SS05/KI/index.html">KI</a><div class="info">Inf SR006<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=32">Rojas</a></div></div>
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>10.15 - 11.45</td>
|
||||
<td></td>
|
||||
<td><div class="infLight"><a href="http://www.inf.fu-berlin.de/lehre/SS05/mafi2/index.html">MafI II</a><div class="info">Inf HS<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=26">Kriegel</a></div></div></td>
|
||||
<td><div class="inf"><a href="http://www.mi.fu-berlin.de/kvv/?veranstaltung=883">Ü DBS</a><div class="info">Inf SR051<br />Schroeder</div></div></td>
|
||||
<td><div class="infLight"><a href="http://www.inf.fu-berlin.de/lehre/SS05/mafi2/index.html">MafI II</a><div class="info">Inf HS<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=26">Kriegel</a></div></div></td>
|
||||
<td><div class="infLight"><a href="http://www.inf.fu-berlin.de/lehre/SS05/KI/index.html">Ü KI</a><div class="info">Inf SR006<br /><a href="http://page.mi.fu-berlin.de/~block/">Block</a></div></div></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>12.15 - 13.45</td>
|
||||
<td><div class="puk"><a href="http://www.kommwiss.fu-berlin.de/376.html">Journalismus</a><div class="info">Lankwitz G 202<br />Göpfert</div></div><div class="archive"></div></td>
|
||||
<td>
|
||||
<div class="infLight">Geometrie<div class="info">Pi SR025<br />Schulze</div></div>
|
||||
<hr />
|
||||
<div class="pukLight"><a href="http://www.kommwiss.fu-berlin.de/54.html">Kommunikations-<br />theorie</a><div class="info">Lankwitz G 202<br />Posner-Landsch</div></div>
|
||||
</td>
|
||||
<td><div class="inf"><a href="http://www.inf.fu-berlin.de/inst/ag-nbi/lehre/05/V_XML/">XML</a><div class="info">Inf SR005<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=93">Schild</a></div></div></td>
|
||||
<td>
|
||||
<div class="infLight"><a href="http://www.inf.fu-berlin.de/lehre/SS05/mafi2/index.html">Ü MafI II</a><div class="info">Inf SR006<br />Krüger</div></div>
|
||||
<hr />
|
||||
<div class="inf">Geometrie<div class="info">Pi SR025<br />Schulze</div></div></td>
|
||||
<td><div class="infLight">Ü Geometrie<div class="info">Pi SR025<br /></div></div></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>14.15 - 15.45</td>
|
||||
<td><div class="inf"><a href="http://www.inf.fu-berlin.de/inst/ag-nbi/lehre/05/S_PL/">Projektleitung</a><div class="info">Inf SR006<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=45">Tolksdorf</a></div></div></td>
|
||||
<td><div class="inf"><a href="http://www.inf.fu-berlin.de/lehre/SS05/19517-V/">DBS</a><div class="info">Inf HS<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=8">Schweppe</a></div></div></td>
|
||||
<td><div class="inf"><a href="http://www.mi.fu-berlin.de/kvv/?veranstaltung=834">Bildgebende Verfahren</a><div class="info">Inf SR046<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=128">Braun</a></div></div></td>
|
||||
<td><div class="inf"><a href="http://www.inf.fu-berlin.de/lehre/SS05/19517-V/">DBS</a><div class="info">Inf HS<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=8">Schweppe</a></div></div></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>16.15 - 17.45</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><div class="inf"><a href="http://www.mi.fu-berlin.de/kvv/?veranstaltung=850">Ü XML</a><div class="info">Inf SR005<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=93">Schild</a></div></div></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>18.15 - 19.75</td>
|
||||
<td></td>
|
||||
<td><div class="infLight"><a href="http://www.fu-fighters.de">FU-Fighters</a><div class="info">Inf SR137<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=32">Rojas</a></div></div></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><div class="extra">18<sup>00</sup> - 20<sup>00</sup> Jonglieren</div></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td><div class="extra">20<sup>30</sup> - 21<sup>30</sup> Aerobic</div></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><div class="extra">20<sup>00</sup> - 22<sup>00</sup> Floorball</div></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div style="margin-top: 1ex">
|
||||
<a href="http://www.fu-berlin.de/telefon/index.php">Telefonverzeichnis der FU</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,165 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Stundenplan Sommersemester 2006</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
|
||||
<style type="text/css">
|
||||
<!--
|
||||
body { background-color:#FFFFFF; font-family: Georgia, 'Arial Narrow', Tahoma, Helvetica, Arial, sans-serif; }
|
||||
td { width: 20ex; /*height:15ex;*/ padding: 3px; }
|
||||
hr { height: 1px }
|
||||
|
||||
@media screen {
|
||||
#stundenplan { border-collapse: collapse; font-size: 90%; margin-left: auto; margin-right: auto; }
|
||||
#linkliste { margin-top: 1ex; font-size: 60%; text-align: center; }
|
||||
}
|
||||
|
||||
@media print {
|
||||
#stundenplan { border-collapse: collapse; font-size: 90%; }
|
||||
#linkliste { display: none; }
|
||||
}
|
||||
|
||||
a:link { color:#0044CC; text-decoration: none; } /* noch nicht besuchte Ziele */
|
||||
a:visited { color:#0044CC; text-decoration: none; } /* besuchte Ziele */
|
||||
a:hover { text-decoration: underline; } /* Verweise bei "MouseOver" */
|
||||
|
||||
.beide { color:#000000; }
|
||||
.beide a { color:#000000; text-decoration: none; font-weight: bold; }
|
||||
.bettina { color:#940000; }
|
||||
.bettina a { color:#940000; text-decoration: none; font-weight: bold; }
|
||||
.tilman { color:#001194; }
|
||||
.tilman a { color:#001194; text-decoration: none; font-weight: bold; }
|
||||
|
||||
.beideHell { color:#444444; }
|
||||
.beideHell a { color:#444444; text-decoration: none; font-weight: bold; }
|
||||
.bettinaHell { color:#AA6666; font-style: italic; }
|
||||
.bettinaHell a { color:#AA6666; text-decoration: none; font-weight: bold; font-style: italic; }
|
||||
.tilmanHell { color:#668EAE; font-style: italic; }
|
||||
.tilmanHell a { color:#668EAE; text-decoration: none; font-weight: bold; font-style: italic; }
|
||||
|
||||
.info { font-size: 70% }
|
||||
|
||||
.additional { margin: 1ex; padding: 0.5ex; border: 1px solid black; width: 30ex; font-size: 85%; }
|
||||
-->
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
function googleFocus() {
|
||||
document.forms[0].q.focus();
|
||||
}
|
||||
//-->
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body onload="googleFocus()">
|
||||
<table id="stundenplan" border="1">
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<!-- Search Google -->
|
||||
<form method="get" action="http://www.google.de/search">
|
||||
<div>
|
||||
<input type="text" name="q" maxlength="255" value="" />
|
||||
<input type="hidden" name="hl" value="de" />
|
||||
</div>
|
||||
</form>
|
||||
</th>
|
||||
<th>Montag</th>
|
||||
<th>Dienstag</th>
|
||||
<th>Mittwoch</th>
|
||||
<th>Donnerstag</th>
|
||||
<th>Freitag</th>
|
||||
</tr>
|
||||
|
||||
<!-- tr>
|
||||
<td>8.30 - 10.00</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr -->
|
||||
|
||||
<tr>
|
||||
<td>10.15 - 11.45</td>
|
||||
<td><div class="bettina"><a href="http://projects.mi.fu-berlin.de/w/bin/view/SE/VorlesungEmpirie2006">Empirische Bewertung</a><div class="info">Inf SR049<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=67">Prechelt</a></div></div></td>
|
||||
<td>
|
||||
<div class="tilman"><a href="http://www.inf.fu-berlin.de/lehre/SS06/mafi2/index.html">MafI 2</a><div class="info">Inf HS<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=26">Kriegel</a></div></div>
|
||||
<hr />
|
||||
<div class="bettina"><a href="http://www.inf.fu-berlin.de/lehre/SS06/Bildverarbeitung">Bildverarbeitung</a><div class="info">Inf SR006<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=32">Rojas</a></div></div>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><div class="tilman"><a href="http://www.inf.fu-berlin.de/lehre/SS06/mafi2/index.html">MafI 2</a><div class="info">Inf HS<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=26">Kriegel</a></div></div></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>12.15 - 13.45</td>
|
||||
<td><div class="bettina">Ü Empirische Bewertung<div class="info">Inf SR049<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=121">Salinger</a></div></div></td>
|
||||
<td><div class="tilman">Ü MafI 2<div class="info">Inf SR006<br />Kroushkov</div></div></td>
|
||||
<td><div class="beide"><a href="http://tilman.dyndns.org/svn/ea06/">PG Effiziente Algorithmen</a></div></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>14.15 - 15.45</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><div class="tilman"><a href="http://www.mi.fu-berlin.de/kvv/?veranstaltung=1181">Betriebliche Anwendungssysteme</a><div class="info">Inf SR005<br />Dietze</div></div></td>
|
||||
<td><div class="bettina">Ü Bildverarbeitung<div class="info">Inf SR006<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=229">Hundelshausen</a></div></div></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>16.15 - 17.45</td>
|
||||
<td></td>
|
||||
<td><div class="beide"><a href="http://www.inf.fu-berlin.de/lehre/SS06/PraktikumAlgorithmen/">Effiziente Algorithmen</a> <span style="font-size: x-small; font-weight: bold;">16<sup>00</sup>-19<sup>00</sup></span><div class="info">Inf SR055<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=42">Rote</a></div></div></td>
|
||||
<td><div class="bettinaHell"><div class="info">17<sup>00</sup>-18<sup>00</sup></div><a href="http://www.musiklehrer-fuer-musiklehrer.de/Berlin_Gesang_Gesangsunterricht_Gesangslehrer.php">Singen</a></div></td>
|
||||
<td><div class="bettina"><a href="http://www.mi.fu-berlin.de/kvv/?veranstaltung=1095">Künstliche Intelligenz</a><div class="info">Inf SR006<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=32">Rojas</a></div></div></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>18.15 - 19.45</td>
|
||||
<td></td>
|
||||
<td><div class="bettina"><a href="httP://www.fu-fighters.de">Robocup</a><div class="info">Inf SR006<br /><a href="http://www.mi.fu-berlin.de/kvv/?dozent=32">Rojas</a></div></div></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><div class="bettinaHell"><div class="info">17<sup>45</sup>-18<sup>30</sup></div><a href="http://www.tu-sport.de/index.php?id=201&bp=131">Aquafitness</a></div></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<span style="background-color:#940000;"> </span> Bettina
|
||||
</p>
|
||||
<p>
|
||||
<span style="background-color:#001194;"> </span> Tilman
|
||||
</p>
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><div class="bettinaHell"><div class="info">21<sup>30</sup>-22<sup>45</sup></div><a href="http://www.aladdina.de/">Bauchtanz</a></div></td>
|
||||
<td><div class="tilmanHell"><div class="info">20<sup>00</sup>-22<sup>00</sup></div><a href="http://hs-sport.fu-berlin.de/FMPro?-db=hss.fp5&-format=sportprogramm-detail.html&-lay=gesamtdaten&-sortfield=sportarten%3a%3asportid&-sortfield=kursnummer&-sortfield=tag%5fzeit%5fgesamt&-op=eq&Sportarten%3a%3aSport%5ftext=Floorball&-max=2147483647&-recid=42740&-find=">Floorball</a></div></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div id="linkliste">
|
||||
<a href="http://www.inf.fu-berlin.de/">Informatik</a> (<a href="http://www.mi.fu-berlin.de/kvv/?semester=11">KVV</a>) ·
|
||||
<a href="http://kommwiss.fu-berlin.de/">Kommunikationswissenschaft</a> (<a href="http://kommwiss.fu-berlin.de/kvv.html">KVV</a>) ·
|
||||
<a href="http://www.math.fu-berlin.de/">Mathematik</a> (<a href="http://www.mi.fu-berlin.de/kvv/mathe/?semester=3">KVV</a>) ·
|
||||
<a href="http://www.fu-berlin.de/telefon/index.php">Telefonverzeichnis der FU</a> ·
|
||||
<a href="http://www.studentenwerk-berlin.de/mensen/speiseplan/fu2/index.html">Mensa 2</a> ·
|
||||
<a href="http://www.amattil.de/speiseplan.htm">Bio-Mensa</a>
|
||||
</div>
|
||||
|
||||
<div style="margin: 4em;">
|
||||
<!-- <div class="tilman additional"><a href="http://www.inf.fu-berlin.de/inst/ag-tech/teaching/SS06/19554-S-TI/index.html">Seminar Technische Informatik</a><div class="info">Inf SR044<br /><a href="http://www.inf.fu-berlin.de/inst/ag-tech/members/schiller.htm">Schiller</a></div> 13./14.7., 10<sup>00</sup>-16<sup>00</sup> Uhr</div> -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Freie Universität Berlin - Institut für Publizistik und Kommunikationswissenschaft</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" media="print" href="print.css">
|
||||
<link rel="stylesheet" type="text/css" media="braille, embossed, tty, handheld" href="none">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="menu-skip"><a href="#content">Menü überspringen</a><br></div>
|
||||
<div id="top-bar"></div>
|
||||
<div id="top-bar-right"></div>
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img class="logo" src="logo.jpg" border="0" alt="Freie Universität Berlin"></a>
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img class="top-bar-left" src="top-bar-left.jpg" border="0" alt="Institut für Publizistik- und Kommunikationswissenschaft"></a>
|
||||
|
||||
<div id="service">
|
||||
<form action=post method=post>
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="">KONTAKT</a> |
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="">ENGLISH</a> |
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="http://www.fu-berlin.de">FU-BERLIN</a> |
|
||||
<div id="search-label"><label for="search">Suchen:</label></div>
|
||||
<input type="text" size="12" name="search" id="search" class="search">
|
||||
<input type="submit" value="Suchen" name="submitSearch" class="search">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="menu">
|
||||
<p>
|
||||
<a class="h1" href="akt">Aktuelles</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Einrichtungen</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Studium</a> <img class="bullet" src="bullet.jpg" alt=""><br>
|
||||
<a class="h2" href="akt">KVV</a><br>
|
||||
<a class="h2" href="akt">Sprechstunden</a><br>
|
||||
<a class="h2" href="akt">Fachschaftsinitiative</a><br> <!-- auch letzter Unterpunkt muss einen Break haben! (IE) -->
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Forschung</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Lehre</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="path">
|
||||
<a href="">Start</a> >
|
||||
<a href="">Studium</a> >
|
||||
<a href="">Layout</a>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<a name="content"></a>
|
||||
|
||||
<!-- INHALT __________________________________________________________________________ -->
|
||||
|
||||
<h1>Überschrift 1</h1>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h2>Überschrift 2</h2>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h3>Überschrift 3</h3>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<ul>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
</ul>
|
||||
|
||||
<!-- Letzte Änderung, Name und eMail des Autors _________________ -->
|
||||
|
||||
<div id="signature">
|
||||
<hr>
|
||||
<p>
|
||||
Erstellt von <a href="mailto:twalther@gmx.net">Tilman Walther</a><br>
|
||||
Letzte Änderung: 2002-12-30
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ENDE INHALT _____________________________________________________________________ -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 138 B |
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
Binary file not shown.
|
After Width: | Height: | Size: 98 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 275 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 487 B |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 319 B |
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,598 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Seminar "Einführung eines Content Management Systems"</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
|
||||
<style type="text/css" media="print">
|
||||
<!--
|
||||
body { font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 70%; background-color:#FFFFFF;}
|
||||
h1 { font-size: 110%; margin-top: 12pt; margin-bottom: 6pt; }
|
||||
h2 { font-size: 100%; margin-top: 12pt; margin-bottom: 6pt; }
|
||||
h3 { font-size: 80%; margin-top: 10pt; margin-bottom: 4pt; }
|
||||
|
||||
a:link { color:#0000DD; text-decoration: underline; }
|
||||
a:visited { color:#0000DD; text-decoration: underline; }
|
||||
a:hover { color:#0000DD; text-decoration: underline; letter-spacing: 1px; }
|
||||
|
||||
#abbildung { margin: 5px; text-align: center; border: 0px; font-size: 75%; font-weight: bold; }
|
||||
img { border: 0px; margin: 2px; }
|
||||
#comment { color:#000077; font-style: italic; font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 80%; }
|
||||
#marker { border: 0px; border-left: 2px solid #000077; padding-left: 5px; }
|
||||
#HTMLcomment { font-style: italic; }
|
||||
|
||||
#bilder { text-align: center; background-color:#FFFFFF; font-size: 80%; }
|
||||
#bilder img { border: 1px solid #557799; padding: 2px; }
|
||||
|
||||
hr { color:#557799; }
|
||||
|
||||
#gliederung { margin-left: 20px; }
|
||||
#gliederung a { color:#000000; letter-spacing: 0px; font-weight: bold; }
|
||||
-->
|
||||
</style>
|
||||
|
||||
<style type="text/css" media="screen">
|
||||
<!--
|
||||
body { font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 90%; background-color:#EEEEEE; color:#000000;}
|
||||
h1 { font-size: 130%; margin-top: 12pt; margin-bottom: 6pt; }
|
||||
h2 { font-size: 120%; margin-top: 12pt; margin-bottom: 6pt; }
|
||||
h3 { font-size: 100%; margin-top: 10pt; margin-bottom: 4pt; }
|
||||
|
||||
a:link { color:#0000DD; text-decoration: underline; }
|
||||
a:visited { color:#0000DD; text-decoration: underline; }
|
||||
a:hover { color:#0000DD; text-decoration: underline; letter-spacing: 1px; }
|
||||
|
||||
#abbildung { margin: 5px; text-align: center; border: 0px; font-size: 75%; font-weight: bold; }
|
||||
img { border: 0px; margin: 2px; }
|
||||
#comment { color:#000077; font-style: italic; font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 80%; }
|
||||
#marker { border: 0px; border-left: 2px solid #000077; padding-left: 5px; }
|
||||
#HTMLcomment { font-style: italic; }
|
||||
|
||||
#bilder { text-align: center; background-color:#EEEEEE; font-size: 80%; }
|
||||
#bilder img { border: 1px solid #557799; padding: 2px; }
|
||||
|
||||
hr { color:#557799; }
|
||||
|
||||
#gliederung { margin-left: 20px; }
|
||||
#gliederung a { color:#000000; letter-spacing: 0px; font-weight: bold; }
|
||||
-->
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div style="font-size: 80%; background-color:#FFFFFF; border: 1px dotted black; padding: 5px;">
|
||||
<b>Download</b><br>
|
||||
<a href="download/ag_layout_dokumentation.zip">Artikel als HTML mit unkomprimierten Bildern (277 KB, gezipt)</a><br>
|
||||
<a href="download/ag_layout_ergebnis.zip">Layout mit allen JPEGs und Quellen (19 KB, gezipt)</a><br>
|
||||
</div>
|
||||
|
||||
<h3>Seminar "Einführung eines Content Management Systems" - WS 2002/03</h3>
|
||||
<h3>Bettina Selig, Tilman Walther</h3>
|
||||
<h2>AG Layout-Überarbeitung</h2>
|
||||
<h1>Abschlussbericht</h1>
|
||||
|
||||
<hr>
|
||||
<div id="gliederung">
|
||||
<a href="#ausgangssituation">1 Ausgangssituation</a><br>
|
||||
<a href="#vorgaben">2 Vorgaben</a><br>
|
||||
<a href="#ablauf">3 Ablauf</a><br>
|
||||
<a href="#ergebnisse">4 Ergebnisse</a><br>
|
||||
<a href="#aufteilung">4.1 Aufteilung des Layouts</a><br>
|
||||
<a href="#quellen">4.2 Kommentierte Quelltexte</a><br>
|
||||
<a href="#beispiel">4.2.1 beispiel.html</a><br>
|
||||
<a href="#styles">4.2.2 styles.css</a><br>
|
||||
<a href="#print">4.2.3 print.css</a><br>
|
||||
<a href="#netscape">4.2.4 netscape.html</a><br>
|
||||
<a href="#netscapecss">4.2.5 netscape.css</a><br>
|
||||
<a href="#print">4.3 Bilddateien</a><br>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<a name="ausgangssituation"></a>
|
||||
<h2>1 Ausgangssituation</h2>
|
||||
Die AG baute auf den Ergebnissen der AG Layout vom Seminar Internet-Redaktion im WS 2001/02 auf. Es lag ein fertiger Entwurf vor, der verschiedenen Anforderungen entsprechend angepasst werden musste.
|
||||
|
||||
<div id="abbildung">
|
||||
<a href="screens/entwurf.png">
|
||||
<img src="screens/entwurf.jpg"><br>
|
||||
Abb. 1 - Der (tabellenorientierte) Layoutentwurf aus dem WS 01/02
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a name="vorgaben"></a>
|
||||
<h2>2 Vorgaben</h2>
|
||||
Der Entwurf musste nach der Überarbeitung folgenden Vorgaben genügen:
|
||||
<ol>
|
||||
<li>Das Layout muss in der HTML/CSS-Struktur den derzeit gültigen Standards entsprechen, um eine möglichst hohe Kompatibilität mit den verschiedenen Web-Browsern zu gewährleisten. Neuere Standards sollen so in das Layout eingebunden werden, dass der Zugang zu den Inhalten auch mit veralteten Webbrowsern möglich ist.</li>
|
||||
<li>Das Layout sollte klein sein, um die durch die dynamische Seitengenerierung entstehende Serverlast so gering wie möglich zu halten.</li>
|
||||
<li>Um den Zugang zu den Inhalten jedem zu ermöglichen, muss der Internetauftritt des Instituts weitesgehend barrierefrei sein und den Vorgaben durch das Bundesgleichstellungsgesetz und die WAI entsprechen.</li>
|
||||
<li>Ausdrucke sollen ohne die Bedienelemente der Webseite erfolgen.</li>
|
||||
</ol>
|
||||
<a name="ablauf"></a>
|
||||
<h2>3 Ablauf</h2>
|
||||
Das ursprünglich mit blinden Tabellen implementierte Layout wurde zunächst mit HTML/CSS neu erstellt. Bei den anschließenden Kompatibilitätstests mit verschiedenen Browsern zeigte sich, dass es wohl nicht möglich sein würde, den Entwurf so umzusetzen, dass er sowohl mit den fehlerbehafteten Netscape 4.x-Versionen, als auch mit den restlichen Browsern funktionieren würde, weshalb auf eine duale Lösung umgestellt wurde: Eine voll valide CSS-basierte Version als Standard, für Netscape 4.x-Nutzer eine speziell angepasste Version.<br>
|
||||
Die Standard-Version musste auf Kompatibilität mit den verschiedenen Web-Browsern getestet und mehrfach angepasst werden, da nicht alle verabschiedeten Standards auch von den Browsern interpretiert werden, so dass z.B. nicht sämtliche Elemente der CSS2-Spezifikation genutzt werden konnten, was zum Teil deutliche Einschränkungen bei der Umsetzung des angestrebten Layouts mit sich brachte.<br>
|
||||
<a name="ergebnisse"></a>
|
||||
<h2>4 Ergebnisse</h2>
|
||||
<a name="aufteilung"></a>
|
||||
<h3>4.1 Aufteilung des Layouts</h3>
|
||||
|
||||
<div id="abbildung">
|
||||
<a href="screens/ergebnis.png">
|
||||
<img src="screens/ergebnis.jpg"><br>
|
||||
Abb. 2 - Das Layout in der Standard-Version
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Das Layout besteht aus drei Teilen:
|
||||
<ol>
|
||||
<li>Dem HTML-Framework, in das das Content Management System die Inhalte einfügt,</li>
|
||||
<li>dem Style-Sheet, das das Layout implementiert und dem Style-Sheet für den Druck</li>
|
||||
<li>und den Bilddateien der verschiedenen Layout-Elemente</li>
|
||||
</ol>
|
||||
Das HTML-Framework ist logisch gegliedert, was den Zugriff mit nicht CSS-fähigen Browsern erleichtert. Durch die strenge Trennung von Inhalt und Layout ist eine Nutzung der Webseiten selbst mit Browsern der ersten Generation und rein textorientierten Browsern wie Lynx noch problemlos möglich. Es wurde der Befehlssatz von HTML 4.01 verwendet, auf XHTML wurde mangels breiter Unterstützung durch die existenten Browser verzichtet. Das Framework ist validiert nach den Regeln des World Wide Web Consortiums und auf die gültigen Richtlinien zur Barrierefreiheit hin überprüft. Es entspricht den "Section 508 Guidelines" der US-Regierung, die für US-amerikanische Behörden verbindliche Richtlinie zur Barrierefreiheit ihrer Webseiten.<br>
|
||||
Die beiden Style Sheets sind ebenfalls nach den Regeln des World Wide Web Consortiums validiert. Ausgaben auf Drucker werden, sofern der Browser CSS interpretiert, mit einem angepassten Style Sheet formatiert, was unter anderem bewirkt, dass die Navigationselemente und Schmuckleisten im Druck weggelassen werden.<br>
|
||||
Die Bilddateien konnten gegenüber dem ursprünglichen Entwurf hinsichtlich Größe (ursprünglich insgesamt 44,2 Kilobyte) und Qualität deutlich optimiert werden. So beträgt die Gesamtgröße aller im Framework verankerten Bilder ca. 13 Kilobyte, die Größe des gesamten Layouts mit allen Dateien etwa 22 Kilobyte.
|
||||
|
||||
<h3>Besonderheiten im Netscape 4x Layout</h3>
|
||||
Da der Netscape Navigator in der Version 4 bei der Interpretation von CSS gravierende Fehler macht, dieser Browser jedoch nach wie vor verbreitet ist, wurde eine gesonderte Version erstellt, auf die Typo3 sämtliche Netscape-4x-Browser verweist. Anstatt der CSS-basierten Unterteilung in logische Abschnitte durch <div>-Tags wurde die Netscape-eigene Layer-Technik verwendet, mit der sich eine annährend identische Ausgabe erreichen lässt.<br><br>
|
||||
|
||||
|
||||
<!-- ################################################################################################################### -->
|
||||
|
||||
|
||||
<hr>
|
||||
<a name="quellen"></a>
|
||||
<h2>4.2 Kommentierte Quelltexte</h2>
|
||||
<a name="beispiel"></a>
|
||||
<h3>4.2.1 Beispiel.html</h3>
|
||||
Das HTML-Framework, in das Typo3 die Inhalte einfügt.
|
||||
<pre>
|
||||
<div id="marker"><span id="comment">Dokumententyp-Angabe</span>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></div>
|
||||
<html>
|
||||
<head>
|
||||
<title>Freie Universität Berlin - Institut für Publizistik und Kommunikationswissenschaft</title>
|
||||
<div id="marker"><span id="comment">Angabe des Zeichensatzes - so können deutsche Umlaute direkt ohne HTML-Codierung im Quelltext verwendet werden</span>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"></div>
|
||||
<div id="marker"><span id="comment">Verweis auf die Style Sheets für verschiedene Ausgabemedien</span>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" media="print" href="print.css">
|
||||
<link rel="stylesheet" type="text/css" media="braille, embossed, tty, handheld" href="none"></div> </head>
|
||||
|
||||
<body>
|
||||
<div id="marker"><span id="comment">Dieser Link wird nur angezeigt, wenn CSS ignoriert wird und dient zum Überspringen der Navigation. Wichtig z.B. für Screen Reader.</span>
|
||||
<div id="menu-skip"><a href="#content">Menü überspringen</a><br></div></div>
|
||||
<div id="marker"><span id="comment">Die Schmuckleiste mit dem Instituts-Schriftzug wir hier eingebunden. Da sämtliche Bilder als Hintergrund im Style Sheet verankert sind, wird die</span>
|
||||
<span id="comment">Leiste nicht angezeigt, wenn CSS ignoriert wird. Das Logo (oben links) ist direkt im HTML eingebunden, da es auch in der Textversion angezeigt werden soll.</span>
|
||||
<div id="top-bar"></div>
|
||||
<div id="top-bar-right"></div>
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img class="logo" src="logo.jpg" border="0" alt="Freie Universität Berlin"></a>
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img class="top-bar-left" src="top-bar-left.jpg" border="0" alt="Institut für Publizistik- und Kommunikationswissenschaft"></a></div>
|
||||
<div id="marker"><span id="comment">Das Service-Menü mit dem Suchformular. Das Formular in diesem Entwurf ist ein Dummy, der später</span>
|
||||
<span id="comment">durch Typo3 ersetzt wird - je nachdem, ob die Typo3-Suchengine oder eine externe Lösung verwendet wird.</span>
|
||||
<div id="service">
|
||||
<form action=post method=post>
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="">KONTAKT</a> |
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="">ENGLISH</a> |
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="http://www.fu-berlin.de">FU-BERLIN</a> |
|
||||
<div id="search-label"><label for="search">Suchen:</label></div>
|
||||
<input type="text" size="12" name="search" id="search" class="search">
|
||||
<input type="submit" value="Suchen" name="submitSearch" class="search">
|
||||
</form>
|
||||
</div></div>
|
||||
<div id="marker"><span id="comment">Das Hauptmenü. Die Einträge werden später durch Typo3 dynamisch generiert.</span>
|
||||
<div id="menu">
|
||||
<p>
|
||||
<a class="h1" href="akt">Aktuelles</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Einrichtungen</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Studium</a> <img class="bullet" src="bullet.jpg" alt=""><br>
|
||||
<a class="h2" href="akt">KVV</a><br>
|
||||
<a class="h2" href="akt">Sprechstunden</a><br>
|
||||
<a class="h2" href="akt">Fachschaftsinitiative</a><br> <span id="HTMLcomment"><!-- auch letzter Unterpunkt muss einen Break haben! (IE) --></span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Forschung</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Lehre</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="path">
|
||||
<a href="">Start</a> >
|
||||
<a href="">Studium</a> >
|
||||
<a href="">Layout</a>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<a name="content"></a></div>
|
||||
<div id="marker" style="border-left: 2px solid #880000;"><span id="comment" style="color:#880000;">Ab hier beginnt der Inhalt der jeweiligen Seite, der von Typo3 eingefügt wird.</span>
|
||||
<span id="HTMLcomment"><!-- INHALT __________________________________________________________________________ --></span>
|
||||
|
||||
<h1>Überschrift 1</h1>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h2>Überschrift 2</h2>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h3>Überschrift 3</h3>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<ul>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
</ul>
|
||||
|
||||
<div id="marker" style="border-left: 2px solid #880000;"><span id="comment" style="color:#880000;">Die Fußzeile mit dem Datum der letzten Änderung und einem Mail-Link zum Autor wir ebenfalls dynamisch in das Framework eingefügt.</span>
|
||||
<span id="HTMLcomment"><!-- Letzte Änderung, Name und eMail des Autors _________________ --></span>
|
||||
<div id="signature">
|
||||
<hr>
|
||||
<p>
|
||||
Erstellt von <a href="mailto:twalther@gmx.net">Tilman Walther</a><br>
|
||||
Letzte Änderung: 2002-12-30
|
||||
</p>
|
||||
</div>
|
||||
</div></div>
|
||||
<span id="HTMLcomment"><!-- ENDE INHALT _____________________________________________________________________ --></span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
|
||||
|
||||
<!-- ################################################################################################################### -->
|
||||
|
||||
|
||||
<hr>
|
||||
<a name="styles"></a>
|
||||
<h3>4.2.2 styles.css</h3>
|
||||
Mit diesem Style-Sheet werden die Ausgaben auf einen Standard-Browser formatiert.
|
||||
<pre>
|
||||
body { margin: 0px; padding: 0px; background-color:#FFFFFF; font-family: Helvetica, Arial, sans-serif;
|
||||
background-image:url(blue-bar.jpg); background-repeat: repeat-y; }
|
||||
|
||||
#top-bar { position: absolute; top: 42px; background-image:url(top-bar-background.jpg); width: 100%; height: 49px; }
|
||||
.logo { position: absolute; top: 0px; left: 0px; border: 0px; }
|
||||
.top-bar-left { position: absolute; top: 42px; left:136px; }
|
||||
#top-bar-right { position: absolute; top: 42px; right:0px; height: 49px; width: 293px;
|
||||
background-image:url(top-bar-right.jpg); background-repeat: no-repeat; }
|
||||
|
||||
#service { position: absolute; top: 0px; right: 0px; width: 100%; padding: 10px; color:#000099; text-align: right; }
|
||||
#service a { text-decoration: none; color:#000099; background-color:#FFFFFF; }
|
||||
#service a:hover { text-decoration: underline; }
|
||||
#service .bullet { height: 1.6ex; width: 0.6ex; margin-bottom: -0.1ex; }
|
||||
|
||||
.search { font-size: 75%; }
|
||||
|
||||
#path { position: absolute; top: 92px; left: 140px; padding: 4px; font-size: 78%; color:#000099; }
|
||||
#path a { color:#0000FF; text-decoration: underline; }
|
||||
|
||||
#menu { position: absolute; top: 120px; left: 2px; text-align: right; width: 134px; color:#FFFFFF;
|
||||
white-space: nowrap; overflow: hidden; }
|
||||
#menu a { text-decoration: none; }
|
||||
#menu a:hover { text-decoration: underline; }
|
||||
#menu p { margin-top: 10px; } <span id="HTMLcomment">/* engere Version: margin-bottom: 0px; */</span>
|
||||
#menu .h1 { color:#FFFFFF; font-size: 80%; font-weight: bold; }
|
||||
#menu .h2 { color:#FFFFFF; font-size: 70%; margin-right: 1.6ex; }
|
||||
#menu .bullet { height: 1.8ex; width: 0.6ex; margin-bottom: -0.2ex; }
|
||||
|
||||
#content { position: absolute; top: 120px; left: 136px; padding: 2ex; color:#000000; line-height: 120%; }
|
||||
#content a { color:#0000FF; text-decoration: underline; }
|
||||
#content h1 { font-size: 160%; line-height: 100%; }
|
||||
#content h2 { font-size: 130%; line-height: 80%; }
|
||||
#content h3 { font-size: 110%; line-height: 80%; }
|
||||
#content h4 { font-size: 100%; line-height: 80%; }
|
||||
#content h5 { font-size: 80%; line-height: 80%; }
|
||||
#content h6 { font-size: 60%; line-height: 80%; }
|
||||
#content img { margin: 5px; border: 0px; }
|
||||
|
||||
#signature { font-size: 75%; margin-top: 10px; }
|
||||
#signature a { color:#0000FF; text-decoration: underline; }
|
||||
|
||||
<span id="HTMLcomment">/* Barrierefreiheit */</span>
|
||||
#menu-skip { display: none; }
|
||||
#search-label { display: none; }
|
||||
</pre>
|
||||
|
||||
|
||||
<!-- ################################################################################################################### -->
|
||||
|
||||
|
||||
<hr>
|
||||
<a name="print"></a>
|
||||
<h3>4.2.3 print.css</h3>
|
||||
Mit diesem Style Sheet werden Ausgaben auf Drucker formatiert. Das Style Sheet wird sowohl in der Standard- als auch in der Netscape-4x-Version verwendet.
|
||||
|
||||
<pre>
|
||||
body { background-color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; }
|
||||
|
||||
#top-bar { display: none; }
|
||||
.logo { display: none; }
|
||||
.top-bar-left { display: none; }
|
||||
#top-bar-right { display: none; }
|
||||
|
||||
#service { display: none; }
|
||||
|
||||
#path { display: none; }
|
||||
|
||||
#menu { display: none; }
|
||||
|
||||
#content { color:#000000; line-height: 120%; }
|
||||
#content a { color:#0000FF; text-decoration: underline; }
|
||||
#content h1 { font-size: 160%; line-height: 100%; }
|
||||
#content h2 { font-size: 130%; line-height: 80%; }
|
||||
#content h3 { font-size: 110%; line-height: 80%; }
|
||||
#content h4 { font-size: 100%; line-height: 80%; }
|
||||
#content h5 { font-size: 80%; line-height: 80%; }
|
||||
#content h6 { font-size: 60%; line-height: 80%; }
|
||||
#content img { margin: 5px; border: 0px; }
|
||||
|
||||
#signature { font-size: 75%; margin-top: 10px; }
|
||||
#signature a { color:#0000FF; text-decoration: underline; }
|
||||
|
||||
<span id="HTMLcomment">/* Barrierefreiheit */</span>
|
||||
#menu-skip { display: none; }
|
||||
#search-label { display: none; }
|
||||
|
||||
<span id="HTMLcomment">/* Netscape 4.x */</span>
|
||||
#ns4print { display: none }
|
||||
</pre>
|
||||
|
||||
|
||||
<!-- ################################################################################################################### -->
|
||||
<hr>
|
||||
<a name="netscape"></a>
|
||||
<h3>4.2.4 netscape.html</h3>
|
||||
Das HTML-Framework für Netscape 4x mit Layer-Technik.
|
||||
|
||||
<pre>
|
||||
<html>
|
||||
<head>
|
||||
<title>Freie Universität Berlin - Institut für Publizistik und Kommunikationswissenschaft</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<meta name="DC.Language" content="de">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="netscape.css">
|
||||
<link rel="stylesheet" type="text/css" media="print" href="print.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<span id="HTMLcomment"><!-- Logo --></span>
|
||||
<layer left=0px top=0px z-index=1 class="logo">
|
||||
<a href="http://www.fu-berlin.de"><img src="logo.jpg" border=0px></a>
|
||||
</layer>
|
||||
|
||||
|
||||
<span id="HTMLcomment"><!-- Menü links unter Logo --></span>
|
||||
<layer left=0px top=112px width=136px>
|
||||
<div id="menu">
|
||||
<a href="">Aktuelles</a> <span id="green"> </span>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Einrichtungen</a> <span id="green"> </span>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Studium</a> <span id="green"> </span>
|
||||
<div id="sub-menu">
|
||||
<a href="">KVV</a><br>
|
||||
<a href="">Sprechstunden</a><br>
|
||||
<a href="">Fachschaftsinitiative</a><br>
|
||||
</div>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Forschung</a> <span id="green"> </span>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Lehre</a> <span id="green"> </span>
|
||||
</div>
|
||||
</layer>
|
||||
|
||||
|
||||
<span id="HTMLcomment"><!-- Service-Menü --></span>
|
||||
<layer id="service" left=0px top=0px height=42px width=100%>
|
||||
<form action=post method=post>
|
||||
<img src="bullet.jpg" height="10" width="4"> <a href="">KONTAKT</a> |
|
||||
<img src="bullet.jpg" height="10" width="4"> <a href="">ENGLISH</a> |
|
||||
<img src="bullet.jpg" height="10" width="4"> <a href="">FU-BERLIN</a> |
|
||||
<input type=text size=6 name=search class="search">
|
||||
<input type=submit value=Suchen name=submitSearch class="search">
|
||||
</form>
|
||||
</layer>
|
||||
|
||||
|
||||
<span id="HTMLcomment"><!-- Streifen --></span>
|
||||
<layer id="ns4print" left=0px top=42px height=49px width=100% z-index=0>
|
||||
<layer background="top-bar-background.jpg">
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img src="top-bar-left.jpg" alt="" align=left height=49px hspace=136px border=0px></a>
|
||||
<img src="top-bar-right.jpg" alt="" align=right height=49px hspace=0px>
|
||||
</layer>
|
||||
</layer>
|
||||
|
||||
|
||||
<span id="HTMLcomment"><!-- Path --></span>
|
||||
<layer id="path" left=136px top=90px>
|
||||
<a href="">Start</a> >
|
||||
<a href="">Studium</a> >
|
||||
<a href="">Layout</a>
|
||||
</layer>
|
||||
|
||||
|
||||
<layer id="content" left=136px; top=112;>
|
||||
|
||||
<span id="HTMLcomment"><!-- INHALT __________________________________________________________________________ --></span>
|
||||
|
||||
<h1>Überschrift 1</h1>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h2>Überschrift 2</h2>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h3>Überschrift 3</h3>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<ul>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<span id="HTMLcomment"><!-- Letzte Änderung, Name und eMail des Autors _________________ --></span>
|
||||
|
||||
<layer id="signature">
|
||||
<hr>
|
||||
<p>
|
||||
Erstellt von <a href="mailto:kes@gmx.net">Bettina Selig</a><br>
|
||||
Letzte Änderung: 2003-02-11
|
||||
</p>
|
||||
</layer>
|
||||
|
||||
<span id="HTMLcomment"><!-- ENDE INHALT _____________________________________________________________________ --></span>
|
||||
|
||||
</layer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</pre>
|
||||
|
||||
|
||||
<!-- ################################################################################################################### -->
|
||||
<hr>
|
||||
<a name="netscapecss"></a>
|
||||
<h3>4.2.5 netscape.css</h3>
|
||||
Das Style Sheet für Netscape 4x.
|
||||
|
||||
<pre>
|
||||
body { margin: 0px; padding: 0px; font-family:Helvetica,Arial,sans-serif;
|
||||
background-color: #FFFFFF; background-image: url(blue-bar.jpg); background-repeat: repeat-y; }
|
||||
|
||||
#menu { margin-top: 1.2em; text-align: right; font-size: 80%; font-weight: bold; color: #FFFFFF; }
|
||||
#menu a { text-decoration: none; color: #FFFFFF;}
|
||||
#sub-menu { margin-right: 0.6em; font-size: 75%; font-weight: normal; }
|
||||
#green { background-color: #99CC00 }
|
||||
|
||||
#service { margin: 10px; margin-right: 20px; text-align: right; font-size: 85%; color: #000099; }
|
||||
#service a { text-decoration: none; color: #000099; background-color:#FFFFFF; }
|
||||
|
||||
.search { font-size: 75%; }
|
||||
|
||||
#path { margin: 0.3em; font-size: 70%; font-weight: normal; color: #000099; }
|
||||
#path a { text-decoration: underline; color: #0000FF; }
|
||||
|
||||
#content { margin: 0.5em; padding: 0.5em; }
|
||||
#content a { color: #0000FF; text-decoration: underline; }
|
||||
#content h1 { font-size: 160%; line-height: 100%; }
|
||||
#content h2 { font-size: 130%; line-height: 80%; }
|
||||
#content h3 { font-size: 110%; line-height: 80%; }
|
||||
#content h4 { font-size: 100%; line-height: 80%; }
|
||||
#content h5 { font-size: 80%; line-height: 80%; }
|
||||
#content h6 { font-size: 60%; line-height: 80%; }
|
||||
#content img { margin: 5px; border: 0px; }
|
||||
#content ul { margin-top: 1em; }
|
||||
#content ol { margin-top: 1em; }
|
||||
|
||||
#signature { margin-top: 10px; font-size: 70%; }
|
||||
#signature a { text-decoration: underline; color: #0000FF; }
|
||||
</pre>
|
||||
|
||||
<!-- ################################################################################################################### -->
|
||||
|
||||
|
||||
<hr>
|
||||
<a name="bilder"></a>
|
||||
<h3>4.3 Bilddateien</h3>
|
||||
Die JPEG-Dateien sind die im Layout verwendeten. Die verlustfrei komprimierten PNG-Dateien können zur weiteren Bearbeitung benutzt werden.<br><br>
|
||||
<div id="bilder">
|
||||
<table border="0" cellspacing="5" cellpadding="10" width="100%">
|
||||
<tr>
|
||||
<td rowspan="2" align="center" valign="middle" height="150" width="297"><img src="images/logo.jpg"><br> Logo oben links</td>
|
||||
<td align="left" valign="bottom" width="90%"><a href="images/logo.jpg">JPEG-Format (4,33 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/logo.png">PNG-Format (15,5 KB)</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td rowspan="2" align="center" valign="middle" height="150"><img src="images/blue-bar.jpg"><br> Menü-Hintergrund</td>
|
||||
<td align="left" valign="bottom"><a href="images/blue-bar.jpg">JPEG-Format (1,07 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/blue-bar.png">PNG-Format (0,14 KB)</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td rowspan="2" align="center" valign="middle" height="150"><img src="images/bullet.jpg"><br> Bullet für Menüpunkte (wird skaliert)</td>
|
||||
<td align="left" valign="bottom"><a href="images/bullet.jpg">JPEG-Format (0,28 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/bullet.png">PNG-Format (0,02 KB)</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td rowspan="2" align="center" valign="middle" height="150"><img src="images/top-bar-background.jpg"><br> Hintergrund für Schmuckleiste oben</td>
|
||||
<td align="left" valign="bottom"><a href="images/top-bar-background.jpg">JPEG-Format (0,31 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/top-bar-background.png">PNG-Format (0,11 KB)</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td rowspan="2" align="center" valign="middle" height="150"><img src="images/top-bar-left.jpg"><br> Instituts-Schriftzug für die Schmuckleiste</td>
|
||||
<td align="left" valign="bottom"><a href="images/top-bar-left.jpg">JPEG-Format (5,45 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/top-bar-left.png">PNG-Format (4,60 KB)</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td rowspan="2" align="center" valign="middle" height="150"><img src="images/top-bar-right.jpg"><br> rechter Abschluß für die Schmuckleiste</td>
|
||||
<td align="left" valign="bottom"><a href="images/top-bar-right.jpg">JPEG-Format (2,44 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/top-bar-right.png">PNG-Format (14,20 KB)</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td rowspan="4" align="center" valign="middle" height="150"><img src="images/favicon.jpg"><br> Icon für die Favoriten</td>
|
||||
<td align="left" valign="bottom"><a href="images/favicon.ico">ICO-Format mit weißem Hintergrund (1,05 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="middle"><a href="images/favicon2.ico">ICO-Format mit transparentem Hintergrund (1,05 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="middle"><a href="images/favicon16.png">16x16 Pixel, weißer Hintergrund, PNG-Format (0,27 KB)</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top"><a href="images/favicon32.png">32x32 Pixel, weißer Hintergrund, PNG-Format (0,48 KB)</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
@@ -0,0 +1,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Umleitung</title>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
Die Seite hat eine neue Adresse:<br>
|
||||
<a href="http://www.tilman.de/container/puk/index.html">http://www.tilman.de/container/puk/index.html</a>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Freie Universität Berlin - Institut für Publizistik und Kommunikationswissenschaft</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" media="print" href="print.css">
|
||||
<link rel="stylesheet" type="text/css" media="braille, embossed, tty, handheld" href="none">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="menu-skip"><a href="#content">Menü überspringen</a><br></div>
|
||||
<div id="top-bar"></div>
|
||||
<div id="top-bar-right"></div>
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img class="logo" src="logo.jpg" border="0" alt="Freie Universität Berlin"></a>
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img class="top-bar-left" src="top-bar-left.jpg" border="0" alt="Institut für Publizistik- und Kommunikationswissenschaft"></a>
|
||||
|
||||
<div id="service">
|
||||
<form action=post method=post>
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="">KONTAKT</a> |
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="">ENGLISH</a> |
|
||||
<img class="bullet" src="bullet.jpg" alt=""> <a href="http://www.fu-berlin.de">FU-BERLIN</a> |
|
||||
<div id="search-label"><label for="search">Suchen:</label></div>
|
||||
<input type="text" size="12" name="search" id="search" class="search">
|
||||
<input type="submit" value="Suchen" name="submitSearch" class="search">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="menu">
|
||||
<p>
|
||||
<a class="h1" href="akt">Aktuelles</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Einrichtungen</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Studium</a> <img class="bullet" src="bullet.jpg" alt=""><br>
|
||||
<a class="h2" href="akt">KVV</a><br>
|
||||
<a class="h2" href="akt">Sprechstunden</a><br>
|
||||
<a class="h2" href="akt">Fachschaftsinitiative</a><br> <!-- auch letzter Unterpunkt muss einen Break haben! (IE) -->
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Forschung</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a class="h1" href="akt">Lehre</a> <img class="bullet" src="bullet.jpg" alt="">
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="path">
|
||||
<a href="">Start</a> >
|
||||
<a href="">Studium</a> >
|
||||
<a href="">Layout</a>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<a name="content"></a>
|
||||
|
||||
<!-- INHALT __________________________________________________________________________ -->
|
||||
<p><span style="font-size: 70%; font-weight: bold;">Version: 1.5 vom 12. Februar 2003</span></p>
|
||||
|
||||
Hallo da draußen!<br>
|
||||
|
||||
<h1>Das PuK-Layout ist fertig</h1>
|
||||
Nachdem die Preview schon in der AG diskutiert wurde, nun das Layout in der neuen Version.<br>
|
||||
Inzwischen ist alles erprobt und validiert (sowohl <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fbeispiel.html">HTML</a> als auch <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fstyles.css&warning=1&profile=css2">CSS</a>), außerdem kann auf eine zusätzliche Textversion verzichtet werden (s. <a href="http://www.delorie.com/web/lynxview.cgi?url=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fbeispiel.html">Lynxview</a>).<br>
|
||||
Das ganze ist bereits getestet unter Netscape 6 & 7, Internet Explorer 6, Opera 6 & 7 und Lynx.<br>
|
||||
Für Netscape 4x gibt es eine <a href="netscape.html">Extra-Version</a>.<br>
|
||||
<br>
|
||||
Zum herunterladen:
|
||||
<ul>
|
||||
<li><a href="bericht/index.html">Unser Abschlussbericht</a></li>
|
||||
<li><a href="beispiel.html">Beispiel-HTML</a>, Standard-Version</li>
|
||||
<li><a href="styles.css">Style Sheet</a>, Standard-Version</li>
|
||||
<li><a href="netscape.html">Beispiel-HTML</a>, Netscape-Version</li>
|
||||
<li><a href="netscape.css">Style Sheet</a>, Netscape-Version</li>
|
||||
</ul>
|
||||
|
||||
<h2>Mängel und Abweichungen in der Standard-Version</h2>
|
||||
<ul>
|
||||
<li>Der Internet Explorer bricht das Menü bei sehr großer Schrift etwas unschön um</li>
|
||||
<li>Opera legt das Service-Menü ein bißchen tiefer und will das Suchfeld nicht verkleinern</li>
|
||||
<li>Netscape und Opera beginnen mit dem Inhalt etwas tiefer, wenn mit einer Überschrift begonnen wird</li>
|
||||
</ul>
|
||||
|
||||
<h2>Sonstiges</h2>
|
||||
Auf einen grafischen "Suchen"-Button haben wir mangels Skalierbarkeit und zugunsten der Nutzer-Wiedererkennung verzichtet.
|
||||
|
||||
<h2>Version History</h2>
|
||||
1.2 - Druck-CSS eingefügt, kleine Änderungen am CSS<br>
|
||||
1.3 - Die Bilder wurden überarbeitet und optimiert<br>
|
||||
1.4 - Break nach Menu-Skip, Label für Formular, kleine Änderungen am CSS<br>
|
||||
1.5 - Menüeinträge verkleinert, Menü-Hintergrund jetzt mit 'interlace striping'<br>
|
||||
|
||||
<p>
|
||||
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fbeispiel.html"><img src="valid-html401"></a>
|
||||
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fbeispiel.html&warning=1&profile=css2"><img src="vcss"></a>
|
||||
<a href="http://bobby.watchfire.com/bobby/bobbyServlet?URL=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fbeispiel.html&output=Submit&gl=sec508&test=l"><img src="approved_508.gif"></a>
|
||||
<a href="http://bobby.watchfire.com/bobby/bobbyServlet?URL=http%3A%2F%2Fwww.tilman.de%2Fcontainer%2Fpuk%2Fbeispiel.html&output=Submit&gl=wcag1-aaa&test="><img src="approved_aa.gif"></a>
|
||||
<a href="http://dejavu.org/cgi-bin/get.cgi?ver=93&url=http://www.tilman.de/container/puk/beispiel.html"><img src="mosaic.jpg"></a> <!-- http://dejavu.org/1993win.htm -->
|
||||
</p>
|
||||
<!-- Letzte Änderung, Name und eMail des Autors _________________ -->
|
||||
|
||||
<div id="signature">
|
||||
<hr>
|
||||
<p>
|
||||
Erstellt von <a href="mailto:twalther@gmx.net">Tilman Walther</a><br>
|
||||
Letzte Änderung: 2003-2-12
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ENDE INHALT _____________________________________________________________________ -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
@@ -0,0 +1,30 @@
|
||||
body { margin: 0px; padding: 0px; font-family:Helvetica,Arial,sans-serif;
|
||||
background-color: #FFFFFF; background-image: url(blue-bar.jpg); background-repeat: repeat-y; }
|
||||
|
||||
#menu { margin-top: 1.2em; text-align: right; font-size: 80%; font-weight: bold; color: #FFFFFF; }
|
||||
#menu a { text-decoration: none; color: #FFFFFF;}
|
||||
#sub-menu { margin-right: 0.6em; font-size: 75%; font-weight: normal; }
|
||||
#green { background-color: #99CC00 }
|
||||
|
||||
#service { margin: 10px; margin-right: 20px; text-align: right; font-size: 85%; color: #000099; }
|
||||
#service a { text-decoration: none; color: #000099; background-color:#FFFFFF; }
|
||||
|
||||
.search { font-size: 75%; }
|
||||
|
||||
#path { margin: 0.3em; font-size: 70%; font-weight: normal; color: #000099; }
|
||||
#path a { text-decoration: underline; color: #0000FF; }
|
||||
|
||||
#content { margin: 0.5em; padding: 0.5em; }
|
||||
#content a { color: #0000FF; text-decoration: underline; }
|
||||
#content h1 { font-size: 160%; line-height: 100%; }
|
||||
#content h2 { font-size: 130%; line-height: 80%; }
|
||||
#content h3 { font-size: 110%; line-height: 80%; }
|
||||
#content h4 { font-size: 100%; line-height: 80%; }
|
||||
#content h5 { font-size: 80%; line-height: 80%; }
|
||||
#content h6 { font-size: 60%; line-height: 80%; }
|
||||
#content img { margin: 5px; border: 0px; }
|
||||
#content ul { margin-top: 1em; }
|
||||
#content ol { margin-top: 1em; }
|
||||
|
||||
#signature { margin-top: 10px; font-size: 70%; }
|
||||
#signature a { text-decoration: underline; color: #0000FF; }
|
||||
@@ -0,0 +1,115 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Freie Universität Berlin - Institut für Publizistik und Kommunikationswissenschaft</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<meta name="DC.Language" content="de">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="netscape.css">
|
||||
<link rel="stylesheet" type="text/css" media="print" href="print.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<!-- Logo -->
|
||||
<layer left=0px top=0px z-index=1 class="logo">
|
||||
<a href="http://www.fu-berlin.de"><img src="logo.jpg" border=0px></a>
|
||||
</layer>
|
||||
|
||||
|
||||
<!-- Menü links unter Logo -->
|
||||
<layer left=0px top=112px width=136px>
|
||||
<div id="menu">
|
||||
<a href="">Aktuelles</a> <span id="green"> </span>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Einrichtungen</a> <span id="green"> </span>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Studium</a> <span id="green"> </span>
|
||||
<div id="sub-menu">
|
||||
<a href="">KVV</a><br>
|
||||
<a href="">Sprechstunden</a><br>
|
||||
<a href="">Fachschaftsinitiative</a><br>
|
||||
</div>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Forschung</a> <span id="green"> </span>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<a href="">Lehre</a> <span id="green"> </span>
|
||||
</div>
|
||||
</layer>
|
||||
|
||||
|
||||
<!-- Service-Menü -->
|
||||
<layer id="service" left=0px top=0px height=42px width=100%>
|
||||
<form action=post method=post>
|
||||
<img src="bullet.jpg" height="10" width="4"> <a href="">KONTAKT</a> |
|
||||
<img src="bullet.jpg" height="10" width="4"> <a href="">ENGLISH</a> |
|
||||
<img src="bullet.jpg" height="10" width="4"> <a href="">FU-BERLIN</a> |
|
||||
<input type=text size=6 name=search class="search">
|
||||
<input type=submit value=Suchen name=submitSearch class="search">
|
||||
</form>
|
||||
</layer>
|
||||
|
||||
|
||||
<!-- Streifen -->
|
||||
<layer id="ns4print" left=0px top=42px height=49px width=100% z-index=0>
|
||||
<layer background="top-bar-background.jpg">
|
||||
<a href="http://www.kommwiss.fu-berlin.de"><img src="top-bar-left.jpg" alt="" align=left height=49px hspace=136px border=0px></a>
|
||||
<img src="top-bar-right.jpg" alt="" align=right height=49px hspace=0px>
|
||||
</layer>
|
||||
</layer>
|
||||
|
||||
|
||||
<!-- Path -->
|
||||
<layer id="path" left=136px top=90px>
|
||||
<a href="">Start</a> >
|
||||
<a href="">Studium</a> >
|
||||
<a href="">Layout</a>
|
||||
</layer>
|
||||
|
||||
|
||||
<layer id="content" left=136px; top=112;>
|
||||
|
||||
<!-- INHALT __________________________________________________________________________ -->
|
||||
|
||||
<h1>Überschrift 1</h1>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h2>Überschrift 2</h2>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<h3>Überschrift 3</h3>
|
||||
Normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
normaler Text normaler Text<br>
|
||||
normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text normaler Text<br>
|
||||
|
||||
<ul>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
<li>Aufzählung</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Letzte Änderung, Name und eMail des Autors _________________ -->
|
||||
|
||||
<layer id="signature">
|
||||
<hr>
|
||||
<p>
|
||||
Erstellt von <a href="mailto:kes@gmx.net">Bettina Selig</a><br>
|
||||
Letzte Änderung: 2003-02-11
|
||||
</p>
|
||||
</layer>
|
||||
|
||||
<!-- ENDE INHALT _____________________________________________________________________ -->
|
||||
|
||||
</layer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
/* just a dummy */
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,75 @@
|
||||
BODY {
|
||||
MARGIN: 0px; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white
|
||||
}
|
||||
DD {
|
||||
MARGIN-BOTTOM: 0.5em; MARGIN-LEFT: 1em
|
||||
}
|
||||
DL {
|
||||
FONT-SIZE: 9pt
|
||||
}
|
||||
FORM {
|
||||
MARGIN: 0.5em
|
||||
}
|
||||
IMG {
|
||||
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
|
||||
}
|
||||
.kaestchenGruen {
|
||||
HEIGHT: 0.8em; BACKGROUND-COLOR: #99cc00
|
||||
}
|
||||
.spalteRechtsUnten {
|
||||
VERTICAL-ALIGN: top
|
||||
}
|
||||
.zeileTopBarOben {
|
||||
VERTICAL-ALIGN: bottom; HEIGHT: 42px
|
||||
}
|
||||
.zeileTopBarMitte {
|
||||
HEIGHT: 49px
|
||||
}
|
||||
.zeileTopBarUnten {
|
||||
VERTICAL-ALIGN: top; HEIGHT: 22px
|
||||
}
|
||||
.balkenLinksUnten {
|
||||
BACKGROUND-POSITION: left bottom; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(haus_l.jpg); BACKGROUND-REPEAT: no-repeat
|
||||
}
|
||||
.zelleContent {
|
||||
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; VERTICAL-ALIGN: top; PADDING-TOP: 1em
|
||||
}
|
||||
.zelleGruen {
|
||||
BACKGROUND-COLOR: #99cc00
|
||||
}
|
||||
.zelleServiceLinks {
|
||||
PADDING-RIGHT: 0.5em; VERTICAL-ALIGN: middle
|
||||
}
|
||||
A.serviceLink:link {
|
||||
COLOR: blue; TEXT-DECORATION: none
|
||||
}
|
||||
A.serviceLink:hover {
|
||||
COLOR: blue; TEXT-DECORATION: underline
|
||||
}
|
||||
A.serviceLink:visited {
|
||||
COLOR: purple; TEXT-DECORATION: none
|
||||
}
|
||||
.zelleSteifen {
|
||||
BACKGROUND-IMAGE: url(streifen.jpg); BACKGROUND-REPEAT: repeat-x
|
||||
}
|
||||
.zelleTextHauptnavigation {
|
||||
PADDING-RIGHT: 0.3em; FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #1f4977; TEXT-ALIGN: right
|
||||
}
|
||||
A.navLink:link {
|
||||
COLOR: white; TEXT-DECORATION: none
|
||||
}
|
||||
A.navLink:hover {
|
||||
TEXT-DECORATION: underline
|
||||
}
|
||||
A.navLink:visited {
|
||||
COLOR: silver; TEXT-DECORATION: none
|
||||
}
|
||||
.zelleTextSubnavigation {
|
||||
FONT-SIZE: 12px; COLOR: white; BACKGROUND-COLOR: #1f4977; TEXT-ALIGN: right
|
||||
}
|
||||
.zelleTopNav {
|
||||
PADDING-LEFT: 1em; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle
|
||||
}
|
||||
.zelleTextBox {
|
||||
BACKGROUND-COLOR: #e6e6fa
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
@@ -0,0 +1,161 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
<!-- saved from url=(0056)http://www.kommwiss.fu-berlin.de/~relaunch/html-entwurf/ -->
|
||||
<HTML><HEAD><TITLE>Home - Institut für Publizistik- und Kommunikationswissenschaft - FU Berlin</TITLE>
|
||||
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
|
||||
href="Entwurf-Dateien/kommwiss.css" rel=stylesheet>
|
||||
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
|
||||
<BODY leftMargin=0 topMargin=0 rightMargin=0 marginwidth="0" marginheight="0">
|
||||
<TABLE style="HEIGHT: 100%" cellSpacing=0 cellPadding=0 width="100%" summary=""
|
||||
border=0>
|
||||
<TBODY>
|
||||
<TR class=zeileTopBarOben>
|
||||
<TD><A title="Zur Startseite"
|
||||
href="http://kommwiss.fu-berlin.de/index.htm"><IMG height=42 alt=""
|
||||
src="Entwurf-Dateien/logo_oben.jpg" width=136 border=0></A></TD>
|
||||
<TD class=zelleServiceLinks title=Servicelinks align=right colSpan=4><IMG
|
||||
class=kaestchenGruen alt="" src="Entwurf-Dateien/kaestchen_gruen.jpg"
|
||||
width=7> <A class=serviceLink
|
||||
title="Impressum, Kontaktadressen Institut und WWW-Redaktion"
|
||||
href="http://www.kommwiss.fu-berlin.de/~relaunch/html-entwurf/kontakt/">KONTAKT</A>
|
||||
| <IMG class=kaestchenGruen alt=""
|
||||
src="Entwurf-Dateien/kaestchen_gruen.jpg" width=7> <A class=serviceLink
|
||||
title="This page in English"
|
||||
href="http://www.kommwiss.fu-berlin.de/~relaunch/html-entwurf/kontakt/">ENGLISH</A>
|
||||
<IMG class=kaestchenGruen alt=""
|
||||
src="Entwurf-Dateien/kaestchen_gruen.jpg" width=7> <A class=serviceLink
|
||||
title="Homepage der Freien Universität Berlin"
|
||||
href="http://www.fu-berlin.de/">FU-BERLIN</A> </TD></TR>
|
||||
<TR class=zeileTopBarMitte>
|
||||
<TD><A title="Zur Startseite"
|
||||
href="http://kommwiss.fu-berlin.de/index.htm"><IMG height=49 alt=""
|
||||
src="Entwurf-Dateien/logo_mitte.jpg" width=136 border=0></A></TD>
|
||||
<TD><A title="Zur Startseite"
|
||||
href="http://kommwiss.fu-berlin.de/index.htm"><IMG height=49
|
||||
alt="Institut für Publizistik- Und Kommunikationswissenschaft"
|
||||
src="Entwurf-Dateien/institut.jpg" width=218 border=0></A></TD>
|
||||
<TD class=zelleStreifen width="100%" background=Entwurf-Dateien/streifen.jpg
|
||||
height=49> </TD>
|
||||
<TD colSpan=2><IMG height=49 alt=""
|
||||
src="Entwurf-Dateien/zeitungen_rechts.jpg" width=293></TD></TR>
|
||||
<TR class=zeileTopBarUnten>
|
||||
<TD bgColor=#1f4977><IMG height=22 alt=""
|
||||
src="Entwurf-Dateien/logo_unten.jpg" width=136></TD>
|
||||
<TD class=zelleTopNav title="Wo bin ich?" colSpan=3 height=22><A
|
||||
href="http://www.kommwiss.fu-berlin.de/">Home</A> > <A
|
||||
href="http://www.kommwiss.fu-berlin.de/aktuelles/">Aktuelles</A> > <A
|
||||
href="http://www.kommwiss.fu-berlin.de/aktuelles/presse/">Presse</A></TD>
|
||||
<TD class=spalteRechtsUnten align=right rowSpan=2>
|
||||
<TABLE cellSpacing=0 cellPadding=0 width=157
|
||||
summary="News, Suche, kontextsensive Boxen" border=0>
|
||||
<TBODY>
|
||||
<TR>
|
||||
<TD colSpan=2><IMG height=203 alt="" src="Entwurf-Dateien/foto.jpg"
|
||||
width=157></TD></TR>
|
||||
<TR>
|
||||
<TD width=151> </TD>
|
||||
<TD width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation width=151><A class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/suche/">Suche</A></TD>
|
||||
<TD class=zelleGruen width=8> </TD></TR>
|
||||
<TR vAlign=center>
|
||||
<TD class=zelleTextBox vAlign=center colSpan=2>
|
||||
<FORM action=POST method=post><INPUT size=10 name=search> <INPUT type=submit value=OK name=Button> </FORM></TD></TR>
|
||||
<TR>
|
||||
<TD colSpan=2> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation width=151><A class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/news/">News</A></TD>
|
||||
<TD class=zelleGruen width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextBox colSpan=2>
|
||||
<DL>
|
||||
<DT>1.12.2002
|
||||
<DD><A href="http://www.kommwiss.fu-berlin.de/kvv/">KVV für
|
||||
WS2002/03 online</A>
|
||||
<DT>20.8.2002
|
||||
<DD><A
|
||||
href="http://www.kommwiss.fu-berlin.de/news/2002-08-20-relaunch.html">Neue
|
||||
Website online</A> </DD></DL>
|
||||
<P style="FONT-SIZE: 9pt; MARGIN-RIGHT: 0.5em; TEXT-ALIGN: right"><A
|
||||
href="http://www.kommwiss.fu-berlin.de/news/">Newsarchiv</A></P></TD></TR></TBODY></TABLE></TD></TR>
|
||||
<TR height="100%">
|
||||
<TD class=balkenLinksUnten vAlign=top bgColor=#1f4977 height="100%">
|
||||
<TABLE cellSpacing=0 cellPadding=0 width="100%" summary=Hauptnavigation
|
||||
border=0>
|
||||
<TBODY>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation align=right width=124><A
|
||||
class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/aktuelles/">Aktuelles</A></TD>
|
||||
<TD width=8 bgColor=#99cc00> </TD></TR>
|
||||
<TR>
|
||||
<TD align=right width=124> </TD>
|
||||
<TD width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation width=124><A class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/aktuelles/">Einrichtungen</A></TD>
|
||||
<TD width=8 bgColor=#99cc00> </TD></TR>
|
||||
<TR>
|
||||
<TD align=right width=124> </TD>
|
||||
<TD width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation align=right width=124><A
|
||||
class=navLink title="Demo schon besuchter Link"
|
||||
href="http://kommwiss.fu-berlin.de/~relaunch/html-entwurf/index.html">Studium</A></TD>
|
||||
<TD width=8 bgColor=#99cc00> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextSubnavigation width=124><A class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/studium/kvv/">KVV</A>, <A
|
||||
class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/studium/sprechstunden/">Sprechstunden</A>,
|
||||
<A class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/ini/">Fachschafts-Initiative</A>
|
||||
</TD>
|
||||
<TD width=8 bgColor=#1f4977> </TD></TR>
|
||||
<TR>
|
||||
<TD align=right width=124> </TD>
|
||||
<TD width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation align=right width=124><A
|
||||
class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/aktuelles/">Forschung</A></TD>
|
||||
<TD width=8 bgColor=#99cc00> </TD></TR>
|
||||
<TR>
|
||||
<TD align=right width=124> </TD>
|
||||
<TD width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD class=zelleTextHauptnavigation align=right width=124><A
|
||||
class=navLink
|
||||
href="http://www.kommwiss.fu-berlin.de/aktuelles/">Lehre</A></TD>
|
||||
<TD width=8 bgColor=#99cc00> </TD></TR>
|
||||
<TR>
|
||||
<TD align=right width=124> </TD>
|
||||
<TD width=8> </TD></TR>
|
||||
<TR>
|
||||
<TD align=right width=124> </TD>
|
||||
<TD width=8 bgColor=#99cc00> </TD></TR></TBODY></TABLE></TD>
|
||||
<TD class=zelleContent colSpan=2 height="100%">
|
||||
<H1 title="<h1>">Lorem ipsum</H1>
|
||||
<P>dolor sit amet, consectetuer adipiscing elit, <A
|
||||
href="http://www.cornerstonemag.com/sed/">sed</A> diam nonummy nibh
|
||||
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
|
||||
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
|
||||
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
|
||||
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
|
||||
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
|
||||
odio dignissim qui blandit praesent luptatum zzril delenit augue duis
|
||||
dolore te feugait nulla facilisi.</P>
|
||||
<H2 title="<h2>">Lorem ipsum</H2>
|
||||
<P>dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
|
||||
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
|
||||
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
|
||||
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
|
||||
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
|
||||
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
|
||||
odio dignissim qui blandit praesent luptatum zzril delenit augue duis
|
||||
dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer
|
||||
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
|
||||
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
|
||||
exerci tation ullamcorper </P></TD>
|
||||
<TD vAlign=top height="100%"> </TD></TR></TBODY></TABLE></BODY></HTML>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>:: ::</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<style type="text/css" media="all">
|
||||
<!--
|
||||
body { font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 90%; background-color:#EEEEEE;}
|
||||
a:link { color:#0000DD; text-decoration: underline; }
|
||||
a:visited { color:#0000DD; text-decoration: underline; }
|
||||
a:hover { color:#0000DD; text-decoration: underline; letter-spacing: 1px; }
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="Entwurf.htm">Entwurf aus dem WS 2001/02</a>
|
||||
</li>
|
||||
<li>
|
||||
Ergebnis WS 2002/03
|
||||
<ul>
|
||||
<li><a href="http://www.tilman.de/container/puk/index.html">normale Ansicht</a> (Validierung, Accessibility)</li>
|
||||
<li><a href="http://dejavu.org/cgi-bin/get.cgi?ver=93&url=http://www.tilman.de/container/puk/beispiel.html">Ansicht ohne CSS</a></li>
|
||||
<li>Druckansicht</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.tilman.de/container/puk/bericht/index.html">Abschlussbericht</a>
|
||||
</li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
/* letzte Änderung: 5. Jan. 2003 */
|
||||
|
||||
body { background-color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; }
|
||||
|
||||
#top-bar { display: none; }
|
||||
.logo { display: none; }
|
||||
.top-bar-left { display: none; }
|
||||
#top-bar-right { display: none; }
|
||||
|
||||
#service { display: none; }
|
||||
|
||||
#path { display: none; }
|
||||
|
||||
#menu { display: none; }
|
||||
|
||||
#content { color:#000000; line-height: 120%; }
|
||||
#content a { color:#0000FF; text-decoration: underline; }
|
||||
#content h1 { font-size: 160%; line-height: 100%; }
|
||||
#content h2 { font-size: 130%; line-height: 80%; }
|
||||
#content h3 { font-size: 110%; line-height: 80%; }
|
||||
#content h4 { font-size: 100%; line-height: 80%; }
|
||||
#content h5 { font-size: 80%; line-height: 80%; }
|
||||
#content h6 { font-size: 60%; line-height: 80%; }
|
||||
#content img { margin: 5px; border: 0px; }
|
||||
|
||||
#signature { font-size: 75%; margin-top: 10px; }
|
||||
#signature a { color:#0000FF; text-decoration: underline; }
|
||||
|
||||
/* Barrierefreiheit */
|
||||
#menu-skip { display: none; }
|
||||
#search-label { display: none; }
|
||||
|
||||
/* Netscape 4.x */
|
||||
#ns4print { display: none }
|
||||
@@ -0,0 +1,46 @@
|
||||
/* letzte Änderung: 5. Jan. 2003 */
|
||||
|
||||
body { margin: 0px; padding: 0px; background-color:#FFFFFF; font-family: Helvetica, Arial, sans-serif;
|
||||
background-image:url(blue-bar.jpg); background-repeat: repeat-y; }
|
||||
|
||||
#top-bar { position: absolute; top: 42px; background-image:url(top-bar-background.jpg); width: 100%; height: 49px; }
|
||||
.logo { position: absolute; top: 0px; left: 0px; border: 0px; }
|
||||
.top-bar-left { position: absolute; top: 42px; left:136px; }
|
||||
#top-bar-right { position: absolute; top: 42px; right:0px; height: 49px; width: 293px;
|
||||
background-image:url(top-bar-right.jpg); background-repeat: no-repeat; }
|
||||
|
||||
#service { position: absolute; top: 0px; right: 0px; width: 100%; padding: 10px; color:#000099; text-align: right; }
|
||||
#service a { text-decoration: none; color:#000099; background-color:#FFFFFF; }
|
||||
#service a:hover { text-decoration: underline; }
|
||||
#service .bullet { height: 1.6ex; width: 0.6ex; margin-bottom: -0.1ex; }
|
||||
|
||||
.search { font-size: 75%; }
|
||||
|
||||
#path { position: absolute; top: 92px; left: 140px; padding: 4px; font-size: 78%; color:#000099; }
|
||||
#path a { color:#0000FF; text-decoration: underline; }
|
||||
|
||||
#menu { position: absolute; top: 120px; left: 2px; text-align: right; width: 134px; color:#FFFFFF;
|
||||
white-space: nowrap; overflow: hidden; }
|
||||
#menu a { text-decoration: none; }
|
||||
#menu a:hover { text-decoration: underline; }
|
||||
#menu p { margin-top: 10px; } /* engere Version: margin-bottom: 0px; */
|
||||
#menu .h1 { color:#FFFFFF; font-size: 80%; font-weight: bold; }
|
||||
#menu .h2 { color:#FFFFFF; font-size: 70%; margin-right: 1.6ex; }
|
||||
#menu .bullet { height: 1.8ex; width: 0.6ex; margin-bottom: -0.2ex; }
|
||||
|
||||
#content { position: absolute; top: 120px; left: 136px; padding: 2ex; color:#000000; line-height: 120%; }
|
||||
#content a { color:#0000FF; text-decoration: underline; }
|
||||
#content h1 { font-size: 160%; line-height: 100%; }
|
||||
#content h2 { font-size: 130%; line-height: 80%; }
|
||||
#content h3 { font-size: 110%; line-height: 80%; }
|
||||
#content h4 { font-size: 100%; line-height: 80%; }
|
||||
#content h5 { font-size: 80%; line-height: 80%; }
|
||||
#content h6 { font-size: 60%; line-height: 80%; }
|
||||
#content img { margin: 5px; border: 0px; }
|
||||
|
||||
#signature { font-size: 75%; margin-top: 10px; }
|
||||
#signature a { color:#0000FF; text-decoration: underline; }
|
||||
|
||||
/* Barrierefreiheit */
|
||||
#menu-skip { display: none; }
|
||||
#search-label { display: none; }
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 319 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,97 @@
|
||||
|
||||
interface Queue {
|
||||
|
||||
public void enqueue(Object o) throws Exception;
|
||||
|
||||
public Object dequeue();
|
||||
|
||||
public boolean isFull();
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Implementiert eine Schlange mit einem Array, der
|
||||
// eine Art Kreis simuliert
|
||||
class ArrayQueue implements Queue {
|
||||
|
||||
Object[] ar;
|
||||
int start = 0;
|
||||
int elements = 0;
|
||||
|
||||
public ArrayQueue(int capacity) {
|
||||
|
||||
ar = new Object[capacity];
|
||||
|
||||
}
|
||||
|
||||
public void enqueue(Object o) throws Exception {
|
||||
|
||||
if (!isFull()) {
|
||||
|
||||
ar[(start + elements) % ar.length] = o;
|
||||
elements++;
|
||||
|
||||
}
|
||||
else throw new Exception("Queue is full.");
|
||||
|
||||
}
|
||||
|
||||
public Object dequeue() {
|
||||
|
||||
if (elements > 0) {
|
||||
|
||||
elements--;
|
||||
|
||||
int i = start;
|
||||
start = (start+1) % ar.length;
|
||||
|
||||
return ar[i];
|
||||
|
||||
}
|
||||
|
||||
// alternativ könnte man auch eine Exception werfen
|
||||
return null;
|
||||
|
||||
}
|
||||
|
||||
// pre: elements <= ar.length
|
||||
public boolean isFull() {
|
||||
return (elements == ar.length);
|
||||
}
|
||||
|
||||
public static void main(String[] args) {
|
||||
|
||||
Queue st = new ArrayQueue(3);
|
||||
|
||||
try {
|
||||
st.enqueue(new Integer(1));
|
||||
st.enqueue(new Integer(2));
|
||||
st.enqueue(new Integer(3));
|
||||
|
||||
// der wirft 'ne Exception
|
||||
st.enqueue(new Integer(4));
|
||||
}
|
||||
catch (Exception e) {
|
||||
e.printStackTrace();
|
||||
}
|
||||
|
||||
// dann nehmen wir den ersten wieder raus
|
||||
System.out.println((Integer) st.dequeue());
|
||||
|
||||
try {
|
||||
// jetzt passe die 4 auch noch rein
|
||||
st.enqueue(new Integer(4));
|
||||
}
|
||||
catch (Exception e) {
|
||||
// won't happen
|
||||
}
|
||||
|
||||
System.out.println((Integer) st.dequeue());
|
||||
System.out.println((Integer) st.dequeue());
|
||||
System.out.println((Integer) st.dequeue());
|
||||
|
||||
// jetzt ist der Stack leer
|
||||
System.out.println((Integer) st.dequeue());
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
|
||||
interface Stack {
|
||||
|
||||
public void push(Object o) throws Exception;
|
||||
|
||||
public Object pop();
|
||||
|
||||
public Object peek();
|
||||
|
||||
public boolean isFull();
|
||||
|
||||
}
|
||||
|
||||
|
||||
class ArrayStack implements Stack {
|
||||
|
||||
Object[] ar;
|
||||
int index = 0;
|
||||
|
||||
public ArrayStack(int capacity) {
|
||||
|
||||
ar = new Object[capacity];
|
||||
|
||||
}
|
||||
|
||||
public void push(Object o) throws Exception {
|
||||
|
||||
if (!isFull()) {
|
||||
|
||||
ar[index] = o;
|
||||
index++;
|
||||
|
||||
}
|
||||
else throw new Exception("Stack is full.");
|
||||
|
||||
}
|
||||
|
||||
public Object pop() {
|
||||
|
||||
if (index > 0) {
|
||||
|
||||
index--;
|
||||
return ar[index];
|
||||
|
||||
}
|
||||
|
||||
// alternativ könnte man auch eine Exception werfen
|
||||
return null;
|
||||
|
||||
}
|
||||
|
||||
public Object peek() {
|
||||
|
||||
if (index > 0) {
|
||||
|
||||
return ar[index-1];
|
||||
|
||||
}
|
||||
|
||||
// alternativ könnte man auch eine Exception werfen
|
||||
return null;
|
||||
|
||||
}
|
||||
|
||||
// pre: index <= ar.length
|
||||
public boolean isFull() {
|
||||
return (index == ar.length);
|
||||
}
|
||||
|
||||
public static void main(String[] args) {
|
||||
|
||||
Stack st = new ArrayStack(3);
|
||||
|
||||
try {
|
||||
st.push(new Integer(1));
|
||||
st.push(new Integer(2));
|
||||
st.push(new Integer(3));
|
||||
|
||||
// der wirft 'ne Exception
|
||||
st.push(new Integer(4));
|
||||
}
|
||||
catch (Exception e) {
|
||||
e.printStackTrace();
|
||||
}
|
||||
|
||||
System.out.println((Integer) st.pop());
|
||||
System.out.println((Integer) st.pop());
|
||||
|
||||
// die 1 kommt doppelt
|
||||
System.out.println((Integer) st.peek());
|
||||
System.out.println((Integer) st.pop());
|
||||
|
||||
// jetzt ist der Stack leer
|
||||
System.out.println((Integer) st.pop());
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,230 @@
|
||||
/*
|
||||
* Eine Knoten-Klasse für die Implementierung von Bäumen.
|
||||
* Hab's mal ganz edel mit Comparables statt einfach mit
|
||||
* int-Werten gemacht.
|
||||
*/
|
||||
class Node {
|
||||
|
||||
/*
|
||||
* Wir definieren alle unsere Bäume in derselben Package,
|
||||
* deswegen sind die Variablen durch das protected-Attribut
|
||||
* vor Zugriff von außen (aus anderen Packages) geschützt.
|
||||
* Man könnte auch "ordentlich" kapseln und Getter- & Setter-
|
||||
* Methoden verwenden, was den Code aber extrem aufblähen
|
||||
* würde.
|
||||
*/
|
||||
protected Comparable value; // Wert
|
||||
protected Node left; // linker Kind-Knoten
|
||||
protected Node right; // rechter Kind-Knoten
|
||||
|
||||
|
||||
public Node(Comparable value, Node left, Node right) {
|
||||
this.value = value;
|
||||
this.left = left;
|
||||
this.right = right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Dieses Interface dient dazu, Baumimplementierungen vor
|
||||
* "unqualifizierten" Zugriffen von außen zu schützen. (Damit
|
||||
* z.B. nicht irgendwelche Knoten direkt in die Datenstruktur
|
||||
* eingefügt werden, ohne die Sortierung zu beachten, etc.
|
||||
*/
|
||||
interface BinaryTree {
|
||||
|
||||
public void insert(Comparable value);
|
||||
|
||||
public void remove(Comparable value);
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Eine Implementierung des BinaryTree-Interface
|
||||
*/
|
||||
public class BinTree implements BinaryTree {
|
||||
|
||||
Node root;
|
||||
|
||||
public BinTree(Node root) {
|
||||
this.root = root;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Fügt ein Element in den Binärbaum ein.
|
||||
* (Mehrfaches einfügen ist erlaubt.)
|
||||
*/
|
||||
public void insert(Comparable value) {
|
||||
|
||||
Node temp = root;
|
||||
Node parent = null;
|
||||
|
||||
while (temp != null) {
|
||||
|
||||
parent = temp;
|
||||
|
||||
if (value.compareTo(temp.value) < 0) {
|
||||
temp = temp.left;
|
||||
}
|
||||
else {
|
||||
temp = temp.right;
|
||||
}
|
||||
}
|
||||
|
||||
if (parent != null) {
|
||||
if (value.compareTo(parent.value) > 0) {
|
||||
parent.right = new Node(value, null, null);
|
||||
}
|
||||
else {
|
||||
parent.left = new Node(value, null, null);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Ersetzt das zu löschende Element mit dem
|
||||
* größten Element aus dem linken Unterbaum
|
||||
*/
|
||||
public void remove(Comparable value) {
|
||||
|
||||
Node temp = root;
|
||||
Node parent = null;
|
||||
|
||||
// Knoten suchen
|
||||
while ((temp != null) && (temp.value.compareTo(value) != 0)) {
|
||||
|
||||
parent = temp;
|
||||
|
||||
if (value.compareTo(temp.value) < 0) {
|
||||
temp = temp.left;
|
||||
}
|
||||
else {
|
||||
temp = temp.right;
|
||||
}
|
||||
}
|
||||
|
||||
// wenn gefunden, Knoten löschen
|
||||
if (temp != null) {
|
||||
|
||||
// wenn linker Unterbaum existiert, mit größtem Element daraus ersetzen
|
||||
if (temp.left != null) {
|
||||
|
||||
Node temp2 = temp.left; // der Knoten, der nach oben versetzt wird
|
||||
Node parent2 = temp; // der Elternknoten von dem, der nach oben versetzt wird
|
||||
|
||||
while (temp2.right != null) {
|
||||
parent = temp2;
|
||||
temp2 = temp2.right;
|
||||
}
|
||||
|
||||
if (temp2 != temp.left) temp2.left = temp.left;
|
||||
temp2.right = temp.right;
|
||||
parent2.right = temp2.left;
|
||||
|
||||
if (parent.left == temp) {
|
||||
parent.left = temp2;
|
||||
}
|
||||
else {
|
||||
parent.right = temp2;
|
||||
}
|
||||
|
||||
}
|
||||
else { // sonst einfach mit rechtem Unterbaum ersetzen
|
||||
|
||||
if (parent.left == temp) {
|
||||
parent.left = temp.right;
|
||||
}
|
||||
else {
|
||||
parent.right = temp.right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Gibt den Baum als AVL-Baum zurück
|
||||
*/
|
||||
public static BinTree getAvlTree(BinTree b) {
|
||||
// TODO
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Wir überschreiben die toString-Methode von
|
||||
* Object, damit sich der Baum leicht ausgeben lässt
|
||||
* (s. main-Methode).
|
||||
*
|
||||
* ACHTUNG: Die Methode is HÖLLE langsam, weil massen-
|
||||
* haft Strings konkateniert werden. Schnell implementiert,
|
||||
* aber extrem unperformant.
|
||||
*/
|
||||
public String toString() {
|
||||
|
||||
return getTreeAsString(root);
|
||||
}
|
||||
|
||||
private String getTreeAsString(Node n) {
|
||||
|
||||
if (n != null) {
|
||||
//System.out.println(n.value);
|
||||
return "(" + getTreeAsString(n.left) + ") " + n.value + " (" + getTreeAsString(n.right) + ")";
|
||||
}
|
||||
|
||||
return "*";
|
||||
}
|
||||
|
||||
|
||||
public static void main(String[] args) {
|
||||
|
||||
/*
|
||||
* Also - Bau'n wir'n Baum:
|
||||
*
|
||||
* 10
|
||||
* .----------'---------.
|
||||
* 7 12
|
||||
* .----'----. .----'----.
|
||||
* 5 9 11 15
|
||||
* .-' .-'
|
||||
* 2 8
|
||||
*
|
||||
* ...und dann löschen wir die 7:
|
||||
*
|
||||
* 10
|
||||
* .----------'---------.
|
||||
* 5 12
|
||||
* .----'----. .----'----.
|
||||
* 2 9 11 15
|
||||
* .--'
|
||||
* 8
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
BinTree tree = new BinTree( new Node(new Integer(10), null, null) );
|
||||
|
||||
tree.insert(new Integer(7));
|
||||
tree.insert(new Integer(12));
|
||||
tree.insert(new Integer(5));
|
||||
tree.insert(new Integer(9));
|
||||
tree.insert(new Integer(11));
|
||||
tree.insert(new Integer(15));
|
||||
tree.insert(new Integer(2));
|
||||
tree.insert(new Integer(8));
|
||||
|
||||
System.out.println(tree);
|
||||
|
||||
tree.remove(new Integer(7));
|
||||
|
||||
System.out.println(tree);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Spezifikation</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Spezifikation</h1>
|
||||
|
||||
<h2>Algebraische Spezifikation</h2>
|
||||
Abstrakte Datentypen werden festgelegt durch:<br><br>
|
||||
1. Syntax: Typen (types), Signaturen der Operationen (operations)<br>
|
||||
2. Semantik: Definierende Gleichungen (axioms), die Beziehungen zwischen den Operationen festlegen (und evtl. preconditions)<br><br>
|
||||
Die praktische Relevanz der Algebraischen Spezifikation ist eher gering, da es oft schwierig ist, Axiome zu
|
||||
finden bzw. die Vollständigkeit oder Redundanz der Axiome zu überprüfen.<br><br>
|
||||
einige algebraische Spezifikationen: <a href="algebraischeSpez.txt">Beispiele</a><br>
|
||||
und noch mehr <a href="algebraischeSpez2.txt">Beispiele</a>
|
||||
<br><br>
|
||||
|
||||
<h2>Modellierende Spezifikation</h2>
|
||||
|
||||
Abstrakte Datentypen werden festgelegt durch:<br><br>
|
||||
1. Typen: Wertemengen<br>
|
||||
2. Methoden: Kopf oder Signaturen inkl. pre- und postconditions (ggf. return/result)<br>
|
||||
3. Modell: mathematische Mengen, Folgen, (funktionale) Programmiersprache<br>
|
||||
4. Invariante: Modell muss bestimmte Invariante erfüllen<br>
|
||||
Die Spezifikation kann über Mittel der Prädikatenlogik, (Pseudo)-Code oder nat¨urliche Sprache erfolgen.<br><br>
|
||||
einige modellierende Spezifikationen: <a href="modelSpez.txt">Beispiele</a><br><br>
|
||||
|
||||
<h2>Anmerkungen</h2>
|
||||
|
||||
<h2>Links</h2>
|
||||
<a href="http://www.vameo.de/uni/tutorium/adt.pdf">Merkblatt zu abstrakte Datentypen und Spezifikation von Augustin</a>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Abstrakte Datentypen</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Abstrakter Datentyp (ADT)</h1>
|
||||
|
||||
<h2>Anmerkungen</h2>
|
||||
Eng verknüpft mit dem Begriff der Schnittstelle ist das Konzept des abstrakten Datentyps (ADT). Ein ADT besteht aus<br><br>
|
||||
|
||||
* einer Menge von Objekten, und<br>
|
||||
* einem Satz von Operationen auf dieser Menge, sowie<br>
|
||||
* einer genauen Beschreibung der Semantik der Operationen.<br><br>
|
||||
|
||||
Das Konzept des ADT ist unabhängig von einer Programmiersprache, die Beschreibung kann in natürlicher Sprache abgefasst werden.<br><br>
|
||||
|
||||
Der ADT beschreibt <i><b>was</i></b> die Operationen tun, aber nicht <i><b>wie</i></b> sie das tun. Getreu dem Prinzip der versteckten Information ist die Realisierung nicht Teil des ADT.<br><br>
|
||||
|
||||
Vom Standpunkt des Abstraktionsgedankens aus ist der ADT ein mächtigeres Konzept als die Funktion.<br><br>
|
||||
|
||||
<b>Man unterscheidet</b><br>
|
||||
|
||||
* konkrete Datentypen: als Datentypen, die im allgemeinen aus Basisdatentypen konstruiert werden.<br>
|
||||
* abstrakte Datentypen: als Beschreibung von Schnittstellen zu Datenstrukturen mit ihren Operationen, die unabhängig von ihrer Implementation (in einer konkreten Programmiersprache) vorgenommen wird.<br><br>
|
||||
|
||||
Ein abstrakter Datentyp stellt in der Regel eine Zusammenfassung dar, z.B. als Programmmodul. Dabei werden folgende allgemeine Prinzipien berücksichtigt:<br><br>
|
||||
* <b>Kapselung</b>: Die Operationen des Datentyps werden über eine wohldefinierte Schnittstelle benutzt.<br>
|
||||
* <b>Geheimnisprinzip</b> (Information Hiding): Die interne Realisierung bleibt dem Anwender verborgen.<br><br>
|
||||
|
||||
<b>Anderes ausgedrückt</b>:<br>
|
||||
Ein abstrakter Datentyp (ADT) ist ein Schema, zur Bildung geschützter Variablen.<br><br>
|
||||
|
||||
<b>Ein ADT besteht aus</b>:<br><br>
|
||||
|
||||
* dem Namen des Typs, dessen innere Struktur nicht sichtbar ist.<br>
|
||||
* der Menge der zulässigen Operationen auf Objekten dieses Typs<br><br>
|
||||
|
||||
<h2>Fragen</h2>
|
||||
<h2>Links</h2>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Abstraktionsprinzip</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Abstraktionsprinzip</h1>
|
||||
|
||||
<h2>Fragen</h2>
|
||||
|
||||
<h2>Anmerkungen</h2>
|
||||
<b>Abstraktionsfunktion</b>: legt explizit fest, welchem abstrakten Wert ein konkreter, erlaubter Wert der gewählten Repräsentation entspricht.
|
||||
<br>
|
||||
<b>Repräsentationsinvariante</b>: macht alle Annahmen, die der Implementierung der Operationen des ADT zugrund liegen explizit und definiert die erlaubten Werte.
|
||||
|
||||
<h2>Links</h2>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Adjazenzmatrix und Adjazenzliste</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Darstellungen von Graphen</h1>
|
||||
|
||||
<div class="quelle">Grafiken entnommen aus Saake, Sattler: "Algorithmen & Datenstrukturen"</div>
|
||||
|
||||
<h2>Adjazenzmatrix</h2>
|
||||
Insbesondere bei sehr vielen Kanten ist eine Speicherung der Verbindung als nxn-Matrix sinnvoll, wobei n = Knotenanzahl |V|. Eine derartige Matrix wird als <b>Adjazenzmatrix</b> bezeichnet.<br>
|
||||
Gibt es eine Kante von Knoten a zu Knoten b, wird in der Matrix in der a-ten Zeile an der b-ten Stelle ein True bzw. eine 1 eingetragen.<br><br>
|
||||
|
||||
<b>Beispiel eines gerichteten Graphen</b><br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src="gerichtetergraph.gif"></td>
|
||||
<td><img src="gg.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br><br>
|
||||
<b>Beispiel eines ungerichteten Graphen</b><br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src="ungerichtetergraph.gif"></td>
|
||||
<td><img src="gu.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
Bei ungerichteten Graphen muss eigentlich nur die Hälfte gespeichert werden, da sich die andere Hälfte durch Spiegelung ergibt.
|
||||
<br><br>
|
||||
|
||||
<h2>Adjazenzliste</h2>
|
||||
Die Möglichkeit einen Graphen in einer dynamischen Datenstrucktur zu realisieren ist zum Beispiel die <b>Adjazenzliste</b>.<br>
|
||||
Ein Graph wird dabei durch |V| + 1 verkette Listen dargestellt. Die Basisstruktur bildet die Liste aller Knoten. Für jeden Knoten wird eine Liste der Nachfolger entlnag gerichteter Kanten abgespeichert.<br><br>
|
||||
|
||||
<b>Beispiel eines gerichteten Graphen</b><br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src="gerichtetergraph.gif"></td>
|
||||
<td><img src="adjazenzliste.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
@@ -0,0 +1,121 @@
|
||||
Algebraische Spezifikation
|
||||
|
||||
Stack
|
||||
|
||||
- types
|
||||
Stack, t, Bool
|
||||
|
||||
- operators
|
||||
createStack :: Stack
|
||||
push :: t -> Stack -> Stack
|
||||
pop :: Stack -> Stack
|
||||
top :: Stack -> t
|
||||
isEmpty :: Stack -> Bool
|
||||
|
||||
- axioms
|
||||
s of type Stack, x of type t
|
||||
|
||||
isEmpty(createStack) = True
|
||||
isEmpty(push x s) = False
|
||||
|
||||
top(push x s) = x
|
||||
pop(push x s) = s
|
||||
|
||||
- preconditions
|
||||
top: isEmpty s == False
|
||||
pop: isEmpty s == False
|
||||
|
||||
Queue
|
||||
|
||||
- types
|
||||
Queue, t, Bool
|
||||
|
||||
- operators
|
||||
createQueue :: Queue
|
||||
enqueue :: t -> Queue -> Queue
|
||||
dequeue :: Queue -> Queue
|
||||
first :: Queue -> t
|
||||
isEmpty :: Queue -> Bool
|
||||
|
||||
- axioms
|
||||
q of type Queue, x of type t
|
||||
|
||||
isEmpty(createQueue) = True
|
||||
isEmpty(enqueue x q) = False
|
||||
|
||||
first(enqueue x createQueue) = x
|
||||
first(enqueue x q) = first q
|
||||
|
||||
dequeue (enqueue x q) = enqueue x (dequeue q)
|
||||
|
||||
- preconditions
|
||||
first : isEmpty q == False
|
||||
dequeue: isEmpty q == False
|
||||
|
||||
|
||||
Menge
|
||||
|
||||
- types
|
||||
Set, t, Bool
|
||||
|
||||
- operators
|
||||
createSet :: Set
|
||||
insert :: t -> Set -> Set
|
||||
delete :: t -> Set -> Set
|
||||
isElement :: t -> Set -> Bool
|
||||
isEmpty :: Set -> Bool
|
||||
|
||||
- axioms
|
||||
s of type Set, x,y of type t
|
||||
|
||||
isEmpty(createSet) = True
|
||||
isEmpty(insert x s) = False
|
||||
|
||||
delete(createSet) = createSet
|
||||
delete x (insert y s)
|
||||
| (x == y) = s
|
||||
| otherwise = insert y (delete x s)
|
||||
|
||||
isElement x (createSet) = False
|
||||
isElement x (insert y s)
|
||||
| (x == y) = True
|
||||
| otherwise = isElement x s
|
||||
|
||||
- preconditions
|
||||
|
||||
Priority Queue
|
||||
|
||||
- types
|
||||
PQueue, t, Bool
|
||||
|
||||
- operators
|
||||
createPQueue :: PQueue
|
||||
enqueue :: t -> PQueue -> PQueue
|
||||
dequeue :: PQueue -> PQueue
|
||||
min :: PQueue -> t
|
||||
isEmpty :: PQueue -> Bool
|
||||
|
||||
- axioms
|
||||
q of type PQueue, x of type t
|
||||
|
||||
isEmpty(createQueue) = True
|
||||
isEmpty(enqueue x q) = False
|
||||
|
||||
min(enqueue x createPQueue) = x
|
||||
|
||||
dequeue(enqueue x createPQueue) = createPQueue
|
||||
|
||||
if (x < min q) then min(enqueue x q) = x
|
||||
else min(enqueue x q) = min q
|
||||
|
||||
min(enqueue x q)
|
||||
| (x < min q) = x
|
||||
| otherwise = min q
|
||||
|
||||
dequeue(enqueue x q)
|
||||
| (x < min q) = q
|
||||
| otherwise = enqueue(x (dequeue q))
|
||||
|
||||
- preconditions
|
||||
min : isEmpty q == False
|
||||
dequeue: isEmpty q == False
|
||||
@@ -0,0 +1,162 @@
|
||||
1a. alg. Menge (Haskell data)
|
||||
2a. alg. Queue (Haskell data)
|
||||
3a. alg. Stack (Haskell data)
|
||||
4a. alg. Baum (Haskell data)
|
||||
|
||||
|
||||
|
||||
1a. Algebraische Spezifikation einer Menge (types,operators,axioms)
|
||||
---------------------------------------------------------------------------------------------------
|
||||
|
||||
types : Menge m,m,Bool //Menge,element,Bool
|
||||
|
||||
data Menge m = E | (In m (Menge m)) //Empty | Menge mit e
|
||||
|
||||
operators : createM :: Menge m
|
||||
isEmpty :: Menge m -> Bool
|
||||
insert :: m -> Menge m -> Menge m
|
||||
delete :: m -> Menge m -> Menge m
|
||||
isIn :: m -> Menge m -> Bool
|
||||
|
||||
Alle x <- m , s <- Menge m
|
||||
|
||||
axioms : createM () = E
|
||||
|
||||
isEmpty (E) = True
|
||||
isEmpty (insert x s) = False
|
||||
|
||||
insert (x,E) = (In x E) //x:E
|
||||
insert (x,s)
|
||||
| isIn (x,s) = s
|
||||
| otherwise = (In x s) //x:M
|
||||
|
||||
delete (x,E) = E
|
||||
delete (y,(In x m))
|
||||
|y == x = m
|
||||
|otherwise = Insert x (delete (y,m))
|
||||
|
||||
isIn (x,E) = False
|
||||
isIn (y,(In x m))
|
||||
|y == x = True
|
||||
|otherwise = isIn (y,m)
|
||||
|
||||
|
||||
2a. Algebraische Spezifikation einer Schlange (types,operators,axioms)
|
||||
---------------------------------------------------------------------------------------------------
|
||||
|
||||
types : Queue q,q,Bool //Schlange,element,Bool
|
||||
|
||||
data Queue q = E | NeQ q (Queue q) //Empty | Queue mit elem
|
||||
|
||||
operators : createQ :: Queue q
|
||||
isEmpty :: Queue q -> Bool
|
||||
enqueue :: q -> Queue q -> Queue q
|
||||
dequeue :: Queue q -> Queue q
|
||||
first :: Queue q -> q
|
||||
|
||||
Alle x <- q, s <- Queue q
|
||||
|
||||
axioms : createQ () = E
|
||||
|
||||
isEmpty (E) = True
|
||||
isEmpty (s) = False
|
||||
|
||||
enqueue (x,s) = (NeQ x s)
|
||||
|
||||
dequeue (NeQ x s) = s
|
||||
|
||||
first (NeQ x s) = x
|
||||
|
||||
|
||||
|
||||
3a. Algebraische Spezifikation eines Stacks (types,operators,axioms)
|
||||
---------------------------------------------------------------------------------------------------
|
||||
|
||||
types Stack,e,Bool,int
|
||||
|
||||
data Stack s = E | NeS e (Stack s)
|
||||
|
||||
operators : createS :: Stack s
|
||||
isEmpty :: Stack s -> Bool
|
||||
push :: e -> Stack s -> Stack s
|
||||
pop :: Stack s -> Stack s
|
||||
top :: Stack s -> e
|
||||
size :: Stack s -> int
|
||||
|
||||
axioms : create () = E
|
||||
|
||||
isEmpty (E) = True
|
||||
isEmpty (NeS x s) = False
|
||||
|
||||
push (x,s) = (NeS x s)
|
||||
|
||||
pop (E) = error "Stack ist leer!"
|
||||
pop (NeS x s) = s
|
||||
|
||||
top (E) = error "Stack ist leer!"
|
||||
top (NeS x s) = x
|
||||
|
||||
size (E) = 0
|
||||
size (NeS x s) = 1 + size(s)
|
||||
|
||||
|
||||
|
||||
4a. Algebraische Spezifikation eines Baumes (types,operators,axioms)
|
||||
---------------------------------------------------------------------------------------------------
|
||||
|
||||
types BTree,n,Bool,int
|
||||
|
||||
data BTree t = E | N (BTree t) t (BTree t)
|
||||
|
||||
operators : insert :: n -> BTree t -> BTree t
|
||||
delete :: n -> BTree t -> BTree t
|
||||
hoehe :: BTree t -> int
|
||||
isIn :: t -> BTree t -> Bool
|
||||
isEmpty :: BTree t -> Bool
|
||||
leftTree :: BTree t -> BTree t
|
||||
rightTree :: BTree t -> BTree t
|
||||
|
||||
axioms : insert x E = (N E x E)
|
||||
insert x (N l v r)
|
||||
| x == v = (N l x r)
|
||||
| x < v = (N (insert x l) v r)
|
||||
| x > v = (N l v (insert x r))
|
||||
|
||||
delete :: (Ord t) => t -> BTree t -> BTree t
|
||||
delete x E = error "ist bereits leer"
|
||||
delete y (N E x E)
|
||||
| y == x = E
|
||||
| otherwise = (N E x E)
|
||||
delete y (N l x r)
|
||||
| y < x = (N (delete y l) x r)
|
||||
| y > x = (N l x (delete y r))
|
||||
| (l==E)&&(x==y)= r
|
||||
| (r==E)&&(x==y)= l
|
||||
| y == x = (N (delete (maxi l) l)(maxi l) r)
|
||||
|
||||
where max :: BTree t -> t
|
||||
max (N E x E) = x
|
||||
max (N l v r) = max l
|
||||
|
||||
hoehe E = 0
|
||||
hoehe (N E x E) = 1
|
||||
hoehe (N l v r) = 1 + max (hoehe l)(hoehe r)
|
||||
|
||||
where max :: int -> int
|
||||
max x y
|
||||
| x <= y = y
|
||||
|otherwise = x
|
||||
|
||||
isIn x E = False
|
||||
isIn x (N l v r)
|
||||
| x == v = True
|
||||
| otherwise = (isIn x l) || (isIn x r)
|
||||
|
||||
isEmpty E = True
|
||||
isEmpty t = False
|
||||
|
||||
leftTree E = error "alles Leer -> links auch"
|
||||
leftTree (N l v r) = l
|
||||
|
||||
rightTree E = error "alles Leer -> rechts auch"
|
||||
rightTree (N l v r) = r
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Allgemeines</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Allgemeines</h1>
|
||||
|
||||
<h2>Fragen</h2>
|
||||
|
||||
<h2>Anmerkungen</h2>
|
||||
|
||||
<h2>Links</h2>
|
||||
<a href="http://www.inf.fu-berlin.de/lehre/WS01/ALPI/">ALP I</a><br>
|
||||
<a href="http://www.inf.fu-berlin.de/lehre/SS02/alp2/">ALP II</a><br>
|
||||
<a href="http://www.inf.fu-berlin.de/lehre/WS02/ALP3/index.html">ALP III</a><br>
|
||||
<a href="http://www.zwergmaster.de/index.php?site=40&cat=downloads">study auf zwergmaster.de</a><br>
|
||||
<a href="http://www.pi.informatik.tu-darmstadt.de/studarb/JochenSchroeder/Kategorien/Algorithmentypen.html"> Algorithmen ohne Ende</a><br>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,151 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Aufgaben</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Allgemeine Aufgaben in Haskell</h1>
|
||||
|
||||
<h2>Sortieren</h2>
|
||||
<ol start="1" type="1">
|
||||
<li>Quicksort</li>
|
||||
<li>Mergesort</li>
|
||||
<li>Insertionsort</li>
|
||||
<li>Selectionsort</li>
|
||||
</ol>
|
||||
|
||||
<h2>Suchen</h2>
|
||||
<ol start="5" type="1">
|
||||
<li>lineares Suchen</li>
|
||||
<li>binäre Suche</li>
|
||||
</ol>
|
||||
|
||||
<h2>diverses in Haskell</h2>
|
||||
<ol start="7" type="1">
|
||||
<li>reverse</li>
|
||||
<li>Fibonacci</li>
|
||||
<li>Fakultät</li>
|
||||
<li>Summe einer Liste</li>
|
||||
<li>map Funktion selbst schreiben</li>
|
||||
<li>Binärer Suchbaum mit insert, delete, contains, sum, gib Baum als sortierte List aus...</li>
|
||||
<li>Ein Stack in Haskell</li>
|
||||
<li>Eine Queue in Haskell</li>
|
||||
<li>Eine Menge in Haskell</li>
|
||||
</ol>
|
||||
|
||||
<a href="loesungen.hs">Lösungen</a>
|
||||
|
||||
<h1>Allgemeine Aufgaben in Java</h1>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="BinTree.java">Binärbaum</a> - ein ziemlicher Klopper, aber man sollte das mal gemacht haben.
|
||||
</li>
|
||||
<li>
|
||||
"1. Spezifizieren Sie ein Interface für einen Stack und implementieren Sie den Stack in Java mit einem Array" - <a href="ArrayStack.java">Lösung</a>
|
||||
</li>
|
||||
<li>
|
||||
"1. Spezifizieren Sie ein Interface für eine Schlange und implementieren Sie die Schlange in Java mit einem Array" - <a href="ArrayQueue.java">Lösung</a>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h1>Allgemeine Aufgaben</h1>
|
||||
|
||||
<a href="loesungenvonbettina.php">Lösungen der folgenden Aufgaben</a>
|
||||
<h2>Vollständige Induktion</h2>
|
||||
Um die Behauptungen zu beweisen, kann man die vorherigen Aussagen und die bewiesenen Behauptungen mitbenutzen.
|
||||
<ol>
|
||||
<li>Um das Prinzip zu verstehen: <b>1 + 3 + 5 + ... + (2n-1) = n²</b>, wobei n > 0.</li>
|
||||
<li><b>x ++ [] = x</b>, wobei (a) [] ++ v = v und (b) (a:v) ++ w = a:(v ++ w)</li>
|
||||
<li><b>rev (a ++ b)= (rev b) ++ (rev a)</b>, wobei (a) rev [] = [] und (b) rev (a:v) = (rev v) ++ [a]</li>
|
||||
<li><b>rev (rev xs) = xs</b>, wobei (a) rev [] = [] und (b) rev (a:v) = (rev v) ++ [a] und (c) rev [x] = [x] und (d) [x] = x:[]</li>
|
||||
</ol>
|
||||
|
||||
<h2>Primitiv rekursive Funktion</h2>
|
||||
<ol>
|
||||
<li>Vorgängerfunktion <b>pred</b></li>
|
||||
<li>Gleichheit mit Null <b>eq0</b>, wobei True 1 und False 0 entspricht</li>
|
||||
<li>Subtraktion <b>sub</b> von zwei Zahlen, wobei bei Rojas x-y = sub(y, x)</li>
|
||||
<li><b>and</b>, <b>not</b>, größer-gleich <b>≥</b></li>
|
||||
<li><b>if (x, y, z)</b>, wobei if x then y else z</li>
|
||||
</ol>
|
||||
|
||||
<h2>O-Notation</h2>
|
||||
<ol>
|
||||
<li>Sortieren Sie die folgenden Laufzeiten aufsteigend.<br>
|
||||
(a) n<sup>3</sup> (b) log<sub>2</sub> n (c) 1,8<sup>n</sup> (d) n (e) 3<sup>n</sup> (f) √n (g) n(log<sub>2</sub> n)<sup>2</sup> (h) n<sup>2</sup></li>
|
||||
<li>Finden Sie möglichst einfache Ausdrücke der Form Θ(·) für folgende Funktionen:<br>
|
||||
(a) 3n<sup>2</sup> − 4n + 32 + 27 n · ⌈log<sub>2</sub> n⌉ / 2<br>
|
||||
(b) max{n⌈log<sub>2</sub> n⌉, (⌈log<sub>2</sub> n⌉)<sup>4</sup>}<br>
|
||||
(c) 2<sup>2n + ⌈log<sub>2</sub> n⌉</sup></li>
|
||||
</ol>
|
||||
|
||||
<h2>Algorithmen</h2>
|
||||
<ol>
|
||||
<li><b>Dijkstra</b><br>
|
||||
a ist der Startknoten.<br>
|
||||
<img src="dijkstra-aufgabe.gif">
|
||||
</li>
|
||||
<li><b>Kleinster aufspannender Baum</b><br>
|
||||
Prim und Kruskal am obigen Graphen.
|
||||
</li>
|
||||
<li><b>Huffman</b><br>
|
||||
Für das Wort <b>ABRACADABRASIMSALABIM</b> die Wahrscheinlichkeiten der einzelnen Buchstaben bestimmen und dann einen Binärcode nach dem Huffman-Algorithmus erstellen.
|
||||
</li>
|
||||
<li><b>Verschiebefunktion</b><br>
|
||||
Aufstellen der Verschiebefunktion des Musters <b>babcabb</b> und überprüfen ob es im Text <b>abbababcababcabbbca</b> entghalten ist.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h2>Graphen und Bäume</h2>
|
||||
<ol>
|
||||
<li><b>AVL-Baum</b><br>
|
||||
Erstelle einen neuen AVL-Baum und füge folgende Werte nacheinander ein: 3, 2, 1, 4, 5, 6, 7, 16, 15<br>
|
||||
Nun lösche die Werte 4 und 2.
|
||||
</li>
|
||||
<li><b>B-Baum</b><br>
|
||||
Erstelle einen neuen (2,3)-Baum und füge folgende Werte nacheinander ein: 1, 5, 2, 6, 7, 4, 8, 3<br>
|
||||
Ich denke, dass man Löschen nicht können muss. Das ist ziemlich kompliziert!
|
||||
</li>
|
||||
<li><b>Rot-Schwarz-Baum</b><br>
|
||||
Wandle den folgenden Rot-Schwarz-Baum in einen einen (2,4)-Baum um.<br>
|
||||
<img src="rotschwarz-aufgabe.gif">
|
||||
<div class="quelle">Die Grafik ist ein Screenshot von Arsen Gogeshvilis <a href="http://webpages.ull.es/users/jriera/Docencia/AVL/AVL%20tree%20applet.htm">Binärbaum-Applet</a></div>
|
||||
</li>
|
||||
<li><b>Suffixbaum</b><br>
|
||||
Erstelle einen Suffixbaum des Wortes <b>ananas$</b>.
|
||||
</li>
|
||||
<li><b>Adjazenzliste und -matrix</b><br>
|
||||
Gebe für folgenden Graphen eine Adjazenzliste und eine Adjazenzmatrix an und überlege welche Darstellung hier sinnvoller ist.<br>
|
||||
<img src="adjazenzaufgabe.gif">
|
||||
<div class="quelle">Grafik entnommen aus Saake, Sattler: "Algorithmen & Datenstrukturen"</div>
|
||||
</li>
|
||||
<li><b>Konvexe Hülle</b><br>
|
||||
Folgende Punkte im Koordinatenkreuz bilden einen Graphen: <b>A(1/9), B(3/7), C(4/8), D(5/1), E(7/5), F(7/7), G(9/3), H(10/8)</b><br>
|
||||
Nenne die Punkte, die in der komplexen Hülle enthalten sind.
|
||||
</li>
|
||||
<li><b>Infix, Prefix und Postfix</b><br>
|
||||
Folgende Terme in Pre- und Postoder darstellen.<br>
|
||||
(a) <b>2 + 3 * 6 - 4 / 1</b><br>
|
||||
(b) <b>5 * (6 + 2) - 7 / 4 + 2 * 5</b><br>
|
||||
Am Einfachsten geht das mit Hilfe eines Termbaums.<br>
|
||||
(c) <b>Pre-, In- und Postorder</b> von folgendem Termbaum<br>
|
||||
<img src="prepost3.gif">
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,272 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Bäume</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Bäume</h1>
|
||||
|
||||
<h2>AVL-Bäume</h2>
|
||||
AVL-Bäume (Adelson-Velskii und Landis) sind eine Form von binären Suchbäumen, die das Entarten vermeiden und dabei den Aufwand beim Ausgleichen begrenzt halten.<br><br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><b>AVL-Kriterium:</b></td>
|
||||
<td>Ein AVL-Baum ist ein ausgeglichener/balancierter Binärbaum, d.h. für jeden Knoten unterscheidet sich die Höhe (= Weg von der Wurzel bis zum Knoten) seiner beiden Nachfolger um höchstens 1.</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
Durch diese Bedingung eignen sich AVL-Bäume besonders zur Suche, da im worst case eine Laufzeit von O(log n) entsteht.<br>
|
||||
Bei jeder Einfüge- oder Löschoperation muss die AVL-Bedingung über eine oder zwei Rotationen wieder hergestellt werden.<br><br>
|
||||
|
||||
<h4>Einfügen in einen AVL-Baum</h4>
|
||||
Das grundsätzliche Vorgehen beim Einfügen eines Elements entspricht dem Algorithmus vom binären Suchbaum. Als Folge dieser Operation kann jedoch die AVL-Eigenschaft verletzt sein, was man durch Vertauschen von Knoten (Rotation bzw. Doppelrotation) wieder behebt.<br><br>
|
||||
|
||||
<b>Rotation</b><br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src="rotation1.gif"></td>
|
||||
<td><img src="rotation2.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
Wenn es nach dem Einfügen eines neuen Wertes einen Knoten <b>k<sub>0</sub></b> gibt, dessen linker Teilbaum <b>a</b> des linken Kindes <b>k<sub>1</sub></b> und <b>k<sub>1</sub></b> (bzw. dessen rechter Teilbaum des rechten Kindes und das rechte Kind) eine um zwei größere Höhe hat als der rechte Teilbaum <b>c</b> (bzw. der linke Teilbaum), dann wird <b>k<sub>0</sub></b> mit <b>k<sub>1</sub></b> vertauscht.<br><br>
|
||||
|
||||
<b>Doppelrotation</b><br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src="doppelrotation1.gif"></td>
|
||||
<td><img src="doppelrotation2.gif"></td>
|
||||
<td><img src="doppelrotation3.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
Wenn es nach dem Einfügen eines neuen Wertes einen Knoten <b>k<sub>0</sub></b> gibt, dessen rechter Teilbaum <b>b</b> des linken Kindes <b>k<sub>1</sub></b> und <b>k<sub>1</sub></b> (bzw. dessen linker Teilbaum des rechten Kindes und das rechte Kind) eine um zwei größere Höhe hat als der rechte Teilbaum <b>d</b> (bzw. der linke Teilbaum), dann wird zunächst <b>k<sub>1</sub></b> mit seinem rechten Kind <b>k<sub>2</sub></b> (bzw. linken Kind) vertauscht und dann <b>k<sub>2</sub></b> nach oben rotiert, so dass dieser Knoten nun die neue Wurzel dieses Teilbaums ist.<br><br>
|
||||
|
||||
<h4>Löschen in einen AVL-Baum</h4>
|
||||
Ein gelöschter Knoten wird durch den linkesten Knoten seines rechten Teilbaums ersetzt. Hat der Knoten keinen rechten Teilbaum, wird er durch sein linkes Kind ersetzt. Der Baum wird danach durch Rotation und Doppelrotation wieder ausgeglichen falls nötig.
|
||||
|
||||
<br><br>
|
||||
<h2>B-Bäume</h2>
|
||||
B-Bäume sind keine Binärbaume, sondern ausgeglichene Mehrwegbäume. D.h. sie sind Bäume, die in einem Knoten mehrere Elemente speichern können.<br>
|
||||
Ein B-Baum der Ordnung m kann m-1 Elemente in einem Knoten speichern und hat folgende Eigenschaften:
|
||||
<ol>
|
||||
<li>Jeder Knoten hat höchstens m Kinder.</li>
|
||||
<li>Jeder Knoten mit Ausnahme der Wurzel und der Blattknoten hat mindestens m/2 Kinder.</li>
|
||||
<li>Die Wurzel hat mindestens 2 Kinder (oder ist ein Blattknoten).</li>
|
||||
<li>Alle Blattknoten sind auf der gleichen Ebene, und tragen keine weiteren Informationen</li>
|
||||
<li>Ein innerer Knoten mit k Kindern besitzt k-1 Schlüssel.</li>
|
||||
</ol>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td><b>Beispiel:</b></td>
|
||||
<td><img src="bbaum.gif"></td>
|
||||
<td><div class="quelle" style="text-align: right;">Grafik entnommen aus Saake, Sattler: "Algorithmen & Datenstrukturen"</div></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
2-3-Bäume bzw. 2-4-Bäume sind B-Bäume der Ordnung 3 bzw. 4. Die 2 gibt die minimale Anzahl der Kinder pro Knoten an.
|
||||
<br><br>
|
||||
|
||||
<h4>Suchen in einen B-Baum</h4>
|
||||
Nehmen wir an, dass wir einen (2,3)-Baum haben und einen Eintrag mit dem Wert w suchen. <br>
|
||||
Ein Knoten mit drei Elementen enthält die Werte a, b und c, wobei a ≤ b ≤ c, und vier Verweise, wobei v<sub>1</sub> auf alle Elemente e verweist, die kleiner a sind, v<sub>2</sub> auf alle a ≤ e < b, v<sub>3</sub> auf alle b ≤ e < c und v<sub>4</sub> auf alle c ≤ e.<br>
|
||||
Man fängt also wie gewohnt in der Wurzel an, überprüft, ob es dort einen Wert gibt, der gleich w ist. Wenn nicht nimmt man den jeweiligen Veweis zum nächsten Knoten und fährt rekursiv fort. Wenn man in einem Blatt angekommen ist und der Wert bis jetzt nicht gefunden wurde, ist er nicht im Baum gespeichert.
|
||||
<br><br>
|
||||
|
||||
<h4>Einfügen in einen B-Baum</h4>
|
||||
Zunächst wird das Blatt gesucht, in das das Element eingetragen werden soll und wird (der Sortierung entsprechend) eingefügt.
|
||||
<table>
|
||||
<tr>
|
||||
<td>Dann gibt es zwei Fälle:</td>
|
||||
<td>
|
||||
<ol>
|
||||
<li>Die Anzahl der Einträge des Knotens ist immernoch < m</li>
|
||||
<li>Die Anzahl der Einträge ist ≥ m</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
Im ersten Fall freut man sich, dann ist man nämlich mit dem Einfügen fertig.<br>
|
||||
Im zweiten Fall nimmt man das mittlere Element e<sub>i</sub> in den Elternknoten, teilt den Knoten in zwei und verweist jeweils recht und links von e<sub>i</sub> auf die neuen Knoten. Wenn nun der Elternknoten mehr als m-1 Elemente speichert, fährt man rekursiv fort. Dies kann sich bis zur Wurzel hochziehen. Hat die Wurzel nun mehr als m-1 Elemente wird e<sub>i</sub> nicht in den Elternknoten (gibt ja keinen), sondern wird in einen neuen Knoten geschrieben, der jetzt die Wurzel ist. Der B-Baum wächst also nach oben.<br><br>
|
||||
|
||||
<h4>Löschen in einen B-Baum</h4>
|
||||
Zunächst wird der Knoten gesucht, in das das Element gespeichert ist und der Eintrag gelöscht.
|
||||
<table>
|
||||
<tr>
|
||||
<td>Dann gibt es drei Fälle:</td>
|
||||
<td>
|
||||
<ol>
|
||||
<li>Die Anzahl der Einträge des Knotens aus dem gelöscht wurde ist immernoch ≥ m/2</li>
|
||||
<li>Die Anzahl der Einträge des <b>Knotens</b> ist < m/2</li>
|
||||
<li>Die Anzahl der Einträge des <b>Blattes</b> ist < m/2</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
Im ersten Fall freut man sich, dann ist man nämlich mit dem Löschen fertig.<br>
|
||||
Im zweiten Fall wird das Element durch den nächstkleineren aus einem Blatt ersetzt. Wenn sich für das Blatt nun ein Unterlauf ergibt, wird wie im dritten Fall fortgefahren.<br>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Im dritten Fall gibt es wiederum zwei Möglichkeiten:</td>
|
||||
<td>
|
||||
<ol>
|
||||
<li>Ein Nachbarknoten hat <b>mehr als m/2</b> Elemente</li>
|
||||
<li>Die Nachbarknoten haben <b>nur m/2</b> Einträge</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
Im ersten Fall werden der Knoten, der Nachbarknoten und e<sub>i</sub> aus dem Elternknoten, von dem aus rechts und links die beiden Verweise zu den Knoten ausgehen, kurzzeitig zu einem Knoten zusammengefasst, wieder halbiert und ein neues e<sub>i</sub>, was in den Elternknoten geschrieben wird, festgelegt.<br>
|
||||
Im zweiten Fall wird der Knoten, der Nachbarknoten und e<sub>i</sub> aus dem Elternknoten zusammengelegt. Einer der Verweise vom Elternknoten fällt weg (ist ja nur noch ein Knoten). Der neue Knoten hat m Einträge: (m/2)-1 vom ursprünglichen Knoten + m/2 vom Nachbarknoten + 1 der Knoten aus dem Elternknoten e<sub>i</sub>.<br>
|
||||
Möglicherweise gibt es nun im Elternknoten einen Unterlauf. Dieser wird rekursiv behandelt.<br>
|
||||
<i>Darf ein Knoten nicht nur m-1 Einträge speichern?</i>
|
||||
<br><br>
|
||||
|
||||
<h2>Rot-Schwarz-Bäume</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td><b>Eigenschaften:</b></td>
|
||||
<td>
|
||||
<ol>
|
||||
<li>Knoten sind rot oder schwarz.</li>
|
||||
<li>Die Wurzel ist schwarz.</li>
|
||||
<li>Externe Knoten sind schwarz.</li>
|
||||
<li>Die Kinder von roten Knoten sind schwarz. (Rotbedingung)</li>
|
||||
<li>
|
||||
Jeder Pfad von einem Knoten x zu einem externen Knoten besitzt die gleiche Anzahl schwarzer Knoten.<br>
|
||||
Diese Anzahl (x nicht mitgezählt gezählt) heißt schwarze Höhe bh(x) eines Knotens.
|
||||
</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table>
|
||||
<tr>
|
||||
<td><b>Rot-Schwarz-Baum</b></td>
|
||||
<td><img src="rotschwarz1.gif"></td>
|
||||
<td><img src="rotschwarz2.gif"></td>
|
||||
<td><img src="rotschwarz3.gif"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><div class="quelle" style="text-align: right;">Die Grafik ist ein Screenshot von Arsen Gogeshvilis <a href="http://webpages.ull.es/users/jriera/Docencia/AVL/AVL%20tree%20applet.htm">Binärbaum-Applet</a></div><br /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>(2,3)-Baum</b></td>
|
||||
<td><img src="bbaum1.gif"></td>
|
||||
<td><img src="bbaum2.gif"></td>
|
||||
<td><img src="bbaum3.gif"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><div class="quelle" style="text-align: right;">Grafik entnommen aus Saake, Sattler: "Algorithmen & Datenstrukturen"</div><br /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
Jeder Rot-Schwarz-Baum lässt sich durch einen (2,3)-Baum darstellen und umgekehrt.<br>
|
||||
Ein 1-Knoten lässt sich durch einen schwarzen Knoten ersetzen, ein 2-Knoten durch einen schwarzen Knoten mit einem roten Kind und ein 3-Knoten durch einen schwarzen Knoten mit zwei roten Kindern.<br>
|
||||
Suchen, einfügen und löschen funktionieren also nach dem gleichen Prinzip wie im (2,3)-Baum.
|
||||
<br><br>
|
||||
|
||||
<h2>Digitalbäume</h2>
|
||||
<div class="quelle">Die Grafiken zu Digitalbäumen wurden den Folien zur <a href="http://www.inf.fu-berlin.de/lehre/WS02/ALP3/index.html">Vorlesung</a> entnommen.</div>
|
||||
Es gibt verschiedene Möglichkeiten einen Digitalbaum darzustellen.<br><br>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<b>Digitalbaum</b><br>
|
||||
<img src="digitalbaum.gif"></td>
|
||||
<td><img src="digitalbaum2.gif"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<b>Binärer Digitalbaum</b><br>
|
||||
<img src="binaererdigitalbaum.gif"></td>
|
||||
<td><img src="binaererdigitalbaum2.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
|
||||
<h3>Patricia-Bäume</h3>
|
||||
Patricia-Bäume (Practical Algorithm To Retrieve Information Coded In Alphanumeric) sind binäre Digitalbäume. <br>
|
||||
Das Prinzip ist sehr einfach:<br>
|
||||
<img src="patricia1.gif"><br>
|
||||
Alle Schlüssel werden in den Blättern gespeichert. In den Knoten steht die Anzahl der Zeichen (Bits), die auf den Wegen zu den Blättern überspringen werden können.<br><br>
|
||||
|
||||
Ein richtiger Patricia-Baum sieht so aus:<br>
|
||||
<img src="patricia2.gif"><br>
|
||||
Der Schlüssel HEINZ ist z.B. folgendemaßen abgespeichert: 10010001000101100100110011101011010<br>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Wegfindung:</td>
|
||||
<td>
|
||||
100100010<br>
|
||||
0<br>
|
||||
0<br>
|
||||
1<br>
|
||||
011001<br>
|
||||
0<br>
|
||||
011001110<br>
|
||||
1<br>
|
||||
01<br>
|
||||
1<br>
|
||||
010
|
||||
</td>
|
||||
<td>
|
||||
9 Bits überspringen<br>
|
||||
links<br>
|
||||
links<br>
|
||||
rechts<br>
|
||||
6 Bits überspringen<br>
|
||||
links<br>
|
||||
9 Bits überspringen<br>
|
||||
rechts<br>
|
||||
2 Bits überspringen<br>
|
||||
rechts ⇒ bei HEINZ angekommen
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h3>Suffix-Bäume</h3>
|
||||
In einem Suffuixbaum sind alle Suffixe eines Wortes gespeichert.<br><br>
|
||||
<b>Beispiel: Mississippi</b><br>
|
||||
<img src="mississippi.gif"><br>
|
||||
|
||||
<h3>Anmerkungen</h3>
|
||||
|
||||
<b>Digitalbaum allgemein:</b> zeichenweiser Schlüsselvergleich entscheidet über Pfad im Baum.<br>
|
||||
<b>Digitalbaum speziell (Radix tree):</b> Schlüssel in inneren Knoten und Blättern, zeichenweiser Schlüsselvergleich, keine Schlüsselordnung.<br>
|
||||
<b>Trie:</b> Schlüssel nur in Blättern, geordnet nach Schlüsseln.<br>
|
||||
<b>Patricia Trie</b> (Compressed Trie), (manchmal Patricia Tree): Redundanz eliminiert: jeder innere Knoten hat mindestens zwei Nachfolger.<br>
|
||||
<b>Suffix Trie:</b> Trie, der alle Suffixe einer Zeichenkette enthält (eher unwichtig, kommt selten vor).<br>
|
||||
<b>Suffixbaum (Suffix Tree):</b> Patricia Trie, der alle Suffixe einer Zeichenkette enthält, also: jeder innere Knoten mit zwei Nachfolgern. (wichtig)<br>
|
||||
<b>Suffix-Feld (Suffix Array):</b> Felddarstellung eines Suffixbaums (nicht behandelt).<br>
|
||||
|
||||
|
||||
<h2>Links</h2>
|
||||
<a href="http://webpages.ull.es/users/jriera/Docencia/AVL/AVL%20tree%20applet.htm">Das Applet zu AVL- und Rot-Schwarz-Bäumen</a>
|
||||
<br>
|
||||
<a href="http://alfi.ira.uka.de/lehre/sommer2002/AVLTreeApplet/avl.html">AVL-Applet mit einzelnen Umsortierungsschritten (zum Mitverfolgen)</a>
|
||||
<br>
|
||||
<a href="http://www.vameo.de/uni/tutorium/binaryandavl.pdf">Merkblatt zu Binäre Suchbäume & AVL-Bäume von Augustin</a>
|
||||
<br>
|
||||
<a href="http://www.vameo.de/uni/tutorium/redblack.pdf">Merkblatt zu Rot-Schwarz-Bäume von Augustin</a>
|
||||
<br>
|
||||
<a href="http://www.vameo.de/uni/tutorium/23tree.pdf">Merkblatt zu 2-3-Bäume von Augustin</a>
|
||||
<br>
|
||||
<a href="http://www.vameo.de/uni/tutorium/digibaum.pdf">Merkblatt zu Digitalbäume von Augustin</a>
|
||||
<a href="http://dbs.uni-leipzig.de/en/skripte/ADS2/HTML/kap1-32.html">Patricia-Bäume</a>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Prozedurale Programmierung: Begriffe</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Begriffe in Haskell</h1>
|
||||
|
||||
<h2>Erklärungen</h2>
|
||||
<b>Lazy Evaluation</b>: In "Haskell" werden Ausdrücke grundsätzlich nicht strikt ausgewertet. Ein (Teil-)Ausdruck wird erst durch seinen Wert ersetzt, wenn dieser zum Beispiel für einen arithmetischen Vergleich benötigt wird. Demzufolge wird auch ein als aktueller Parameter einer Funktion übergebener Ausdruck erst ausgewertet, wenn sein Wert innerhalb des Funktionsrumpfes verwendet wird. Wurde der Wert einmal berechnet, werden alle namentlichen Vorkommen des Ausdrucks durch seinen Wert ersetzt. Ein einfaches Beispiel verdeutlicht diese Strategie.<br><br>
|
||||
<code>const1 a = 1 </code>
|
||||
<br><br>
|
||||
Definiert ist eine konstante Funktion "const1" mit einem beliebigen Parameter "a" und dem Rückgabewert 1. Der Rückgabewert folgender beispielhafter Funktionsaufrufe ist also immer 1.<br><br>
|
||||
<code>
|
||||
(Pseudocode)<br>
|
||||
const1 10 => 1<br>
|
||||
const1 (1+4) => 1<br>
|
||||
const1 'A' => 1<br>
|
||||
const1 (1/0) => 1<br>
|
||||
</code><br><br>
|
||||
Für das Ergebnis der Funktion ist der Wert des aktuellen Parameters irrelevant. Er wird von einem Interpreter deshalb nie ausgewertet. Aus diesem Grund führt der letzte Aufruf mit der Division durch Null als Parameter nicht zu einem Fehler.
|
||||
<br>
|
||||
Solange also der Wert eines Ausdrucks (einer Funktion) nicht benötigt wird, behandelt "Haskell" diesen als eine Definition. Als solche werden auch entsprechende Teilausdrücke behandelt.<br><br>
|
||||
|
||||
<b>Pattern Matching</b>: Ein Funktion kann mehrere Definitionen haben. Es wird per Pattern Matching anhand der aufrufenden Parameter entschieden, welche Definition angewendet wird. <br>
|
||||
|
||||
Beispiel: Rekursive Funktion zum Berechnen von <code>x</code> Exponent <code>y</code><br><br>
|
||||
<code>
|
||||
xHochY :: Int -> Int -> Int<br>
|
||||
xHochY x 0 = 1<br>
|
||||
xHochY x _ = x * xHochY x (y-1)<br>
|
||||
</code><br>
|
||||
Wenn <code>y = 0</code> ist, wird die erste Definition verwendet. In allen anderen Fällen (_ ist Wildcard) wird die untere Definition verwendet. Die Funktion ist rekursiv und bricht nach <code>y = 0</code> ab. Es wird jedoch nicht geprüft, ob kein <code>y < 0</code> Parameter ist.<br><br>
|
||||
|
||||
<b>Currying</b>: eine Funktion in gecurrieter Form erhält alle ihre Argumente auf einmal, also z. B. wenn wir x und y multiplizieren wollen, übergeben wir gleichzeitig x und y.<br><br>
|
||||
<code>
|
||||
mult :: Int -> Int -> Int<br>
|
||||
mult x y = x * y
|
||||
</code>
|
||||
<br><br>
|
||||
Die ungecurrierte Form sähe so aus:<br><br>
|
||||
<code>
|
||||
mult :: (Int, Int) -> Int<br>
|
||||
mult (x, y) = x * y
|
||||
</code>
|
||||
<br><br>
|
||||
|
||||
<b>Formale Parameter (FP)</b>: Namen für Parameter in der Funktionsdefinition, also die abstrakten.<br><br>
|
||||
|
||||
<b>Aktuelle Parameter (AP)</b>: Ausdrücke im Aufruf, deren Werte oder Stellen übergeben werden, also die konkreten, die beim Funktionsaufruf übergeben werden.<br><br>
|
||||
|
||||
<b>Call-by-Name</b>: Bei der Parameterübergabe nach dem Mechanismus des call-by-name wird der Parameter als Referenz übergeben. In der aufgerufenen Methode kann man sich an jeder Stelle, wo der Parameter als lokale Variable verwendet wird, den Namen der beim Aufruf übergebenen Variable ersetzt denken. Kommt in der aufgerufenen Methode ein lokaler Name mit demselben Namen vor, so kann dies leicht zu ungewollten Effekten führen.<br>
|
||||
Beispiel:<br><br>
|
||||
<code>
|
||||
int x = 3;<br>
|
||||
Function abc (int a)<br>
|
||||
{<br>
|
||||
int x = 5;<br>
|
||||
a = a + 5;<br>
|
||||
}<br>
|
||||
abc(x);<br>
|
||||
print(x);<br><br>
|
||||
</code>
|
||||
Bei diesem Beispiel wird am Schluss nicht, wie man vielleicht vermutet, <code>8</code> ausgegeben, sondern <code>10</code>, da in der Methode <code>abc</code> jedes Vorkommen von <code>a</code> durch <code>x</code> ersetzt werden kann und somit <code>x = x + 5 = 5 + 5</code> berechnet wird.<br><br>
|
||||
|
||||
|
||||
<b>Call-by-Value</b>: Bei der Parameterübergabe nach dem Mechanismus des call-by-value wird eine Kopie der Variable übergeben. Wenn in der Methode der übergebene Parameter geändert wird, hat dies keine Auswirkung auf den Originalparameter. <br><br>
|
||||
|
||||
<b>Call-by-result</b>: Bei der Parameterübergabe nach dem Mechanismus des call-by-value/result (auch call-by-copy/restore genannt) wird zunächst wie beim call-by-value verfahren, d.h. es wird nur eine Kopie der Variable übergeben. Wenn in der Methode der übergebene Parameter geändert wird, hat dies zunächst keine Auswirkung auf den Originalparameter. Am Ende der Methode wird allerdings der Wert der übergebenen Variable aus der aufrufenden Methode mit dem aktuellen Wert des Parameters überschrieben <br><br>
|
||||
|
||||
<b>Call-by-reference</b>: Bei der Parameterübergabe nach dem Mechanismus des call-by-reference wird der Parameter als Referenz übergeben. Wird in der Methode der Wert des Parameters geändert, so wirkt sich dies auch auf den Wert der übergebenen Variable in der aufrufenden Methode aus. Die beiden Objekte zeigen auf dieselbe Speicheradresse, statt einer Kopie des Wertes wird die Speicheradresse übergeben.Dieser Übergabemechanismus wird beispielsweise in der Programmiersprache Java verwendet.<br><br>
|
||||
|
||||
<b>Higher-Order-Function</b>: Eine Funktion, die als Parameter eine Funktion verarbeiten kann und auch eine Funktion zurück geben kann.<br>
|
||||
Beispiel:<br><br>
|
||||
<code>squareList list = map (^2) list</code><br><br>
|
||||
Die Funktion <code>squareList</code> bekommt <code>^2</code> als Parameter übergeben.<br><br>
|
||||
|
||||
|
||||
<h2>Links</h2>
|
||||
<a href="http://en.wikipedia.org/wiki/Lazy_evaluation">lazy evaluation bei Wikipedia (engl.)</a><br>
|
||||
<a href="http://www.fh-wedel.de/~si/seminare/ss02/Ausarbeitung/3.lazy/lazy2.htm">weiterführendes zum Thema "lazy evaluation"</a><br>
|
||||
<a href="http://ag-kastens.uni-paderborn.de/lehre/material/gdp/folien/Folie715.html">Folie zu Currying</a><br>
|
||||
<a href"http://en.wikipedia.org/wiki/Higher-order_function">higer order function bei Wikipedia (engl.)</a><br><br>
|
||||
|
||||
<h2>Dokumente</h2>
|
||||
<a href="haskellbegriffe.doc">als doc zum Drucken</a>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css">
|
||||
<title>Ausgeschlossene Themen</title>
|
||||
</head>
|
||||
<body>
|
||||
<span id="menu"><a href="index.php">zurück zur Liste</a></span>
|
||||
|
||||
<div id="buttons">
|
||||
<form action="edit.php" method="POST">
|
||||
<input type="hidden" name="filename" value="<?php echo $_SERVER['SCRIPT_FILENAME']?>">
|
||||
<p>
|
||||
<input type="submit" value="Seite bearbeiten">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<h1>Deprecated</h1>
|
||||
Kombinatorentheorie<br>
|
||||
Turingmaschinen
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user