|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="de">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Home</title>
|
|
|
|
<link rel="stylesheet" href="../css/layout.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
|
|
<h1>Home</h1>
|
|
|
|
</header>
|
|
|
|
<nav class="navigationbar">
|
|
|
|
<a href="home.html">Home</a>
|
|
|
|
<a href="flexbox/allgemeines.html">Flexbox-Layout</a>
|
|
|
|
<a href="grid/allgemeines.html">Grid-Layout</a>
|
|
|
|
<a href="text_styling/allgemeines.html">Text-Styling</a>
|
|
|
|
<a href="../position/allgemeines.html">Position-Eigenschaft</a>
|
|
|
|
<a href="animation/animations.html">Animationen</a>
|
|
|
|
</nav>
|
|
|
|
<main>
|
|
|
|
<article>
|
|
|
|
<h2>
|
|
|
|
Prüfungsleistung WebDesigne WiSe 2022/2023
|
|
|
|
</h2>
|
|
|
|
<section>
|
|
|
|
<h3>
|
|
|
|
Gruppenmitglieder
|
|
|
|
</h3>
|
|
|
|
<ul>
|
|
|
|
<li>Niklas Minkowitsch</li>
|
|
|
|
<li>Leon Ehricht</li>
|
|
|
|
<li>Lukas Pfau</li>
|
|
|
|
<li>Luca Fleck</li>
|
|
|
|
<li>Alban Becker</li>
|
|
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<h3>
|
|
|
|
Aufgabenstellung
|
|
|
|
</h3>
|
|
|
|
<p>
|
|
|
|
Erstellt ein Webprojekt mit Informationen zu den folgenden Themen: <br>
|
|
|
|
</p>
|
|
|
|
<ul>
|
|
|
|
<li>Flexbox-Layout</li>
|
|
|
|
<li>Grid-Layout</li>
|
|
|
|
<li>Text-Styling mit CSS</li>
|
|
|
|
<li>CSS position-Eigenschaft</li>
|
|
|
|
<li>Animationen mit CSS</li>
|
|
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<h3>
|
|
|
|
Anforderungen an die technische Umsetzung
|
|
|
|
</h3>
|
|
|
|
<ul>
|
|
|
|
<li>Korrekter Aufbau der HTML-Strukturen</li>
|
|
|
|
<li>Nutzung passender semantischer HTML-Tags</li>
|
|
|
|
<li>Nutzung passender CSS-Selektoren und aussagekräftiger CSS-Klassennamen in IDs</li>
|
|
|
|
<li>In den Beispielen: Nutzung der CSS-Eigenschaften, die beschrieben werden</li>
|
|
|
|
<li>Saubere, einheitliche Formatierung des HTMLs (Einrückungen)</li>
|
|
|
|
</ul>
|
|
|
|
<p>
|
|
|
|
Für jede dieser fünf Anforderungen gibt es maximal acht Punkte, so dass damit insg. 40 Punkte von
|
|
|
|
100 erreicht werden können.
|
|
|
|
</p>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<h3>Präsentation der Ergbenisse</h3>
|
|
|
|
<p>
|
|
|
|
Vorstellung 15 - 20 min am 06.01.2023 zwischen 8:15 und 15:30 (d.h. in den Zeitslots der Vorlesung und
|
|
|
|
der Labore an dem Freitag). Alle Gruppenteilnehmer*innen müssen sich an der Vorstellung beteiligen;
|
|
|
|
geht auch über Discord.
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
In der Präsentation soll mit Folien (z.B. mit Powerpoint, Keynote, Open/Libre-Office oder auch mit
|
|
|
|
HTML erstellt) vorgestellt werden was ihr erarbeitet habt. Geht dabei auf die Inhalte und die technische
|
|
|
|
Umsetzung ein.
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
Es gibt jeweils max 5 Punkte für:
|
|
|
|
</p>
|
|
|
|
<ul>
|
|
|
|
<li>Einhaltung des Zeitkontingents</li>
|
|
|
|
<li>Visuelle Präsentation</li>
|
|
|
|
<li>Aufbau der Präsentation</li>
|
|
|
|
<li>Inhalt</li>
|
|
|
|
</ul>
|
|
|
|
<p>
|
|
|
|
So können für die Präsentation maximal 20 Punkte von 100 erreicht werden.
|
|
|
|
</p>
|
|
|
|
</section>
|
|
|
|
</article>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
<code>Abgabe zum 05.01.2023</code>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|