tilman/tilman.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
tilman.de/www/uni/ws02/puk/index.html
T
Tilman c0da376199 Inital commit
2011-10-26 10:11:42 +02:00

121 lines
6.1 KiB
HTML
Raw Permalink Blame History

<!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="">&nbsp;<a href="">KONTAKT</a>&nbsp;&nbsp;|&nbsp;
<img class="bullet" src="bullet.jpg" alt="">&nbsp;<a href="">ENGLISH</a>&nbsp;&nbsp;|&nbsp;
<img class="bullet" src="bullet.jpg" alt="">&nbsp;<a href="http://www.fu-berlin.de">FU-BERLIN</a>&nbsp;&nbsp;|&nbsp;
<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>&nbsp;<img class="bullet" src="bullet.jpg" alt="">
</p>
<p>
<a class="h1" href="akt">Einrichtungen</a>&nbsp;<img class="bullet" src="bullet.jpg" alt="">
</p>
<p>
<a class="h1" href="akt">Studium</a>&nbsp;<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>&nbsp;<img class="bullet" src="bullet.jpg" alt="">
</p>
<p>
<a class="h1" href="akt">Lehre</a>&nbsp;<img class="bullet" src="bullet.jpg" alt="">
</p>
</div>
<div id="path">
<a href="">Start</a>&nbsp;>
<a href="">Studium</a>&nbsp;>
<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 &amp; 7, Internet Explorer 6, Opera 6 &amp; 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>
Reference in New Issue View Git Blame Copy Permalink