Sebastian >Gymnasium >Schulseite

Tutorial zur Seitenerstellung

Allgemeines

Die neuen Schulseiten werden mithilfe eines CMS (Content Management System) gestaltet. Sinn eines CMS ist einerseits, dynamische Seiten ohne Frames zu gestalten, andererseits ist es nötig, um alle Seiten gleich aussehen zu lassen.

Durch die Trennung von Inhalt und Layout kann man sich voll auf die Inhalte konzentrieren und muss sich nicht mehr mit dem Design und dem Menü abgeben.

normale HTML-Seiten

normalerweise würde man eine HTML-Seite so schreiben:

------------------BEGIN-----------------

MEIN SEITENTITEL

 

HIER KOMMT DER INHALT REIN...

------------------ENDE-----------------

NEU: MIT CMS

Eine neue Seite würde so aussehen:

------------------BEGIN-----------------

[autor] HIER KOMMT MEIN NAME HIN

[title] MEIN SEITENTITEL

 

HIER KOMMT DER INHALT REIN

------------------ENDE-----------------

Die Unterschiede

Hier die Unterschiede zwischen normalem HTML und CMS...

  • aus TITEL DER SEITE wird [title] TITEL DER SEITE
  • es muss der Autor der Seite in der Form [autor] NAME DES AUTORS hineingeschrieben werden.
  • nur der Inhalt der -Tags muss in den Rest der Datei geschrieben werden!

Was ist mit der Navigation???

Also, die Navigation, die an der linken Seite sichtbar wird, wird aus einer Datei namens link.csv generiert.

Nehmen wir mal ein praktisches Beispiel: Du hast die Aufgabe bekommen, eine Seite zur Fachschaft Deutsch zu erstellen. Dazu hast du dir überlegt, dass es schön wäre, die Seiten etwas zu untergliedern, du willst folgende Struktur erstellen:

 

|Obere Seite

|--Personen

|--Schulbücher

|--Lehrplan

 

Dazu musst du eine Datei namens link.csv in deinem Ordner erstellen.

Diese hat folgenden Inhalt:

 

------------------BEGIN-----------------

personen.html;Personen;Hier finden Sie Infos zu den Lehrern

buecher.html;Schulbücher;Hier werden Ihnen die Schulbücher vorgestellt

lehrplan.html;Lehrplan;Hier gibt es Infos zum Lehrplan

------------------ENDE-----------------

 

Jetzt zur Erklärung: Jeder neue Link steht auf einer extra Zeile. Nun zerpflücken wir mal eine Zeile:

personen.html ; Personen ; Hier finden Sie Infos zu den Lehrern
Name der HTML-Datei Trennzeichen Name des Links, wie er im Menü erscheint Trennzeichen Name des Tooltips (Das ist ein kleinens, meist gelbes, Fenster das aufgeht, wenn man die Maus längere Zeit über einem Eintrag hat)

Erklärung

Jede Zeile steht für eine Link. Für jede Link sind 3 durch Semikolon getrennte Angaben notwendig:

Name der zu verlinkenden Datei (z.B. personen.html)

Name des Links, wie er im Menü erscheint (z.B. Personen)

Name des Tooltips (Tooltip = kleinens Fenster das aufgeht, wenn man die Maus längere Zeit über einem Eintrag hat) (z.B. Hier finden Sie Infos zu den Lehrern)

Ich hoffe, dass diese Hilfe euch ein bisschen weiterhilft beim Erstellen der Seiten. Bei Fragen mailt mich einfach an:sebastian(at)garbage-group.de oder erstellt ein Feedback.

Viel Spaß euch allen!