Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:snr:informatik:glf23:webseiten-allgemein [2025/04/23 19:12] – [Allgemeines zu Webseiten] Olaf Schnürer
+++ lehrkraefte:snr:informatik:glf23:webseiten-allgemein [2025/05/05 13:41] (current) – [Trennung von Form und Inhalt] Olaf Schnürer
@@ Line 12: / Line 12: @@
 erklärt, was passiert, wenn man eine Webseite aufruft, etwa sbb.ch.
-Dann erklärt, dass jede und jeder auf dem Server im Tech-Lab ein Verzeichnis bekommt. Darin werden sein:
+Dann erklärt, dass jeder Schüler auf dem Server im Tech-Lab ein Verzeichnis bekommt. Darin werden sein:
   * Datei ''index.html'': Das ist der Standardname für die "Startseite".
   * weitere HTML-Dateien
@@ Line 61: / Line 61: @@
 (Es freut mich aber natürlich, wenn jemand besonders schnell ist und auch JavaScript verwendet.)
 </WRAP>
+===== Trennung von Form und Inhalt =====
+<WRAP center round info>
+In klassischen Medien (Bücher, Zeitungen, Zeitschriften) sind Inhalt und Form vom Verlag fest vorgegeben und nach Erstellung der Druckvorlage untrennbar verbunden (klassisch hat ein Schriftsetzer die Druckvorlage erstellt).
+Heutzutage liest man Bücher oder Artikel oft auf elektronischen Geräten (Handy, Laptop, E-Reader). Dort kann man oft die Form (etwa Schriftart, Schriftgrösse, Farben) relativ leicht den eigenen Wünschen anpassen, obwohl der Inhalt derselbe ist.
+Auch sollte heutzutage der Inhalt adaptiv sein in dem Sinne, dass er auf verschiedenen Medien korrekt angezeigt werden kann (Hoch- oder Querformat auf dem Handy oder anderen Anzeigegeräten mit unterschiedlichen Abmessungen).
+Auch dafür ist es sinnvoll, den Inhalt von der Form zu trennen.
+Dieses Gesttaltungsprinzip heisst Trennung von Inhalt und Form.
+Bei der Webprogrammierung wird
+  * der Inhalt in HTML und
+  * die Form in CSS beschrieben.
+</WRAP>