Home > FAQ on different themes > de > html >

de.comm.infosystems.www.authoring.misc FAQ [V0.47]

Section 1 of 3 - Prev - Next
All sections - 1 - 2 - 3

Posted-By: auto-faq 3.3 beta (Perl 5.004)
Archive-name: de/html/faq
Posting-Frequency: posted on the 15th of each month

HTML FAQ
Rainer Klier, rrklier@tychen.franken.de
http://www.franken.de/users/tychen/rrklier/
V0.46 Sun Apr 9 15:51:38 2000

Dies ist eine Liste von häufig zu HTML gestellten Fragen. Dieses FAQ
(frequently asked questions) wird einmal im Monat in die Newsgruppe
de.comm.infosystem.www.authoring.misc gepostet. Dieses FAQ findet sich
im WWW unter http://www.franken.de/users/tychen/faq/htmlfaq.html.
Zusätzlich können eine un- und eine komprimierte Textversion unter
folgenden URLs downgeloaded werden:
ftp://ftp.franken.de/pub/people/rrklier/html-faq/htmlfaq.txt und
ftp://ftp.franken.de/pub/people/rrklier/html-faq/htmlfaq.txt.gz
______________________________________________________________________

Table of Contents:

1. Generelles

2. Links

3. Meta-Tags

4. Entities

5. Tabellen

6. Frames

7. Cascading Style Sheets

8. Accesscounter

9. Bilder in HTML Seiten

10. Mail

11. Sonstiges

12. Editoren

13. Automatische Seitengenerierung

14. Security

15. Konverter

16. Datenbankanbindungen

17. cgi

18. Java

19. Java Server Pages

20. JavaScript

21. DHTML

22. PHP

23. XML

24. ASP

25. Buchempfehlungen

26. Online- und Offlinehilfen

27. Danksagungen
______________________________________________________________________

1. Generelles

Ich hatte zwar überlegt die Einführung des englischen FAQ ins Deutsche
zu übersetzen, bin aber zu der Überzeugung gelangt, daß es genügend
gute Einführungen in HTML gibt. Deswegen kein einleitendes blabla :)

· Was ist eine Homepage, und was ist daran Home?

Im WWW taucht immer wieder der Begriff Homepage auf. Eine Homepage
ist der für den Nutzer sichtbare Einstiegspunkt einer Firma,
Organisation oder auch einer Privatperson. Bei Personen ist eine
Homepage als äquivalent zu einer Visitenkarte zu sehen, während bei
Firmen eher die Äquivalenz zur Titelseite eines Hochglanzprospektes
zu sehen ist. 'Home' ist an dieser Seite, daß sie üblicherweise die
Einstiegsseite zu einer Reihe von anderen Seiten darstellt, die von
dieser Seite aus über sogenannte Links, also per Mausklick oder
Tastendruck begehbare Verzweigungen, erreicht werden können.
Der Ursprung des Begriffes "Home" stammt eventuell aus einem frühen
Hypertextsystems namens Hypercard, welches auf Macs früher stark
verbreitet war.

· Wie komme ich an eine eigene Homepage?

Am einfachsten ist es, wenn man den eigenen Provider befragt.
Häufig bietet dieser für seine Kunden kostenlos ein paar Megabyte
zur Ablage der WWW-Seiten. Ansonsten: http://www.freewebspace.net
oder http://www.webhostlist.de.

· Wo kann ich eine Domain registrieren?

Eine Übersicht über alle Topleveldomains und den jeweilig
zuständigen NICs findet sich unter
http://www.sunnyoasis.com/services/domreg.html. Zusätzlich bieten
viele Provider die Möglichkeit zur Regristierung einer Domain.

· Wie kann ich meine Seiten publik machen?

- http://www.suchfibel.de/6gefundn/

· Wo finde ich eine Beschreibung des HTML-Standards?

Unter http://www.w3.org/pub/WWW/MarkUp/Wilbur/ ist eine Einführung
in HTML 3.2 nachzulesen und die Referenzspezifikation für HTML 3.2
liegt unter http://www.w3.org/pub/WWW/TR/REC-html32.html.

Die aktuelle HTML Version wurde bisher unter dem Codenamen "Cougar"
geführt, heißt mittlerweile HTML 4.01 und kann unter
http://www.w3.org/TR/html40/ abgerufen werden. Sie beinhaltet
folgende Themen: Linkmechanismen, Styles, Scriptausführung (wie
z.B. JavaScript, VBScript, o.ä), Frames, Forms, die Erweiterung von
HTML zum Einfügen von Multimediaobjekten (inklusive Java applets,
Microssoft Component Object Model (COM), u.v.a.m), Entitiy-
Erweiterungen und die RFCs 1867, 1942 und 2070.

Die nächste Generation von HTML, die unter dem Codenamen Voyager
läuft, wurde vom W3C unter http://www.w3.org/TR/xhtml1/
mittlerweile als Recommendation veröffentlicht. Diese zeigt, wie
HTML 4.0 zukünftig in XML umgestaltet werden soll. (XHTML)

Generell ist das W3C für alles, was HTML angeht, die erste Adresse.
Da sollte man routinemäßig vorbeischauen (wenn man nicht den
NetMinder benutzt).

Hier noch ein paar URLs, bei denen es hauptsächlich um gutes Design
von Webseiten geht:

- http://www.killersites.com Creating Killer Websites Online
- http://www.kommdesign.de/ Kommunikationsdesign
- http://www.w3.org/Provider/Style/ Styleguide für Online Hypertext

Wie man es nicht machen sollte steht hier :)

- http://www.karzauninkat.com/Goldhtml/goldhtml.htm Die goldenen
Regeln für schlechtes HTML.

Eine konzeptionelle Einführung in die Programmierung von HTML
findet sich bei Hubert Partl unter

- http://www.boku.ac.at/htmleinf/hein1.html#konzept.

Sehr empfehlenswert ist auch "SelfHTML" von Stefan Münz. Leider hat
sich dort aber der ein oder andere Fehler eingeschlichen.

- http://www.teamone.de/selfhtml/.

Weitere Links finden sich im Kapitel Online- und Offlinehilfen.

· Wie kann ich meine Seiten auf Korrektheit überprüfen?

Syntax- und andere Checker:

- Generelle Info bei W3C:
http://www.w3.org/pub/WWW/MarkUp/html-test/
http://validator.w3.org

- All things Web:
http://pantos.org/atw/h-valid.html

- CSS Validator von W3C:
http://jigsaw.w3.org/css-validator/
- Browserkompatiblitätscheck und Test, ob die Seite auch für
Menschen mit Behinderungen geeignet ist:
http://www.cast.org/bobby/
- Web Page Backward Compatibility Viewer:
http://www.delorie.com/web/wpbcv.html
- Search Engine Simulator:
http://www.delorie.com/web/ses.cgi
- Lynx Viewer:
http://www.delorie.com/web/lynxview.html
- Doctor HTML:
http://www2.imagiware.com/RxHTML/
- NetMechanics:
http://www.netmechanic.com/

Linkchecker:

- lvrfy: http://www.cs.dartmouth.edu/~crow/lvrfy.html
- Webxref: http://zoutmijn.bpa.nl/rick/Web/Webtools.html
- Linklint: http://www.goldwarp.com/bowlin/linklint/
- NetMechanic: http://www.netmechanic.com/link_check.htm

- Xenu's Link Sleuth: http://www.snafu.de/~tilman/xenulink.html

· Wo finde ich eine Liste von HTTP Fehlercodes?

Dies ist im RFC 2616 (HTTP Protokoll 1.1, z.B. unter
http://www.ietf.org/rfc/rfc2616.txt) festgelegt (Abschnitt 10).

· Kann ich verhindern, daß jemand den Sourcecode meiner HTML Seiten
ansieht?

Nein, nicht mit normalen HTML Mitteln. Man kann allerdings von der
ganze Seite eine Bildschirmkopie machen und als jpg oder gif
einhängen (was aus Bandbreitengründen allerdings nicht
empfehlenswert ist :)).
Es soll auch ein Kaufware Programm geben, welches den Quellcode in
ein Javascript verpackt und encrypted, das dann vom Browser
interpretiert wird. Weiss jemand, wie das heißt ? Für Hinweise wär
ich dankbar.

· Wie kann ich den Sourcecode meiner HTML Seiten auf ein Minimum
reduzieren?

HTML Tidy: http://www.w3.org/People/Raggett/tidy/.
Unter http://gallery.uunet.be/jacobs.jan/htmlcomp/ kann das
Sharewaretool HTML (Un-)compress downgeloaded werden, welches jeden
unnötigen Balast aus den Sourcecode entfernen soll.
Alternativ dazu gibt es PrettyHTML. Review und Download unter
http://www.Slaughterhouse.com/pick_121198.html.

2. Links

· Wie mache ich einen Link auf eine Stelle im gleichen HTML-Dokument?

Dies funktioniert über einen sogenannten Anker:

Der Link:

siehe weiter unten bla blub

Die Stelle, wo ich hinspringen will:

bla blub

Will ich diese Stelle aus einem anderen Dokument referenzieren
funktioniert dies so:

weitere
Infos zu bla blub

· Ein Benutzer geht auf eine meiner Seiten. Ich möchte aber anstelle
der angeklickten Seite automatisch eine andere anzeigen. Wie mache
ich das?

Zunächst die Theorie:
Als Antwort auf einen Request sendet der Server ein Dokument, das
zunächst einen Header enthält, der -wie bei Mail und News- durch
eine Leerzeile vom Dokument getrennt ist.

Der Minimal-Header enthält mindestens zwei Zeilen, die
normalerweise

HTTP/1.0 200 OK
Content-Type: text/html

lauten. Danach eine Leerzeile und alles weitere wird als HTML-
Dokument interpretiert. (mit text/plain kann man z.B ein ASCII-Text
ankündigen) Wenn jetzt der Header aber Location:
http://neue.do.main/bla/fasel.html heißt, dann erwatet der Client
(Browser) kein Dokument, sondern holt eben das Dokument mit der
angegebenen URL.

Und nun die Praxis:
Das kann man entweder realisieren, indem man als Output eines CGI-
Scripts (Bei denen muß man den Header immer vom Script schreiben
lassen, der Server produziert ihn nicht automatisch)

Location: ...

ausgibt (wird wahrscheinlich bei home.pages.de so gemacht) oder
indem man im Server-Setup beim Mapping der URLs auf das Filesystem
nicht auf files, sondern auf URLs abbildet (Ist z.B. sinnvoll, wenn
ein Server komplett seinen Host wechselt und der 'dummy-Server' auf
dem alten Host nicht stört, bis es alle gelernt haben). Letzteres
ist vielleicht nicht bei allen Servern möglich, und insbesondere
die Syntax ist natürlich serverabhängig.

Um dies zu bewerkstelligen, benötigt man allerdings Zugriff auf die
Serverkonfiguration bzw. muß den Webmaster bitten, das Mapping
einzurichten.
Manche Server bieten noch folgende Möglichkeit im der Seite
an:

Diese URL muß dabei absolut angegeben werden. Leider funktioniert
das nicht bei jedem Server/Browser. Von dieser Möglichkeit der
Realisierung sollte deshalb besser abgesehen werden.

Generell wird bei Servern zwischen Mapping bzw. Map und Redirect
unterschieden. Also z.B.

Map /physical-dir/dir/file.html /physical-dir/other-dir/file.html
Redirect /server-URL/path/file.html http://host/server-
URL/path/file.html

Einige Server (z.B. NCSA > 1.5) unterstützen auch 'User-
editierbare Redirects' (beim NCSA kann diese jeder User in der
Datei ".htaccess" in seinem Verzeichnis anlegen).
Durch Redirects lassen sich _keine_ Loops erzeugen. Laut HTTP-
Spezifikationen darf ein Browser nicht mehr als 5 Redirects (ohne
User-Interaktion) durchführen/bearbeiten.

· Wie ist das mit dem '/' am Ende einer URL? Wann muß ich einen
angeben, wann nicht?

Wird beispielsweise http://server/user aufgerufen, gibt der Server
beispielsweise ein "HTTP/1.1 301 Moved Permanently" als
Weiterleitung nach http://server/user/ aus, falls es sich dabei um
ein Verzeichniss handelt. Die korrekte URL ist bei Verzeichnissen
also mit / am Ende. Bei URLs ohne Verzeichnissen ist kein /
notwendig.

· Wie kann ich in eine Seite einen Link einbinden, der den Betrachter
auf die zuvor referenzierte Seite zurückbringt?

Wird in
http://www.mintert.com/javascript/de.comp.lang.javascript.html
erklärt.

· Mit border=0 kann man bei Links, die aus einer Grafik bestehen,
bewirken, daß der Rand nicht angezeigt wird. Bei transparenten
Bildern sieht das recht gut aus. Spricht irgendwas dagegen, das zu
machen?

Ja, die Sache hat einen kleinen(?) Nachteil: Viele Browser zeigen
bereits besuchte Links ("visited links") in einer anderen Farbe an.
Der Benutzer kann dann sehen, ob er dem Link schon gefolgt ist.
Hilfreich ist das vor allem dann, wenn es mehrere Links auf das
gleiche Dokument gibt, die aber aus Benutzersicht unterschiedlich
heißen. Auch wenn man Inhalte nochmal offline anschauen möchte,
kann man an der Farbe sehen, was (wahrscheinlich) noch im Browser-
Cache ist. Wenn die Grafik keinen Rand hat, kann man diese kleinen
Hilfen leider nicht nutzen.

· Wenn ich einem Link folge, bemerke ich manchmal, daß Seiten, auf
denen ich kurz zuvor war, nochmal neu geladen werden. Der Link hat
dabei auch keine "visited color". Aber trotzdem komme ich zu einer
bekannten Seite, die doch eigentlich im Browser-Cache liegen müßte!
Was läuft da falsch?

Fast jeder Server kann eine Default-Datei liefern, wenn die URL,
die von ihm angefordert wird, ein Verzeichnis ist. Meistens heißt
diese Default-Datei index.html. Leider kann der Browser nicht
wissen, daß z.B. http://foo.de/ und http://foo.de/index.html die
gleiche Datei ist. Deshalb werden Links auf http://foo.de/ als
nicht-visited dargestellt, wenn man vorher nur über
http://foo.de/index.html auf der Seite war. Konsequenz für den
Autor sollte sein, alle Links gleich zu gestalten. Ob mit oder ohne
"index.html" (o.ä.) in der URL ist weitgehend egal. Aber: Mit
"index.html" funktionieren relative Links auch lokal, also ohne
einen Server. Andererseits wählen User wohl lieber das Verzeichnis
an, wenn sie so ein paar Buchstaben weniger tippen müssen.
Ein anderer Grund dafür, daß Links nicht als bereits besucht
markiert werden, liegt daran, daß möglicherweise der Link über ein
cgi-bin oder über JavaScript realisiert wird, sodaß Browser diese
nie als bereits besucht markieren.

· Wie kann ich eine eigene Seite für die Fehlermeldung 404 - Not
found anzeigen lassen? Normalerweise kommt da ja immer die
Standardfehlermeldung des Webservers.

Das geht nur wenn .htaccess Files vom Webserver berücksichtigt
werden. Dort sollte dann eine Zeile mit "ErrorDocument 404
http://myhost.mydom/myerr.html" stehen.

· Ich habe ein File namens file.xyz auf meinem Webserver. Ich möchte
daß beim Klicken auf den Link, der auf dieses File verweist nicht
der Browser irgendwelche Plugins zum Anzeigen dieses Files
hochfährt, sondern daß das File beim Benutzer auf der Platte
abgelegt wird.

Ansatzweise wir oft empfohlen, die Extension des Files zu ändern.
Da der Browser aber auf den Mimetype des Files und nicht auf die
Extension refernzieren sollte, ist diese Vorgehensweise nicht
empfehlenswert. Am sinnvollsten ist es das File gezippt abzulegen.
Dabei sollte man bei der Wahl des Zippers auf die Zielgruppe der
Personen achten, die das File potentiell herunterladen.

3. Meta-Tags

· Ich möchte in ein Dokument zusätzliche Informationen einfügen,
damit Search-Engines wie Lycos, Alta Vista, etc. meine Seite besser
indizieren können. Wie mache ich das ?

Im Header des Dokuments kann man mit dem 'Meta'-Element
dokumentspezifische Informationen hinterlegen. Dabei besteht jedes
Element aus einem Name/Wert Paar.

Attribute des META Elements:

HTTP-EQUIV: Simuliert ein entsprechendes HTTP-Header-Feld.
Ursprünglich war es so gedacht, daß der Server die HTML-Datei
analysiert und entsprechend echte HTTP-Header erzeugt. Dies wird
von den meisten Servern nicht unterstützt und stattdessen von den
meisten Browsern ausgewertet. Besser ist es auf jeden Fall, soweit
möglich, direkt HTTP-Header zu erzeugen.
NAME: Spezifiziert den Namen des Name/Wert Paars
CONTENT: Legt den Wert des Name/Wert Paars fest.
Definierte Elemente:
Keywords zur Angabe von Stichwörtern:

DESCRIPTION für eine kurze Inhaltsangabe. Diese darf keine
Formatierungen enthalten und sollte
ROBOTS für Hinweise an Robots und Spiders. Im Content können
folgende durch , getrennte Werte stehen:

Informationen dazu sind unter
http://www.w3.org/pub/WWW/Search/9605-Indexing-
Workshop/ReportOutcomes/Spidering.txt zu finden. Die Informationen
unter dieser URL stellen wohl die derzeitige Praxis dar.
Es wurde bereits ein META-internet-draft Standard entworfen, dieser
ist aber nicht als RFC angenommen worden.

Weitere Beispiele für META Informationen:

Anmerkung: Falls das Attribut 'NAME' nicht existiert, dann wird
'NAME' durch 'HTTP-EQUIV' festgelegt.

· Gibt es einen Generator für META-Tags?

http://vancouver-webpages.com/VWbot/mk-metas.html

· Wo finde ich zusätzliche Quellen über META-Tags ?

http://www.toppoint.de/~hscholz/metatags.html

4. Entities

· In "Wie bastle ich mir eine eigene HTML-Seite?"-Texten steht meist,
daß man statt Umlauten sogenannte Entities verwenden soll. Muß ich
das wirklich?

Nein. Man kann HTML-Dokumente sowohl mit Entities (z.B. "ß"
für sz) als auch mit ISO-8859-1-kodierten Zeichen ("ß" für sz)
erstellen, denn beides steht gleichberechtigt im HTML-Standard.

Für ISO-8859-1-kodierte Zeichen sprechen:

- die bessere Lesbarkeit beim Erstellen und Verändern von Seiten.
- der normale Übertragungsweg von HTML-Seiten, nämlich HTTP
(HyperText Transfer Protocol). Dieser ist 8-Bit-transparent,
schneidet also keine Bits ab und führt keine unerwünschten
Umwandlungen durch.
- die Darstellung von HTML-Seiten durch Browser. Jeder Web-Browser
muß ISO 8859-1 "verstehen" und anzeigen können, denn das steht im
HTML- Standard. Dementsprechend ist es schwierig, heute noch
Browser zu finden, die diese Kodierung nicht richtig darstellen
koennen.

Alle Gründe, die für Entities sprechen, sind autor-seitige Gründe.
Da wären zum Beispiel:
- Tastatur. Nicht alle Tastaturen sind dafür ausgelegt, mit ihnen
deutsche Umlaute einzugeben. Man kann einige Programme dazu
bringen, über bestimmte Tasten/Tastenkombinationen dennoch welche
zu erzeugen, aber das kann unter Umständen aufwendig werden.
- Software. Viele Programme unterstützen ISO 8859-1 nicht. Es
bleibt dem Autor überlassen, ob er ein solches Programm verwendet
oder nicht. Der Zeichensatz wird dabei natürlich nicht das einzige
Kriterium sein.
- Übertragung (außer HTTP): Wer HTML-Dokumente mit anderen
Protokollen als HTTP übertragen will, wird sich darum kümmern
müssen, ob die Umlaute dabei erhalten bleiben. Bei FTP zum Beispiel
kann man anstatt des ASCII-Mode den Binary-Mode wählen. Dieser
führt dann aber andere Konvertierungen nicht durch, die eventuell
sinnvoll sind.
- Vorliebe. Jeder soll nach seiner Fasson selig werden.

Es muß also jeder für sich entscheiden, ob er ISO-Zeichen oder
Entities verwendet. Eine allgemeingültige Empfehlung gibt es nicht.

5. Tabellen

· In einer Tabelle, bei der ich die Ränder angezigt bekomme, werden
eigentlich leere Felder als komplett ausgefüllt angezeigt. Wie
verhindere ich dies ?
Man setzt zwischen und entweder ein oder ein

6. Frames

· Ich möchte ... mit Frames gestalten. Wo finde ich Informationen zu
Frames?

Infos zu Frames gibt es unter http://www.w3.org/TR/REC-
html40/present/frames.html und bei Netscape unter
http://home.netscape.com/assist/net_sites/frames.html

· Gibt es einen Einsteigerkurs für Frames?

- http://sharkysoft.com/tutorials/frames/
- http://junior.apk.net/~jbarta/tutor/frames/index.html

· Sollte ich Frames überhaupt benutzen?

Über den Sinn und Unsinn von Frames hat Hubert Partl ein Paar
Zeilen geschrieben, die unter
http://www.boku.ac.at/htmleinf/hein52.html#noframes nachzulesen
sind.
Jakob Nielsen rät von Frames eher ab (O-Ton: "Why Frames Suck (Most
of the Time)"): http://www.useit.com/alertbox/9612.html

· Wie kann ich in HTML erreichen, daß beim Anklicken eines Links alle
Frames geschlossen werden?

text wobei der Part
TARGET="_top" das wichtige ist.

· Ich möchte erreichen, daß meine Seiten nicht innerhalb eines
fremden Frames angezeigt werden, sondern eigenständig angezeigt
werden.

Siehe
http://www.mintert.com/javascript/de.comp.lang.javascript.html.

· Ich möchte mit dem Klicken auf einen Link zwei oder mehr Frames
updaten.

Dies kann zum Beispiel mit Javascript bewerkstelligt werden. Der
Sourcecode dazu könnte so aussehen:

Changeit

Bei ausgeschaltetem Javascript funktioniert dies natürlich nicht.

Eine andere Möglichkeit besteht darin, mit verschiedenen Framesets
zu arbeiten und je nach Kontext das jeweilige Frameset in das
Target _top zu laden.

7. Cascading Style Sheets

· Wo finde ich Infos zu CSS?

- W3C: http://www.w3.org/Style/CSS/
- Einführung zu CSS bei Stefan Münz:
http://www.netzwelt.com/selfhtml/td.htm
- Mulder's Stylesheets Tutorial:
http://www.hotwired.com/webmonkey/stylesheets/tutorials/tutorial1.html
- CSS Pointers Group: http://css.nu
- Björnsworld: http://www.bjoernsworld.de/css/

8. Accesscounter

· Wie kann ich einen Accesscounter, also einen Zähler der Zugriffe
auf meine HTML-Seiten, einbauen?

Eine generelle Abhandlung über den Sinn und Unsinn von
Accesscountern findet sich unter
http://www.boku.ac.at/htmleinf/hein53.html#counter. Diese sollte
man sich auf jeden Fall mal durchlesen, bevor man sich dann etwaig
doch zu Installation eines solchen entschließt. Wer dennoch einen
Counter will, findet unter folgenden Addressen mehr Infomationen:

- http://www.b-online.de/
- http://icount.com/
- http://www.pagecount.com
- http://www.dragonfire.net/counter.html
- http://freeware.de/freecounter/counter.shtml
- http://counter.mops.de/
- http://www.superstats.com/

Wünschenswert ist es dann, daß der Counter nach Möglichkeit lokal
auf dem Server, bzw. netztechnisch auf einem 'nahen' Server
installiert wird, um die Netzlast so gering wie möglich zu halten.
Auf nahezu jedem Server gibt es bereits Counter, die verwendet
werden können, so daß nicht auf weit entfernt liegende zugegriffen
werden muß. Wo der Counter liegt, kann man durch eine Anfrage beim
Webmaster seines Servers oder durch Suchen in anderen privaten
Homepages auf seinem Server herausfinden.

Eine von vielen Servern angebotene Möglichkeit sind spezielle
Serverside Includes, die es z.B. erlauben, auch textuelle Counter
einzufügen (Als Beispiel sei hier das Tag des Roxen
Challengers zu nennen, das die Zahl der Zugriffe als ASCII Text in
die Seite einfügt).

Eine netzlastsparende Möglichkeit ist die von vielen Providern
angebotene Logfile Auswertung der Zugriffe. Zwar werden auch hier
Zugriffe, die in auf dem Weg liegenden Proxies hängen bleiben,
nicht erfaßt, dafür gibt es aber auch keine Verzögerungen beim
Seitenaufbau durch das Countergif und die Netzlast durch selbiges
entfällt auch.

Es sei jedoch nochmals ausdrücklich darauf hingewiesen, daß
Accesscounter zumeist nicht sonderlich beliebt sind, da sie ohnehin
keine korrekten Ergebnisse zurückliefern.

9. Bilder in HTML Seiten

· Sollte ich für Bilder in meinen HTML-Seiten besser gifs oder jpegs
nehmen?

Grundsätzlich kann zu gifs und jpegs gesagt werden, daß jpegs in
aller Regel bei ähnlicher Qualität kleinere Files sind als gifs.
Allerdings hängt die angezeigte Qualität stark vom Browser ab, den
man benutzt. So ist die Anzeigequalität von jpegs zur Zeit wohl bei
Netscape z.B. bei einem 8-bit Display eher schlechter als die von
gifs. Dies liegt wohl daran, daß Netscape die jpegs dithert, was
einen Qualitätsverlust zur Folge hat.
Bei synthetischen Grafiken, also bei wenigen Farben und großen
Flächen mit scharfen Kanten bietet GIF bessere Qualität bei
geringerer Größe, Hingegen erreicht bei Fotos mit weichen
Übergängen JPEG bei minimalem Qualitätsverlust die kleinere
Dateigröße.
Grundsätzlich sollte jedoch überlegt werden, ob man beim Erstellen
der Seiten die Bilder zunächst nicht in voller Größe einhängt,
sondern als sogenannte Thumbnails (engl: Daumennagel -- ein sehr
kleines Bild, das erahnen läßt, wie das Bild aussehen könnte) auf
der Seite unterbringt. Diese Thumbnails sollte man anklicken
können und die großen, full quality Bilder mit einer textuellen
Angabe der Dateigröße hinterlegt haben. Der Besucher dieser Seite
kann dann selbst entscheiden, welche Bilder er downloaden will.
Die Thumbnails sollten dabei gifs sein, da sie für kleine Bilder
bessere Qualität liefern. Die Bilder, die dahintergelegt sind,
können sowohl gifs als auch jpegs sein -- dies bleibt dem Geschmack
des HTML-Autors überlassen.
Anm.: PJPG (progressive JPEGs) und PNG (portable network graphics)
werden derzeit noch nicht von allen Browsern unterstützt.
Eine weitere Quellezu dem Thema findet sich unter
http://www.heise.de/ix/artikel/1997/04/162/.

· Wo finde ich Informationen zu png, und von welchen Browsern wird
das Format unterstützt?

Eine gute Quelle für Informationen zu png ist
http://www.cdrom.com/pub/png/. Dort wird auch aufgezeigt, von
welchen Browsern png unterstützt wird.

· Wie kann ich den Hintergrund eines gifs transparent machen?

Der gif-Standard gif89a läßt es zu, daß eine Farbe aus der Palette
als transparent gekennzeichnet wird. Damit läßt sich z.B. ein
lästiger Hintergrund eines gifs ausblenden.
Programme, die das Transparentmachen einer Farbe bewerkstelligen,
sind z.B.

Programm : Coreldraw 8.0
Plattform : Windows 95/98, Windows NT
Quelle : Corel Corporation Limited, Ireland
http://www.corel.com/products/graphicsandpublishing/draw8/

Programm : giftrans
Plattform : Unix, Amiga
Quelle z.B. : ftp://ftp.rz.uni-
karlsruhe.de/pub/net/www/tools/giftrans/

Programm : L View Pro 2.1
Plattform : Windows 95/NT
Quelle : http://www.lview.com/

Programm : Paint Shop Pro 5
Plattform : Windows 9(5|8)/NT 4.0
Quelle : http://www.jasc.com/

Programm : giftool 1.0
Plattform : Unix, Amiga
Quelle :
ftp://ftp.cdrom.com/pub/linux/sunsite/apps/graphics/convert/giftool-1.0.tgz
Beim letzten Check des Links
http://www.homepages.com/tools/giftool/ (Original-Site) konnte der
Hostname nicht aufgelöst werden. Gibt es die Homepages Inc. nicht
mehr ?

Programm : Grafikkonverter
Plattform : Macintosh
Quelle : Lemke Software (MausNet, Info-Mac, Umich)

Programm : Clip2GIF
Plattform : Macintosh
Quelle z.B. : Info-Mac (gst/grf - grf/util), UMICH
(graphics/graphicsutil)

Programm : Transparency
Plattform : Macintosh
Quelle : Info-Mac, Umich

Programm : Gif Construction Set (gifcon)
Plattform : Windows 3.1x/95/NT
Quelle : http://www.mindworkshop.com/alchemy/gifcon.html

· Wie kann ich die Wartezeit für den Benutzer beim Laden von größeren
GIFs verkürzen?

Verkürzen läßt sie sich nicht, aber man kann dem Benutzer die
Ladezeit durch den Einsatz von interlaced Gifs vertreiben.
Interlaced gifs sind ab Gif-89a möglich. Dabei werden die Bilder so
abgespeichert, daß beim Laden zunächst ein grobkörniges Bild
anzeigt wird, das sich bis zur endgültigen Auflösung hin immer
weiter verfeinert.
Eine andere Technik, die gerne verwendet wird ist, daß große Bilder
in kleine aufgespaltet werden und dann die ganzen kleinen Bildchen
geladen werden. So können z.B. bei Bildern, bei denen große Teile
der Hintergrundfarbe der Webseite entsprechen so geteilt werden,
daß nur die Bildteile geladen werden müssen, die auch tatsächlich
mit Inhalten gefüllt sind. Allerdings erhöht sich durch diese
Technik die Anzahl der Connects pro Seite, sodaß sich dies nur
bedingt eignet, um die Ladezeiten zu verkürzen.
Für das Verkleinern von Bildern kann außerdem unter
http://www.netmechanic.com/accelerate.htm der GIFBot benutzt
werden, der laut eigenen Angaben die Größe der Bildes um bis zu 50
Prozent verkleinern kann. Ähnlich arbeitet auch
http://www.gifoptimizer.com/.
· Wenn ich auf ein Bild einen Link lege bekomme ich im Browser hinter
diesem einen kleinen schwarzen Strich beziehungsweise ein
whitespace, den ich nicht haben möchte. Woran liegt das?

Entweder sieht der Link in etwa so aus, das heißt, daß zwischen SRC="pic.jpg"> und
ein oder mehrere Leerzeichen sind, oder daß an dieser Stelle
ein Zeilenumbruch ist. Werden Leerzeichen und/oder Zeilenumbruch
entfernt, verschwinden auch die kleinen schwarzen Striche.

· Mit welchen Programmen kann ich animierte gifs erstellen?

Ein Tutorial zu diesem Thema findet sich unter
http://members.aol.com/royalef/royal.htm
Zusätzliche Infos können bei Zampano's GIF-Animationen im WWW unter
http://www.zampano.com/gifanim/toolbox1.html abgerufen werden.
Eine detailreiche Übersicht über verschiedene GIF Animationen
finden sich außerdem unter
http://members.aol.com/royalef/toolbox.htm

Programm : Gif Construction Set (gifcon)
Plattform : Windows 95/3.11
Quelle : http://www.mindworkshop.com/alchemy/gifcon.html

Programm : Smart Dubbing (1.0|pro)
Plattform : Macintosh
Quelle : http://www.xs4all.nl/~invaders/newindex.html

Programm : WhirlGIF 2.01
Plattform : Unix, Amiga
Quelle : http://www.msg.net/utility/whirlgif/

Programm : PPaint 7.1

Section 1 of 3 - Prev - Next
All sections - 1 - 2 - 3

Back to category html - Use Smart Search

Home - Smart Search - About the project - Feedback