Einbettung von dynamischer Grafik

In die statische Webseite ist allerdings ein 'Dynamisches' Bild eingebettet.
Im blauen ↙ Rahmen sehen sie eine komplette Mini-Webseite, welche soeben Live erzeugt wurde. Ein Programm hat die aktuelle Uhrzeit in den Text geschrieben.


Browser-Ansicht

◀   In diesen blauen Rahmen ist links eine statische, rechts daneben eine → dynamische Pixel-Grafik eingebettet.
Alternativ kann man auch statische oder → dynamische Objekt-Grafik einbetten.


• Mit diesen Links können sie die ↖ Dynamische Grafik neu laden oder in einem eigenen Browser-Tab laden.

HTML-Einbettung

◀   So sieht der HTML-Text aus, mit dem die beiden Pixel-Grafik-Dateien in diese Webseite eingebettet werden.


• Die mit dem src-Attribut bezeichnete Datei wird vom Browser getrennt angefordert und kann daher auch von einer ganz anderen Web-Adresse stammen.

• Die eingebettete Datei wird ohne weitere Maßnahmen nur 1mal angefordert. Man kann das Browser-Programm jedoch veranlassen, die eingebettete Datei erneut zu laden, z.B. mit einem Link oder mit einem → Javascript-Programm.


Die binären Roh-Daten werden hier nicht angezeigt.

Links zu anderen Beispielen dieses Webs:

PHP-Programm-Text

◀   Das ist der Quelltext jenes Programms, mit dem die dynamische Grafik Live erzeugt wurde.

• Das Programm in der Programmiersprache → PHP wurde soeben am Server-PC ausgeführt. Die vom Programm erzeugten binären ↑ HTTP-Daten wurden vom Webserver-Programm an den Browser ihres Arbeits-PC gesendet.

• Der Browser hat die empfangenen Roh-Daten decodiert und als Bild in den blauen InnenRahmen dieser Webseite eingesetzt.



• Mit Funktion imagecolorallocate() wird die Mal-Farbe nach dem → RGB-Modell festgelegt.

• Mit Funktion imagestring() wird der Text (String) der aktuelle Zeit in das Bild gemalt (= in Bildpunkte umgesetzt).

• Zuletzt werden die binären Bild-Daten mit Funktion imagejpeg() an den Webserver und in der Folge weiter an ihren Browser gesendet.


An einem Standard Webserver-PC ist dagegen (fast) immer ein PHP-Interpreter-Programm installliert.
PHP ist derzeit die meist-verwendete Programmiersprache zur Erzeugung von dynamischem Inhalt.


In diesem Fall bleibt die Grafik jedoch statisch, weil man nur das vom PHP-Programm erzeugte Produkt gespeichert hat.