Kantonsschule Enge
Bildnerische Gestaltung

Webdesign
Aufgabestellung Website Bewertung
eigene Website

Bedingungen

  1. Die Website wird in Teamarbeit gemacht (2- höchstens 3 Personen)
    Innerhalb des Teams werden Design, Inhalt und Arbeitsverteilung besprochen und bestimmt
  2. Inhalte exklusiv
    keine Website mit Informationen, die es schon im Internet gibt!!
    Inhalte, die nicht schon oft im Internet präsentiert werden
  3. einheitliches Design
    klares Farbkonzept (eine Grundfarbe und wenig Kontrastfarben)
    einheitliche Schriften und sinnvolle Schriftgrössen
    klares Navigationskonzept (Hauptnavigation, sek. Navigation)
    eigenes Design (nicht nach Vorlage gestaltet)

Website

Bewertet werden folgende Punkte

Inhalt

  1. Wird etwas präsentiert, das nicht schon oft im Internet publiziert wurde?
  2. Gehen die Informationen in die Tiefe?
  3. eigene Recherche und Arbeit?

Design

  1. Ist das Erscheinungsbild (Design) einheitlich und wird ein Farbkonzept deutlich?
  2. Stimmen Design und Inhalt (Zielpublikum) überein?
  3. stimmen die Farben der Website, der Schriften, Bilder und Logos zusammen?
  4. Sind die Grössenverhältnisse bildschirmgerecht?

Funktionen

  1. Funktioniert die Website (Ordner, Dateien)
  2. Funktioniert die Navigation (Seitenwechsel mit Bildern, Buttons oder Texten)
  3. Sind alle Informationen gegeben (Bild- und Textquellen, Autoren, Impressum)
  Total 3 Noten
Vorbereitung

Besprechung im Team

  1. Konzept und Inhalt
    (Inhalte formulieren)
  2. Design (Layout, Farben, Schriften, Bilder usw.)
    (Layout-Skizze auf Papier)
  3. Arbeitsverteilung
    (Texte recherchieren, suchen und schreiben)
    (Photoshoparbeit: Designelemente, Buttons, Logo)
    (Webdesign im Dreamweaver)
  4. Dateitransfer untereinander besprechen und abmachen
  5. Arbeitsbeginn
  Im eigenen Verzeichnis H:/ müssen Ordner angelegt werden, in denen einerseits das Vorbereitungs- und Originalmaterial (Photoshopdateien, Worddateien, Originalbilder) und andererseits das Webmaterial gespeichert werden.
Anleitung
schriftliche Arbeit neben dem Erstellen der Website wird bis Ende Semester pro Person eine schriftliche Arbeit im Sinn einer Websitekritik erstellt.
Eine Website nach freier Wahl, die als Designvorbild für die eigene Site verstanden werden kann, wird bez. Design, Funktion und Inhalt analysiert und beschrieben.
Der Text im Umfang von ca 2 Seiten wird als Website präsentiert.
   
   
Grafiken Im Photoshop werden die nötigen Grafiken (Logo, Buttons, Texte) mit Rücksicht auf das gewählte Design hergestellt. Farben und Formen sollen Bezug nehmen auf die Bilder, deren Farben und den Inhalt.
Anleitung
Website siehe Webdesignanleitung Seitenaufbau
siehe Anleitung Buttons (onemouseover)
siehe Anleitung Logodesign
 

Funktionen:

  • das Navigieren von Seite zu Seite soll je nach Inhalt mit der Navigation oder mit Pfeilen (vor und zurück) und andererseits mit den Bildern oder dem Logo selber möglich sein.
  • wenn man auf ein Bild klickt, sollte dieses in einem neuen Fenster vergrössert angezeigt werden
  • eine separate Impressumseite gibt Auskunft über die beteiligten Personen (Arbeitsverteilung, Namen, Jahr, Klasse usw.)
 

Design

  • Titel (Logo) und Navigationsbuttons sollen im Design an das Konzept angepasst werden, ebenso die Farben der Seite und der Tabellen.
    Das Design muss einheitlich sein und Bezug nehmen auf Inhalte, Bilder und deren Farben.
  • alle Elemente der Site (Bilder, Schriften, Tabellenteile, Hintergund, Buttons und Logo) müssen zusammenpassen!
  • Grösse der Bilder und Schriften soll so sein, das möglichst nicht gescrollt werden muss.