Vorgaben

Es soll eine Blog-Seite entworfen und in HTML umgesetzt werden. Die Inhalte können selber bestimmt werden. Folgende Elemente sollen im Minimum erscheinen:

• Mindestens drei Titel-Hierarchien (H1 – H3)
• Autorennennung
• Datum
• Grundtext (mindestens 4000 Zeichen)
• Header-/Einstiegsbild
• Mindestens 3 Bilder im Inhalt
• Tabelle mit mindestens 5 Spalten
• Mindestens ein Teaser zu weiterem Blog-Post
• Menü (optional)
• Tags (optional)

Bitte kein «Lorem Ipsum» verwenden, sondern sinnvollen Inhalt.

Termine

Am 14. 01. 2022 muss die Website (per GitHub) online sein.

Hintergrund

Mit der Arbeit soll eine vertiefte Auseinandersetzung mit typografischen Strukturen statt finden. Es sollen komplexe Inhalte und Navigationen zugänglich gemacht sein.

Plagiate

Bei Plagiaten wird die ganze Arbeit mit der Note 1 bewertet. Als Definition von Plagiaten gilt die Definition der Universität Zürich. Es darf jedoch 100 % zitiert werden, sofern das Urheberrecht nicht verletzt wird.

Aufgabe · Update 04. 12. 2021

• Im Haupttext kann ein Heading 2 <h2>Titel</h2> eingefügt werden.
• Im Haupttext kann ein Paragraph <p>… Text …</p> eingefügt werden.
• Sowohl der Text wie auch der Paragraph fügen sich danach dem Styling der Seite passend.
• Beide Tags benötigen kein weiteres Styling/Klassen/ID, sondern werden richtig gestyled.

Bewertung

Technik (35 %)

• Die Realisation mittels Browser-Technologie ist gemacht
• Code wird fehlerfrei ausgeführt (Chrome & Firefox)
• Responsive Ansicht ist gegeben

Inhalt (10 %)

• Inhaltliche Strukturen wurden geschaffen
• Alle Inhaltselemente wurden genügend Visualisiert
• Inhalte wurden wo nötig mit Platzhalter visualisiert

Interaktion/Führung (5 %)

• Menüstruktur ist schlüssig und schnell zugänglich
• Menü wurde für Touch-Devices optimiert
• Die aktuelle Position innerhalb der Website ist nachvollziehbar
• Die Führung ist überlegt und offensichtlich
• Gewohnte Interface-Konzepte

Grafisches Konzept (50 %)

• Der grafische Aufbau ist schlüssig und durchgängig
• Typografische Abstufung und Grössenverhältnisse sind sinnvoll gewählt.
• Grafische Sprache entspricht dem Inhalt
• Screenarchitektur überlegt
• Zweckmässigkeit gegeben