Inhalte zu Internet
Textfarbe
Farben erzeugen Stimmung und Aufmerksamkeit. Betrachter sollen auf etwas hingewiesen oder zu einem bestimmten Ziel geführt werden. Während ein Text in einer einheitlichen Schriftfarbe übermittelt wird, können bestimmte Textteile (Absätze, Wörter, einzelne Buchstaben, Hyperlinks) durch andere Farben besonders hervorgehoben werden.
Schwarz und Grautöne
sind die klassischen Textfarben vor hellem, idealerweise weißem Hintergrund. Als Hintergrund drücken sie eine […]
Formate
Im Internet werden vor allem die folgenden Bildformate angezeigt:
GIF
Wird hauptsächlich bei kleinformatigen Bildern eingesetzt
Bis zu 256 Farben
Bilder können transparent dargestellt werden, was z.B. bei unregelmäßigen bzw. nicht rechteckigen Strukturen wie Kreisen, Freihandzeichnungen usw. eingesetzt wird
Der Interlace-Modus bewirkt eine grobe Rasterung des Bildes, was zufolge hat, dass beim Laden diese sehr schnell zunächst grob und erst […]
Was verstehen wir unter Design?
Verschönerung von Produkten
Ästhetisch ansprechendes Aussehen
Erweiterter Designbegriff
Für die Erstellung multimedialer und/oder internettauglicher Projekte muss der ästhetische Aspekt erweitert werden:
Funktionalität
Zielgruppengerechte Aufbereitung von Informationen
Erreichbarkeit der Informationen aus technischer Sicht
Orientierung
Zurück: –klick–
Wann werden aus Daten Informationen?
Erst, wenn Daten vom Webbesucher genutzt werden können, werden für ihn daraus nutzbare Informationen.
Voraussetzungen:
Der Webbesucher erkennt die Relevanz der Informationen für sich.
Der Webbesucher erhält die entsprechend seinem Vorwissen aufbereiteten Informationen (Zielgruppenproblematik).
Informationen müssen als solche erkannt und vom Webbesucher aufgenommen und entsprechend seiner Zielstellung verarbeitet werden können
Die Darstellung und Anordnung der Informationen […]
Zielgerechtes Design
Der Erfolg der Webseite ist umso höher, je mehr man seine Zielgruppe im Blick hat.
Greift mehr als eine Zielgruppe auf die Webseite zu, sollten im Design Kompromisse eingegangen werden.
Soziodemografische Merkmale
Geschlecht
Alter
Familienstand
Sozialer Status
Beruf
Kulturkreis
Werte
Persönlichkeitsmerkmale
Sachlichkeit
Gegenüber Neuem aufgeschlossen
Emotional
Geduldig
Risikobereit
…
Zurück: –klick–
Lineare Verknüpfungen
Bauen Webseiten aufeinander auf, ergibt sich daraus ein linear hierarchischer Aufbau.
Die Webseiten sind untereinander durch einfache Verknüpfungen miteinander verbunden. Der lineare Verlauf führt den Anwender nur in zwei Richtungen zu einem Ziel bzw. zurück zum Anfang.
Die lineare Organisation macht nur Sinn, wenn eine vom Webbesucher willkürlich getroffene Auswahl der Webseiten die dargebotenen Informationen aus […]
Überschriften
Überschriften werden in HTML durch definierte Tags beschrieben. So wird gewährleistet, dass die Überschrift auf jedem Monitor im Verhältnis zum Text gleich groß bleibt.
Man unterscheidet der Größe nach: Hx (H=Heading, x=eine Zahlvon 1 bis 6)
<H1>Größte Überschrift </H1>
<H2>Kleiner als H1</H2>
<H3>Kleiner als H2</H3>
<H4>Kleiner als H3</H4> ……..
Ausrichtung
Texte, Bilder, Navigation oder Formulare können wie folgt ausgerichtet sein:
linksbündig
rechtsbündig
zentriert
Dies wird mit […]
Bildereinsatz
Ein Bild sagt (manchmal) mehr als tausend Worte. Schneller noch als Textinformation wird ein Bild bei bloßer und / oder flüchtiger Betrachtung
wahrgenommen. Erst nach längerer Betrachtung nimmt unser Gehirn Details der präsentierten Information, aber auch des zuerst entdeckten Bildes, wahr.
Die Möglichkeit, Bilder einzusetzen ist vielfältig:
·Bilder sollen veranschaulichen bzw. präsentieren
Animationen
Diagramme, Graphen
Schaubilder
Bilder als Orientierungs- und Navigationselemente/-hilfen
Richtungspfeile, die […]
Der Außenrand
Der Außenrand wird ähnlich dem Innenrand mit der Eigenschaft MARGIN geregelt.
Lässt man Padding-Angaben weg, dann bilden die Margin-Werte den Abstand des sichtbaren Textes zum Bildschirmrand.
margin-left: regelt den Abstand zum linken Bildschirmrand
margin-right: regelt den Abstand zum rechten Bildschirmrand
margin-top: regelt den Abstand zum oberen Bildschirmrand
margin-bottom: regelt den Abstand zum unteren Bildschirmrand
margin: alle Werte (left, right, top, […]
Box-Modell
CSS organisiert Inhalte einer Webseite (Tags, HTML-Elemente) in Containern bzw. Boxen.
Der Innnenrand
Der Innenrand, der Abstand des sichtbaren Inhalts zum nicht sichtbaren Rahmen wird mit der Eigenschaft PADDING geregelt.
padding-left: regelt den Abstand zum linken Rahmen
padding-right: regelt den Abstand zum rechten Rahmen
padding-top: regelt den Abstand zum oberen Rahmen
padding-bottom: regelt den Abstand zum unteren Rahmen
padding: alle Werte (left, […]