Html-Seiten Anlegen - Siemens SIMATIC S7-1200 Systemhandbuch

104BWebserver
11.3 Benutzerdefinierte Webseiten
11.3.1

HTML-Seiten anlegen

Um Ihre eigenen HTML-Seiten zur Verwendung mit dem Webserver zu erstellen, können Sie
ein Softwarepaket Ihrer Wahl verwenden. Achten Sie darauf, dass Ihr HTML-Code mit den
HTML-Standards des W3C (World Wide Web Consortium) konform ist. STEP 7 führt keine
Überprüfung Ihrer HTML-Syntax durch.
Sie können eine Software verwenden, bei der Sie im WYSIWYG- oder Design-Layout-
Modus programmieren können, doch Sie müssen Ihren HTML-Code auch im reinen HTML-
Format bearbeiten können. Die meisten Web-Authoring-Tools bieten diese Art der
Bearbeitung. Falls nicht, können Sie den HTML-Code einfach in einem Texteditor
bearbeiten. Nehmen Sie die folgende Zeile in Ihre HTML-Seite auf, um UTF-8 als
Zeichensatz der Seite festzulegen:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Und achten Sie darauf, dass Sie die Datei im Editor ebenfalls in der UTF-8-
Zeichencodierung speichern:
Sie können in STEP 7 die Inhalte Ihrer HTML-Seiten in STEP 7-Datenbausteine übersetzen.
Diese Datenbausteine bestehen aus einem Steuerdatenbaustein, der die Anzeige der
Webseiten regelt, und einem oder mehreren Datenbausteinfragmenten mit den übersetzten
Webseiten. Beachten Sie, dass umfangreiche HTML-Seiten, insbesondere Seiten mit vielen
Bildern, einen beträchtlichen Platz im Ladespeicher (Seite 546) für die DB-Fragmente
belegen. Wenn der interne Ladespeicher Ihrer CPU für Ihre benutzerdefinierten Webseiten
nicht ausreicht, stellen Sie über eine Memory Card (Seite 111) externen Ladespeicher zur
Verfügung.
Um Ihren HTML-Code so zu programmieren, dass Daten aus der S7-1200 verwendet
werden, können Sie AWP-Befehle (Seite 529) als HTML-Kommentare einfügen. Speichern
Sie abschließend Ihre HTML-Seiten auf Ihrem PC und notieren Sie sich den Speicherpfad.
Benutzerdefinierte Webseiten aktualisieren
Benutzerdefinierte Webseiten werden nicht automatisch aktualisiert. Sie können wählen, ob
Sie den HTML-Code so programmieren, dass die Seite aktualisiert wird oder nicht. Bei
Seiten, die PLC-Daten anzeigen, bleiben die Daten durch regelmäßige Aktualisierung auf
dem aktuellen Stand. Bei HTML-Seiten, die als Formulare zur Dateneingabe dienen, kann
eine Aktualisierung die Dateneingabe durch den Benutzer beeinträchtigen. Wenn Ihre
gesamte Seite automatisch aktualisiert werden soll, können Sie diese Zeile in Ihre HTML-
Kopfzeile aufnehmen, wobei "10" für die Anzahl der Sekunden zwischen zwei
Aktualisierunsgvorgängen steht:
<meta http-equiv="Refresh" content="10">
Sie können für die Seiten- und Datenaktualisierung auch JavaScripts oder andere HTML-
Techniken nutzen. Hierfür ziehen Sie bitte eine Dokumentation zu HTML oder JavaScripts
hinzu.
528
S7-1200 Automatisierungssystem
Systemhandbuch, 11/2011, A5E02486681-05