Registrieren    Anmelden    Forum    Suche    FAQ

Foren-Übersicht » Alarm Modem Projektierung » Webserver




Ein neues Thema erstellen Auf das Thema antworten  [ 1 Beitrag ] 
Autor Nachricht
 Beitrag Verfasst: Fr Apr 28, 2006 1:55 pm 
Erfahrener

Registriert: Mo Jul 25, 2005 11:18 am
Beiträge: 25
Wohnort: Berlin
Stylesheets definieren die Formateigenschaften von HTML-Elementen.
Aktive Alarme werden im folgenden Beispiel mit Fettschrift auf
roten Hintergrund dargestellt, passive Alarme mit grauer Schrift
ohne Hintergrundfarbe. Die Interpretation der Stylesheets erfolgt
im Browser, was sich positiv auf die Ressourcen des Alarmmodems
auswirkt. So wird es gemacht:

Im 'head' der Webseite werden Formate als Klassen definiert:

<style type="text/css">
<!--
.rot1 { background-color: #FF4040; font:bold 12px Tahoma, Verdana, Arial; }
.rot0 { color:#5F5F5F; font: 12px Tahoma, Verdana, Arial; }
-->
</style>

Im 'body' der Seite werden die Alarmtexte 'Motor 1 gestört',
'Motor 2 gestört' usw. in einer Tabelle notiert.
Die Tabellenzelle wird mit dem Attribut 'class' versehen.
Durch den Webserver im Modem wird die Prozessvariable ersetzt,
so daß je nach Wert 0 oder 1 das Format rot0 oder rot1 zur
Anwendung kommt.

<table>
<tr><td>Alarme&nbsp;&nbsp;
<span class="rot1">&nbsp;Aktiv </span>
<span class="rot0">&nbsp;Passiv </span>
</td></tr>
<tr><td class="rot&#xae;/Process/Bus1/D1/C0;">Motor 1 gest&ouml;rt</td></tr>
<tr><td class="rot&#xae;/Process/Bus1/D1/C1;">Motor 2 gest&ouml;rt</td></tr>
:
Die Legenden 'Aktiv' und 'Passiv' vermitteln schon beim
Entwurf der Seite einen Eindruck für die jeweilige Darstellung.
Für die konkrete Gestaltung der Alarmzustände hat der Entwickler
alle Möglichkeiten, die CSS Stylesheets bieten. Rote und grüne
rechteckige Flächen (LED's) werden z.B. durch eine identische
Wahl von Vorder- und Hintergrundfarbe erzeugt. Wird dann noch
ein Rahmen zugefügt, sind die LEDs echten Grafiken ebenbürtig.
Wem das nicht reicht, kann auch noch Hintergrundbilder zufügen.
Die Anwendung des Attributs 'class' ist grundsätzlich nicht auf
bestimmte HTML-Elemente beschränkt. Durch die Formatierung von
Klickbuttons ergeben sich weitere Möglichkeiten, z.B. ein
'EIN'-Button für eine Rückmeldung grün zu hinterlegen.
Für weitere Informationen zu den CSS Stylesheets wird SELFHTML
von Stefan Münz empfohlen (http://de.selfhtml.org), dort stehen
auch Downloads für SELFHTML zum Offline-Lesen bereit.


Nach oben 
   
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
 
Ein neues Thema erstellen Auf das Thema antworten  [ 1 Beitrag ] 

Foren-Übersicht » Alarm Modem Projektierung » Webserver


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste

 
 

 
Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  
Deutsche Übersetzung durch phpBB.de