Skripte
HTML Einführung I
Allgemeines zu html und css. (zwei Seiten)
top | Skript html Einführung I | index.htm Grundgerüst
HTML Einführung II
Grundlagen für ein html Dokument, Links, Einbindung von Grafiken. (drei Seiten)
top | Skript html Einführung II | index.htm Bild | Spitzweg
HTML Einführung III
Auszeichnung von Schrift mit externem Stylesheet. (vier Seiten)
top | Skript html Einführung III | index.htm CSS | Spitzweg
HTML Einführung IV
div tags für die Auszeichnung von Schrift und für das Seitenlayout (neun Seiten)
top | Skript html Einführung IV | index.htm Schrift | style.css Schrift
| spitzweg.jpg Schrift |
index.htm Layout | style.css Layout | bib/spitzweg.htm Layout
| images/poet.jpg Layout | images/alchemie.jpg | images/vogel.jpg
Zeichentabelle
Um in E-Mail Verweis a href=mailto:"name@online.org" die E-Mail Adresse zu verschlüsseln, können z.B. die Hexadezimalwerte für die entsprechenden Zeichen
eingesetzt werden. Dieses Vorgehen schützt weitgehend vor Spam und erhält trotzdem den interaktiven Verweis zum Versenden eine E-Mail.
Beispiel: mailto:%62%61%72%62%61%72%61%%2E63%68%72%69%73%74%69%6E%40%66%68%2D%6B%6C%2E%64%65 = barbara.christin@fh-kl.de
top | Zeichentabelle PDF
Farbmuster mit Hexadezimal Codes
Hier finden Sie Hexadezimal Codes für die Darstellung von Farben durch Webbrowser. Die Farbmuster können über die Wahl von Farbtönen
z.B. "Blautöne" direkt aufgerufen werden.
top | Farbmuster
Internet Explorer in verschiedenen Versionen
Zum Testen der Websites stehen hier verschiedene Versionen des Internet Explorers zur Verfügung. Außerdem sollten Sie im Firefox und in Opera
testen. Auch den Mac Browser Safari gibt es inzwischen in einer Beta Version für den PC. Als Simulation für die Ansicht der Seite im MAc gilt er allerdings nicht.
top | IE zum Testen
Grundelemente der Gestaltung
Das Skript (16 Seiten mit Illustrationen) basiert auf Wassily Kandinskys Buch "Punkt und Linie zu Fläche", erscheinen 1929
top | Skript Grundelemente
Screendesign
Das Skript (6 Seiten mit Links) gibt einen Einblick in das aktuelle Nutzerverhalten, zeigt Kriterien für eine gute Website auf
und stellt Links zu beispielhaften Seiten zur Verfügung.
top | Skript Screendesign
Projektplanung
Das Skript (6 Seiten mit Abbildungen) gibt Hinweise zur Projektplanung. Mit Links zu beispielhaften Styleguides.
top | Skript Projektplanung
Layout Print
Das Skript (13 Seiten mit Abbildungen) vertieft die Vorlesung zum Thema mit Bildbeispielen und Anmerkungen zur Dramturgie
in der Gestaltung von Printmedien.
top | Skript Layout
Typografie
Typografie gehört zu den grundlegenden Gestaltungsmitteln im Bereich Print und Screen Design. Eine klar strukturierte typografische
Gestaltung lädt zum Lesen ein und fördert damit die Bereitschaft der Leser bzw. Nutzer zur Aufmerksamkeit.
Das Skript (17 Seiten mit Abbildungen) erweitert die Vorlesung mit Hinweisen zur Typografie im Printbereich und Angaben zur
Formatierung von Websites mit .css
top | Skript Typografie
Farbtheorie
Zur Nachbereitung oder Vertiefung der Vorlesung steht ein externer Link zu Küppers Farbenlehre zur Verfügung.
top | www.farbentheorie.de
Visuelle Wahrmehmung
Visuelle Wahrnehmung erfordert mehr als die Fähigkeit der Augen, Lichtquanten einzusammeln. Die auf der Netzhaut gesammelten Eindrücke werden
als Nervenimpulse weitergegeben und interpretiert. Neben diesen aktuellen visuellen Daten spielen Erfahrung, die Tendenz zur Vereinfachung und Ordnung
genauso eine Rolle wie die Befindlichkeit in der Wahrnehmungssituation. Täuschungen der Wahrnehmung sind dabei einerseits auf Eigenheiten des
Wahrnehmungsapparats zurückzuführen andererseits auf Einflüsse wie Müdigkeit oder Drogen.
top | Skript Visuelle Wahrnehmung
Auditive Wahrmehmung
Hören ist ein ganzheitliches Ereignis. Beim Sehen ist die Wahrnehmung sehr viel rationaler. Ein Grund für diese unterschiedliche
Gewichtung ist die Verarbeitung der jeweiligen Sinnesdaten in verschiedenen Gehirnregionen. Was wir hören, wird u.a.
im Zwischenhirn verarbeitet. Diese Gehirnregion steuert Emotionen und den Hormonhaushalt. Die emotionale Wirkung von Tönen wird deshalb
ganz gezielt eingesetzt. Auch psychoakustische Kompressionsverfahren wie mp3 nutzen die Eigenheiten auditiver Wahrnehmung.
top | Skript Visuelle Wahrnehmung
Texten für Web und Multimedia
Das www hat sich von einem Textmedium zu einem Multimedium entwickelt. Langer Fließtext kommt, außerhalb von Fachpublikationen,
kaum noch vor. Hyperlinks erlauben, Text übersichtlich zu gliedern und Zusammenhänge herzustellen, die keine lineare Lektüre
voraussetzen. Bilder, Animationen und Video und Töne können Textinformationen unterstützen.
top | Skript Texten