| |
Bildquellen
Bildtypen
Bildintegration
Bildformate
Bilder im GIF-Format
Bilder im JPG-Format
Bewegte Bilder
|
| |
|
| |
Bildquellen |
| |
|
| |
Digitale Kameras |
| |
Scanner |
| |
Mal-/Zeichenprogramme |
| |
Bildersammlungen auf CD-ROMs |
| |
Hardcopy: Durch Hardcopys vom
Bildschirm kann praktisch jedes Bild aus einem beliebigen Anwendungsprogramm
heraus in die Zwischenablage gelegt und dann abgespeichert werden.
(Screenshot) |
| |
Internet: Entdecken Sie ein
interessantes Bild auf einer WEB-Seite, so können Sie das
Bild durch Anklicken mit der rechten Maustaste speichern. (Copyright
beachten) |
 |
|
| |
|
| |
|
| |
Bild-Typen |
| |
|
| |
Logo: Symbol, das für
eine Firma, ein Produkt oder eine Organisation usw. stehen kann.
Ein Logo hilft, sich schnell zu orientieren. Idealerweise enthält
ein Logo keinen Text, sondern nur Grafiken und ist dadurch weltweit
verständlich.
Beispiel für ein Logo:
|
| |
Icon: Mini "Logo",
welches ebenfalls eine schnelle Orientierung ermöglicht.
|
| |
Navigationshilfen:
Spezielle ICONS zum Seitenwechseln, z.B. Pfeile |
| |
Skizze: Dient zur
didaktischen Reduktion von komplexen Sachverhalten |
| |
Fotos |
| |
Animationen: Kleine
Filmchen, die die Aufmerksamkeit auf sich ziehen sollen. Können
auch komplexe Sachverhalte verdeutlichen.
Sparsam einsetzen. |
| |
Hintergründe:
Statt eines einfachen weißen oder dezent farbigen Hintergrunds
kann auch ein Bild bzw. eine Textur als Hintergrund eingesetzt
werden. Dieses Bild sollte sehr klein sein, wird dadurch
vom Browser schnell geladen und über den gesamten Bildschirm "gekachelt",
so dass ein einheitlicher Hintergrund entsteht.
Bsp.: 
Größe 160 auf 160 Pixel, 2,5 KB
|
|
|
| |
|
| |
Einfügen
von Bildern |
| |
| Grundbefehl: |
<img src="bildname.gif" width=x height=y>
Diese Steueranweisung bindet das Bild mit den angegebenen Namen in Originalgröße in die Seite ein!
Die
Bildgröße sollte unbedingt angebeben werden,
damit der Seitenaufbau vorausberechnet werden kann!
|
Erweiterte
Befehle: |
<img src="bildname.gif"alt="Bild der Schule
(4k)">
Zeigt alternativ statt des Bildes den Text an, wenn die Anzeige von Bildern abgeschaltet ist, bzw. das
Bild nicht gefunden wird.
<img src="bildname.gif" height=80 width=60>
Das Bild wird nicht in seiner Originalgröße, sondern mit der vorgegebenen
Höhe und Breite angezeigt!
Vorsicht (!):
- Haben die Vorgaben nicht das gleiche Verhältnis wie das Original, wird das
Bild verzerrt!
- Das Bild wird bei verkleinerter Darstellung trotzdem in voller Größe übertragen!
|
|
|
|
| |
Animierte
Bilder |
| |
| Grundlagen:
|
Animierte Bilder, also kleine Filme, bestehen aus Einzelbildern,
die nach einander angezeigt werden.
Je mehr einzelne Bilder pro Sekunde angezeigt werden, desto realistischer und weniger flimmernd wirkt der "Film".
Mit Bild-Programmen, z.B. dem GIF Construction
Set kann man animierte GIFs erstellen, welche aus mehreren Einzelbildern
bestehen. |
Film
Standard-
formate:
|
*.avi, *.mov, *.mpg/mpeg, ...
=>wenig geeignet fürs Internet,
da zu schlechtes Verhältnis von Dateigröße, Qualität und
Übertragungszeit. |
|
Zum Kultusportal
Startseite |
Impressum |
© Copyright |
