<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Dein Name beim PSD-Tutorials.de - CSS Contest 2011</title>
<meta name="author" content="Dein Name">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="keywords" content="psd-tutorials.de, css-contest, grafik und webdesign,">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="language" content="deutsch">
<meta name="Content-Language" content="de">
<meta name="robots" content="all">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="head">
<h1><span>Dein Name</span> beim PSD-Tutorials.de - CSS Contest</h1>
</div>
<div id="menue-one">
<!-- Dieses Menue fuehrt ins Nichts, kann aber toll aussehen oder? -->
<h4>Wegweiser</h4>
<ul id="menue-one-list">
<li class="mo-one"><a href="#">one</a></li>
<li class="mo-two"><a href="#">two</a></li>
<li class="mo-three"><a href="#">three</a></li>
<li class="mo-four"><a href="#">four</a></li>
<li class="mo-five"><a href="#">five</a></li>
<li class="mo-six"><a href="#">six</a></li>
<li class="mo-seven"><a href="#">seven</a></li>
</ul>
</div>
<div id="content-one">
<h2>Der Grundgedanke</h2>
<p>Nach langem Hin und Her und einigen zaghaften Versuchen kommt es dieses Jahr endlich zu einem Contest im Bereich Webdesign.</p>
<p>Die Idee ist nicht neu und einige kreative Leute im Netz haben so ähnliche Geschichten schon veranstaltet. Ganz weit vorn ist natürlich <a href="http://www.csszengarden.com/tr/deutsch/">Zen Garden</a>.</p>
<p>Nichtsdestotrotz: Wir ziehen das hier durch und haben Spaß dabei. Eingeladen ist jeder, der sich zutraut, ein Layout überwiegend mit CSS zu gestalten.</p>
<p>Diese Veranstaltung soll Spaß machen und läuft nach dem olympischen Motto: <span class="olymp">"Dabei sein ist alles."</span></p>
<p>Wir hoffen natürlich, dass am Ende des Tages ein paar fesche CSS-Layouts entstehen. Vielleicht kann der Eine oder die Andere sie ja auch für eigene Projekte als Idee nutzen.</p>
<p class="leer"> </p>
<p class="nachtrag">P.S. Ach ja, für alle, die es nicht pünktlich schaffen. Diese Sache ist OpenEnd. Nach dem 02.04.2011 eingereichte Entwürfe nehmen nur nicht mehr am Voting teil. Ich stelle sie aber noch online. D</p>
</div>
<div id="content-two">
<h2>CSS Contest 2011</h2>
<p><strong>Aufgabe:</strong> Gestalte diese vorgegebene html-Seite mit Hilfe von CSS.</p>
<p><strong>Start:</strong> 20.02.2011; 10:00 Uhr</p>
<p><strong>Abgabe:</strong> 02.04.2011; 17:00 Uhr (spätester Zeitpunkt)</p>
<p>Ab 03.04.2011 geht die Seite mit den Werken online.</p>
<p>Feedback, Austausch und... ist noch viel wichtiger als "Sieger" zu ermitteln und kann bei pst-tutorials gegeben werden.</p>
<div id="ablauf">
<h3>Ablauf:</h3>
<ol>
<li>Lade dir die notwendigen Dateien <a href="nickname.zip">hier</a> runter.
<li>Nimm dir Zeit zum Nachdenken! (Schnellschüsse unerwünscht)
<li>Erstelle eine style.css und die für dein Design notwendigen Grafiken.<br>
<strong>Maximale Gesamtdateigröße der CSS-Datei und der Grafiken: 200kb</strong>
<li>Probiere, teste<sup>1</sup>,knüll zusammen, fang neu an, probiere, teste... sei zufrieden!
<li>Erstelle einen Screenshot für das Votingmodul.
<li>Schicke mir eine <a href="http://www.psd-tutorials.de/forum/private.php?do=newpm&u=7203">PM</a> und ich sage dir wohin mit den Daten<sup>2</sup>.
</ol>
<p class="fussnote-one"><sup>1</sup>Browser: Firefox 3.6, Safari 5.03, IE8 (wenn also mit CSS3 gearbeitet wird, sollte es im IE wenigstens bedien- und erkennbar sein). Es geht aber NICHT um die Erstellung mehrerer CSS um alle Browser abzudecken. (Das machen wir nächstes Mal.) Schwerpunkt sind moderne Browser. Zeige die Möglichkeiten von CSS eben
</p>
<p class="fussnote-two"><sup>2</sup>- die CSS-Datei: style.css ;<br>
- eine Textdatei in der nur dein (Nick)name steht: name.txt ;<br>
- eine Textdatei in der die Adresse deiner Webseite (http://deineseite.de) oder die Adresse zu deinem Profil auf psd-tutorials.de steht: webseite.txt (<strong>Kein html!</strong>);<br>
- eine Textdatei in der ein Satz über dich steht: person.txt (<strong>Kein html!</strong>); <br>
- eine Grafik 50*50px / 20kb, dein Bild oder Avatar: avatar.jpg (nur jpg als Format zugelassen)</p>
</div>
<p><strong>Voting:</strong> Ab dem 03.04.2011 kann bis zum 10.04.2011 gevotet werden. Etwa eine Woche vorher öffne ich den Votingbereich, um die Screenshots hochzuladen. Damit erscheint dann deine Teilnahme in deinem Profil bei PSD-Turorials.de.</p>
<p><strong>Bewertung:</strong> Da das Voting ein Uservoting ist und somit seinen eigenen Gesetzen folgt, zählt wohl mal der erste Eindruck, Farbgebung, Layout, Idee und dann sollte das CSS auch noch valide sein. (Die CSS-Dateien können auf der Präsentationsseite eingesehen werden.)</p>
<p><strong>Feedback:</strong> Kann im Thread abgegeben werden. So lange die gängigen Feedbackregeln eingehalten werden, ist es natürlich erwünscht.</p>
</div>
<div id="psd-tutorials">
<h2>PSD-tutorials.de</h2>
<blockquote>
<p>PSD-Tutorials.de bietet dir eine umfassende und qualitativ hochwertige Sammlung an Tutorials und Video-Trainings zu 2D-, 3D-, Web-, Vektor-, Video- und Layoutprogrammen und hält für dich in allen Bereichen eine Vielzahl an ergänzenden Downloadpaketen wie etwa Photoshop-Presets, Texturen, Homepagevorlagen, 3D-Modelle und Arbeitsdateien vor. Im Forum kannst du dich austauschen und in den Contests dein Können beweisen. Bei so vielen Inhalten und Interaktionsmöglichkeiten ist es schon einmal möglich, die Orientierung zu verlieren. Nutze unsere Sitemap, um einen Überblick über alle Kategorien und Bereiche zu erhalten, die für dich auf PSD-Tutorials.de bereitstehen.</p>
</blockquote>
<p class="quellenangabe"><a href="http://www.psd-tutorials.de/sitemap">Sitemap - PSD-Tutorials.de</a></p>
</div>
<div id="menue-two">
<h4>Teilnehmer</h4>
<ul id="menue-two-list">
<li><a name="afr0kalypse" href="http://css-contest.bplaced.net/afr0kalypse">Afr0kalypse</a></li>
<li><a name="agielen" href="http://css-contest.bplaced.net/agielen">agielen</a></li>
<li><a name="Asmidiske" href="http://css-contest.bplaced.net/Asmidiske">Asmidiske</a></li>
<li><a name="cebito" href="http://css-contest.bplaced.net/cebito">cebito</a></li>
<li><a name="cebito2" href="http://css-contest.bplaced.net/cebito2">cebito2</a></li>
<li><a name="cythux" href="http://css-contest.bplaced.net/cythux">cythux</a></li>
<li><a name="DerOtto" href="http://css-contest.bplaced.net/DerOtto">DerOtto</a></li>
<li><a name="hellemon" href="http://css-contest.bplaced.net/hellemon">hellemon</a></li>
<li><a name="hellemon2" href="http://css-contest.bplaced.net/hellemon2">hellemon2</a></li>
<li><a name="Herr_D" href="http://css-contest.bplaced.net/Herr_D">Herr D</a></li>
<li><a name="Herr_D2" href="http://css-contest.bplaced.net/Herr_D2">Herr D2</a></li>
<li><a name="jackxkfm" href="http://css-contest.bplaced.net/jackykfm">jackykfm</a></li>
<li><a name="jackxkfm2" href="http://css-contest.bplaced.net/jackykfm2">jackykfm2</a></li>
<li><a name="jackxkfm3" href="http://css-contest.bplaced.net/jackykfm3">jackykfm3</a></li>
<li><a name="lauffreak" href="http://css-contest.bplaced.net/lauffreak">lauffreak</a></li>
<li><a name="martink77" href="http://css-contest.bplaced.net/martink77">martink77</a></li>
<li><a name="Master-B" href="http://css-contest.bplaced.net/Master-B">Master-B</a></li>
<li><a name="Master-B2" href="http://css-contest.bplaced.net/Master-B2">Master-B2</a></li>
<li><a name="MegaAdi" href="http://css-contest.bplaced.net/MegaAdi">MegaAdi</a></li>
<li><a name="MegaAdi2" href="http://css-contest.bplaced.net/MegaAdi2">MegaAdi2</a></li>
<li><a name="MSpitz80" href="http://css-contest.bplaced.net/MSpitz80">MSpitz80</a></li>
<li><a name="oli_mogli" href="http://css-contest.bplaced.net/oli_mogli">Oli Mogli</a></li>
<li><a name="pimky_k" href="http://css-contest.bplaced.net/pinky_k">pinky_k</a></li>
<li><a name="peterrita" href="http://css-contest.bplaced.net/peterrita">peterrita</a></li>
<li><a name="renschli" href="http://css-contest.bplaced.net/renschli">renschli</a></li>
<li><a name="sash79" href="http://css-contest.bplaced.net/sash79">sash79</a></li>
<li><a name="splatter" href="http://css-contest.bplaced.net/splatter">splatter</a></li>
<li><a name="svhresi" href="http://css-contest.bplaced.net/svhresi">svhresi</a></li>
<li><a name="une_art" href="http://css-contest.bplaced.net/une_art">une_art</a></li>
<li><a name="Yarince" href="http://css-contest.bplaced.net/Yarince">Yarince</a></li>
<!-- Liste wird mit den abgegebenen Layouts aufgefüllt, kann also irgendwann ins Unendliche gehen... --> </ul>
</div>
<div id="autor">
<h4>Dein Name<!-- Inhalt der name.txt --></h4>
<img class="ava" title="dein Name" src="avatar.jpg" alt="ava">
<p>Hier könnte eine kurze Beschreibung über dich stehen...</p>
</div>
<div id="footer">
<p>Der CSS-Contest ist ein Contest auf <a href="http://psd-tutorials.de">psd-tutorials.de</a> | Teilnehmer: <a href="#">Dein Name</a> | <a href="style.css">CSS</a></p>
</div>
</body>
</html>