CyberTaRo  homepage bastlerseite paint shop pro 5
CyberTaRo
HomePage-Bastler
 .
 ..
.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.
.
GRAFIKFormate und Transparenz
Grundsätzliche Erläuterungen
.
Paint Shop Pro 5 - Kursus

CyberTaRo`s Paint Shop Pro Inhaltsliste

Alle Themen vom PSP
.
INDEX   Netscape Composer Editor Kursus
.

Schnellfinder

 .
Paint Shop Pro 5   Bedienungsanleitung
Wie wird eine Grafik als GIF Animation erzeugt?
Schritt für Schritt - Anleitung
  .
PSP Grundfunktionen 1
 .
PSP Grundfunktionen 2
 .
Bild - Optimierung mit PSP 5
 .
PSP Animation Shop 1
Bedienungsanleitung des Paint Shop Pro 5 AS1
.
Grafikprogramm PSP Paint Shop Pro 5 Download
.
Farbfoto vergilben- alt aussehen lassen

BilderRahmen herstellen

Gifanimator-Programme Download
.
GIF Animationen - Site Hintergrund  zum Runterladen
.
Die Goldenen Grundregeln zur
Erstellung einer HomePage
..
.Grafikformate - Was sind GIF und JPG
.
Was ist transparenter Hintergrund?
 

.

Die goldenen Grundregeln zur 
Erstellung einer HomePage 

1)  Inhalte der Seite 
     Den Inhalt der WEBsite sollte gut überlegt sein. Es langt nicht seine Familie und die eigenen Hobbys vorzustellen. Auf einer Site meinte der "Webmaster" ,dass ihn sein Bruder Seppel nennt, obwohl er Sepp heisst. Ergo: Es muss eine gute Idee gefunden werden. Man kann natürlich auch z. B. über sein Hobby :    Lenkdrachen nach ausführlicher Internet - Recherche und Bücher wälzen berichten 

2) Als erstes muss folgendes festgelegt werden: 
     Voraussetzungen ( Wieviel Webspace steht zur Verfügung - Upload ? 

3) Nachvollziehbare, einfache Navigation. Der Surfer ( Besucher ) muss sich leicht zurechtfinden  koennen. Die Index-Seite sollte auf alle anderen Seiten im Angebot verweisen und von jeder Seite sollte ein Link zum Index führen.

4) Die Netiquette muss eingehalten. 

5) Es sollte kein spezifischer Browser und keine spezifische Erweiterung (Plug-in) zum Betrachten der Seiten vorausgesetzt werden ( VRML ist in der 4er Generation enthalten). Sie beschränken sich auf  640 x 480. Nicht jeder hat einen 17 Zoll-Monitor. Zum Betrachten Ihrer Seiten sollte nicht zwingend die neueste Browsergeneration erforderlich. 

6) Alle Seiten muessen vor der Veröffentlichung auf Fehler geprüft werden. Damit ist natürlich auch die Online - Kontrolle aller Seiten auf dem Ziel-Server gemeint. Zur Kontrolle gehört, dass alle eingebetteten Grafiken vorhanden sind und alle LINX zum Ziel fuehren

7) Ein Werbebanner pro Seite sollte genügen. 

8) Aktualität: Ihre Seiten sollten keine veralteten Informationenenthalten . 
    Die Links müssen  regelmäßig gecheckt werden  Link-URL-Checker

9) Sie muessen halten, was Sie versprechen. Was immer Sie Ihren Kunden oder Gäste in Aussicht stellen, muessen Sie auch liefern, bzw. das Gewünschte präsentieren. 

10) M. E. : Es langen 2 Frames je HTML-Seite. Mehr FRames führen zur Verwirrung. Es kommt nicht selten vor, dass der Besucher in den Frames gefangen wird. 

11) Denken Sie an Ihre Besucher, dann ist die Hälfte schon getan.

12) Melden sie die HomePage bei Suchmaschinen an HomePage bei Suchmaschinen anmelden.   Aber erst 1 Monat nach dem Upload - dann sind hoffentlich alle Fehler gefunden. HTML-CheckHomepage-TestMetatag-GeneratorReferenzbrowser

13) Das Webdesign 
- Einheitliches Erscheinungsbildung auf verschiedenen Seiten einer Homepage
- Wählen Sie eine einfache Metapher
- Strukturieren bzw. formatieren Sie ihre Seite mit unsichtbaren Tabellen
- Arbeiten Sie immer mit dem bestmöglichen Ausgangsbild
- Reduzieren Sie die Dateigröße ihrer Bilder durch geringere Anzahl an 
     Farben und Auflösung
- GIF-Dateien mit Interlacing abspeichern
- Vermeiden Sie zu komplexe Hintergrundbilder
- Wechsel von Farben, Größen und Arten bei Schriften sollen sparsam 
    angewendet werden
- Verwenden sie Alt-Texte im HTML - Code
- Der Browser kann eine Seite mit vielen Bildern schneller anzeigen, wenn man bei jedem einzelnen Bild die Attribute WIDTH und HEIGHT angibt
Z. B.:
    <IMG SRC="composer.jpg" ALT="Netscape Composer MENUE" HEIGHT=76 WIDTH=622>

14) Im Web nur folgende Audioformate verwenden :  MIDI, WAV und AU. Aber sparsam.  TaRo hat nur Midi. Wer keine Musik hören will, kann die Lautsprecher ausschalten. 

15 Besonders nützlich sind  themenorientierte Linklisten 

16)  Es wird empfohlen Einstiegsseiten (Homepages) unter 50K zu halten und die
 restlichen Seiten unter 70K. Diese Zahlen gelten inclusive aller Grafiken und MID-Dateien.

Fehler auf der Website
- diese koennen vermieden werden

1) Schriften (Fonts) - Viele Homepageautoren fallen darauf herein. Schriften (Fonts) wie Tahoma, Zapf, Eurostile, Gothic etc. werden nur auf Rechnern angezeigt, auf denen sie auch installiert sind. Das Ergebnis ist mitunter mehr als scheußlich.  Bitte unbedingt und ausschließlich die 3 Standards benutzen :
-  Arial     -    Times New Roman   -  Courier 

2) Fehlende oder falsch referenzierte Images. Viele übersehen: Provider haben meistens Unix Server: Dieser unterscheidet zwischen Groß- und Kleinschreibung. Server verstehen meist auch nur Dateinamen 8+3 , also z. B. backgrnd.gif. Würde eine Datei backgrond.gif oder Backgrnd.gif heissen, würde die Datei in der HTML-Seite nicht erscheinen.  Der Quelltext der HTML-Datei muss vor dem Upload kontrolliert werden. Das geht mit dem WIN 95 eigenen Notepad oder noch besser mit  NOTESPAD. Bearbeitungshinweise1Bearbeitungshinweise2

Machen Sie es sich zur Gewohnheit , Ihre Seiten nach jedem Upload im Online- Betrieb alle Grafiken und Linx zu testen. Selbst Firmenhomepages besitzen diese grundlegenden Fehler. Das ist sehr unseriös. 
Link-CheckHomepage-Tests

3) Javascript ist eine der häufigsten Fehlerquellen. Testen Sie soviel Sie können und benutzen Sie alle Browser, derer Sie habhaft werden können. Machen Sie die Navigation nicht von Javascript abhängig, bieten Sie Alternativen. 

4) Frames müssen richtig codiert sein. Externe Links sollten sich nicht innerhalb eines Framefensters öffnen. Unsinnig wird es, wenn die gelinkte Site ebenfalls Frames einsetzt. 

5) Der ALT-Text wird nicht verwendet. Wer mit abgeschalteter Grafikanzeige unterwegs ist (etwa 10 % der User machen das), findet sich ansonsten vielleicht nicht zurecht. Außerdem wird der Text beim Drüberfahren mit der Maus angezeigt. ALT-Text - Siehe Grafik einfügen

6) Netscape und Microsoft sind nicht die einzigen Browserfabrikanten. Es gibt an die  hundert andere Browser.  Bobby prüft inwieweit Ihre Seiten zu alten Browsern kompatibel sind. Denn wer hat schon immer Opera, Lynx, Amaya oder Mosaic zur Hand? 

7) Rechtschreibfehler  im Titel oder in der Seitenüberschrift vermeiden. Wenn Sie Pech haben, geraten Sie so in eine Suchmaschine und alle Welt sieht es.

8) VERBOTEN: Under Construction -Schilder. Lade die Website erst hoch, nachdem sie komplett fertig und völlig ausgetestet ist. Danach ist der komplette Online-Test angesagt. Man kann die Seiten auch zum Test uploaden, ohne dass jemand die URL kennt 

9) Texte oder Ueberschriften sollen nie unterstrichenen werden. 
Dies ist fuer Links vorbehalten sind. 

Informatives ueber Suchmaschinen wird auch 
in der www.suchfibel.de gefunden


 

.
Grafikformate - Was sind GIF und JPG
.

Digitale Bilder ( Gescannte Bilder - Fotografien von der Foto-CD - Fotonegative können auf die Kodak-PCD gebrannt werden ) können nachbearbeitet werden. Das Bild kann vergrössert, verkleinert, mit Effekten versehen werden.

Für das Internet sollten nur die Grafikformate JPG oder GIF verwendet werden. Wenn jedoch eine Bitmap ( Grafikformat .bmp ) vorliegt, so kann der PSP ( Paint Shop Pro ) es in das Format .jpg konvergieren ( Batch Conversion ). Das JPG - Format ist in der Datei-grösse wesentlich kleiner als BMP.
 
 
 

GIF
Das GIF-Format hat maximal 256 Farben. 
Im GIF kann eine Farbe transparent gesetzt werden.
 

JPG
JPG hat maximal 16 Millionen Farben. Fotos müssen 16 Millionen Farben haben, um alle Farbnuancen und -verläufe darstellen zu können.
Im JPG - keine Transparenz. 

Ein Nachteil hat die Konvertierung vom Format JPG zu GIF. Das z. B. fertig bearbeitete Bild olheide.jpg (Bildname: ‘Heide’) hat eine Dateigrösse von 12 KB. Nach der Umwandlung (Konvertierung - Batch conversion ) von JPG in GIF hatte die Datei eine Grösse von 66 KB.  Als BMP-Datei wäre das gleiche Bild 303 KB gross. Das Bild als bmp-Datei kann hier angesehen werden. Es sind durch die Komprimierung zur JPG Datei kaum Unterschiede feststellbar. 
Ölbild " Lüneburger Heide "  als BMP 303 KB.


 
 
 
Originalfoto Lüneburger Heide Originalfoto 
" Lüneburger Heide " 
10 KB als JPG-Datei 
mit 20455 Farben
 . Unter der Verwendung von vielen Filtern und Effekten und speziell deren Kombi- nation entstanden die darge- stellten Oelbilder. 
JPG-Grafik 12 KB Ölgemalt Ölbild 
" Lüneburger Heide " 
12 KB als JPG-Datei 
mit 25071 Farben
 .
GIF-Grafik 66 KB Ölgemalt Ölbild
" Lüneburger Heide " 
66 KB als GIF-Datei 
mit 179 Farben

Auswirkungen in der Datei-grösse und im Grafikformat sind hier

Einführung in die FRAKTALE GEOMETRIE ist hier

.
.
.


Was ist ein transparenter Hintergrund?
Asterix transparentAsterix nicht transparent
Das linke Bild ist eine GIF-Datei. Die Hintergrundfarbe ist weiss aber nicht transparent.Nur in einer Gif-datei ( rechts )  kann eine Farbe transparent gesetzt werden  - in einer JPG-Datei gibt es keine transparente Farbe. Das rechte Bild ist auch eine GIF-Datei, aber die Hintergrundfarbe Weiss ist Transparent gesetzt.

Paint Shop Pro 5 Bedienungsanleitung: 
Erzeugung einer Transparenten GIF Animation

.
.

 Man könnte das animierte Bild auch mehrmals nebeneinander anordnen und dadurch die Downloadzeitnicht erhöhen. Die Datei muss nur einmal in den lokalen Cache geladen werden.Nur der Prozessor des PC hätte mehr zu tun.

rennender Elchrennender Elchrennender Elchrennender Elch
Das sind 4 gleiche GIF Animationen. Es sind für jede Animation insgesamt 10 Einzel- bilder, die sich jeweils nach 5/100 Sekunden ( Duration ) abwechseln. Die Grafik elch.gif ist 19 KB gross. Wenn dein Prozessor ausreichend ist, bewegen sich die Elche im Gleichschritt.
 

.
.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.
.
Paint Shop Pro 5   Bedienungsanleitung
..