Internetseiten sind heute meist sehr bunt und mit vielen Grafiken versehen.
Manchmal bestehen sie ausschließlich aus Grafiken, weil man damit
sehr schöne Effekte erzielen kann.
Werden die Internetseiten mit einem Modem geladen, was meist der Fall
ist, dauert die Übertragung der Seitenteile dann sehr lange. Nach
Anwahl der Seite sieht man erst mal nichts. Und das nervt, bis sich alles
aufgebaut hat. Mindestens in der Einstiegs- oder Startseite sollte der
Ladevorgang schnell sein, damit der Betrachter sofort sieht mit wem und
was er es zutun hat.
Zur Darstellung im PC benötigt man eine Internet-Bedien-Software.
Diese nennt man Browser.
Meine Seiten kann man mit den Netscape-Browser Version 2 , 3 und 4
betrachten. Und auch mit kleinen Einschränkungen mit dem MicroSoft-Browser
Version 3 bis 5. Bei anderen Browsern kann es sein ,daß einige Details
nicht richtig angezeigt werden.
Im WWW-Protokoll des Internet benutzt man die HTML-Programmiersprache.
Ich versuche in meiner homepage eine Vielzahl der Funktionen zu nutzen.
Und so sind die Inhalte eigentlich nur zweitrangig als Test zu sehen. Nachfolgend
habe ich mal aufgeschrieben, wie eine solche homepage erstellt wird, und
woraus sie besteht.
Die Seiten liegen im Server von T-ONLINE.
Im Internet wählt man meine homepage
mit der Adresse : http://home.t-online.de/home/draegert
Die aufgerufene Seite (Einstiegsseite oder Startseite) enthält
Texte in verschiedenen Schriftgrößen und Schriftarten, eine
Tabelle und drei gif-Grafiken. Eine Grafik , das rotierende D , besteht
aus acht Einzelbildern , das D um jeweils 45° gedreht. Genauso das
rotierende e für e-mail.Im unteren Teil läuft ein Schriftzug
über den Bildschirm. Auch der besteht aus acht Einzelbildern. Die
Bewegungen entstehen durch ein Animationsprogramm im Browser für diese
speziellen Grafiken.
Auf der Seite sind vier interne und zwei externe „Links". Das heißt
man kann durch Anklicken des unterstrichenen Textes direkt auf eine andere
Internetseite gelangen. Zurück aus den externen "Links" zu meiner
Seite kommt man nur über den Browser (z.B. mit "Gehe" oder "Zurück").
Die Links zu dem internen Server sind : Das sind wir im Bild
, Info von Bodo , Info von Inga und Info von Nicole.
Davor steht jeweils das aktuelle Änderungsdatum.
Die Links Baunatal und Kassel führen zu externen
Server. Dort sind viele Informationen zur Stadtgeschichte und Vereinsleben.
Weiter ist mit dem Anklicken des Textes Ihre Nachricht an uns der
Aufruf eines e-mail-Fensters möglich, zum Schreiben und Absenden eines
e-mails an die Adresse Draegert@t-online.de .
Die Seite wird in zwei Hintergrundfarben aufgeteilt. Die Seitengestaltung
wird durch Cursor-Positionierung vorgenommen. Das heißt Texte : Grafiken
und Tabelle werden platzgenau dargestellt ohne Rahmentechnik. Der Vorteil
ist dabei, daß alles in einer HTML-Datei liegt und damit die Seite
auch bei langsamer Internetübertragung als Ganzes und schnell auf
dem Bildschirm erscheint.
Die Größe dieser Startseite beträgt nur 2,89 KBytes.
Die drei Grafiken sind 26,4 KBytes groß.
Die Grafiken nehmen auch hier den größten Platz ein, und
brauchen dadurch 10 mal längere Ladezeit als der ganze Text.
Als Erweiterung ist die Erfassung der Seitenaufrufe geplant. Das heißt
, wie oft wurde im Internet meine homepage angewählt. Dazu muß
ein CGI-Scripte erstellt werden. (geht nicht bei T-Online).
Das sind wir im Bild zeigt fünf Bilder in sehr
starker Komprimierung. Dadurch sind die Dateigrößen für
Fotos sehr klein. Die Auswahl der Bilder ist in „Rahmentechnik" (Frames)
erstellt.
Eine recht neue, aber oft genutzte Darstellungsart. Die Programmorganisation
ist aufwendig und die Internetübertragungszeiten sind durch die Vielzahl
der Dateien groß. Das Grundprinzip beruht auf der Möglichkeit
im Browser mehrere Dateien gleichzeitig darzustellen. Zunächst wird
in einer HTML-Datei die Fensteraufteilung festgelegt. Dann werden für
jedes Fenster HTML-Dateien mit Texten , Hintergrundgrafik und Querverweisen
zu weiteren HTML-Dateien und zurück erstellt.
Das Ganze muß geladen werden. (Und das dauert !) Zur Startseite
kommt man mit zurück
Info von Bodo ist in nicht sichtbarer Tabelle gemacht.
Damit ist es möglich Texte und Grafik nebeneinander darzustellen.
Man kann sich diese Beschreibung durch anklicken der Textes
hier weitere Infos dazu aufrufen. Der Link Das
ist mein Computer zeigt meine Hardware in einer Tabelle.
Ein Programm mit einem Java Script läßt durch Eingabe von
Anteilen der Grundfarben eine Mischfarbe erzeugen. Mit dem Link hier
zur Funktion kommt man dorthin.
Eine Grafikanimation als Spiel mit drei Ostereiern und Sound ist mit
der "Prorammierfunktion" FLASH 4 erstellt. Die Datei hat nur eine Länge
von 102 KB. Zur Funktionsdarstellung ist ein Hilfsprogramm erforderlich,
daß ein neuerer Browser sich aus dem Internet automatisch lädt
(falls es nicht schon vorhanden ist).
Musik im MP3-Format kann man durch anklicken von bodo.mp3 laden.
(das dauert, weil über 2 MB). Das ist komprimierte Musik in einer
Länge von 2,24 Minuten. Am Besten als Datei laden und später
mit dem Windows-Player abspielen. Hier ist eine eigene Komposition, die
am Computer aus Pop- und Danceelementen, sowie den Stimmen unserer Freunde
zusammen gebastelt wurde.
Im unteren Teil kann man eine Eingabe an eine Suchmaschine weiterleiten.
"Fireball" für deutsche Adressen und "AltaVista" für internationale.
Die Eingaben werden nach dem klick auf "Suchen" dem Link zur
Suchmaschine angehangen. Zurück zur meiner Seite kommt man dann nur
mit dem Browser (z.B. mit "Gehe" ).
Später plane ich hier noch ein Gästebuch, in dem man Nachrichten
lesen und einschreiben kann.
Info von Inga ist wieder mit Frames (Rahmen)
gemacht. Eine Vielzahl von Dateien mit Foto und Hintergrundbild ist dafür
nötig. Auf der linken Seite bleibt immer die Rezeptauswahl stehen.
Und man kann durch Anklicken ein Rezept anwählen, das dann auf
der rechten Seite steht.
Info von Nicole
Die drei Teile : Das war. (Ihre Reise um die Welt).Das ist.
(Ihr Studium). Das wird ( fehlt noch),
Das war. ist auch in Rahmentechnik gemacht. Hier ist im
unteren Teil ein Suchbild, unter dem Informationen versteckt sind.
Eine Image-Map ist eine Grafik in der es mehrere sogenannte HotSpots
gibt. Das sind Flächen die einen Link darstellen. Diese Flächen
können beliebig über das Bild verteilt sein.
Das Foto in Farbe hat eine geringe Komprimierung und ist dadurch 110
Kbytes groß aber durch eine Interlaced-Animation wird das ganze Bild
zunächst in einer groben Auflösung übertragen. Und nach
und nach die Auflösung verfeinert. Dadurch hat man gleich am Anfang
einen Eindruck auf das ganze Bild. Wenn man mit der Maus über das
Bild fährt, wird sich an einigen Stellen der Mauszeiger in eine Hand
wandeln. Klickt man dort an erscheint im unteren Teil eine neue Information.
Zurück zum Suchbild gelangt man durch Anklicken des Textes Suchbild
im oberen Teil. An einer Stelle ist die Information eine Tondatei. Die
wird geladen und wenn eine Soundkarte vorhanden ist kann man einen Satz
von Nicole gesprochen hören. Mit zurück zur Startseite über
Weltreise kommt man auf eine Animationsgrafik (Globus) ein Hintergrundbild
und eimnen Text.
Die Speichergröße aller Dateien auf dem Server betragen zur Zeit : 3,2 MBytes