Mathematische Formeln einfügen

Du möchtest Formeln in einem Beitrag darstellen wie

{tex}a^{2} + b^{2} = c^{2}{/tex}

oder

{tex}V = \frac{1}{3}a^{2} \cdot h {/tex}     ?

Mit Hilfe des Formeleditors auf http://www.matheboard.de/formeleditor.php kannst Du Dir eine Formel zusammenstellen, die Du dort zur Kontrolle auch angezeigt bekommst. Das wird dann zum Beispiel für die Formeln oben solcher Code:

a^{2} + b^{2} = c^{2}

bzw.

V = \frac{1}{3}a^{2} \cdot h

Diesen Text musst Du dann nur in einen Beitrag hineinkopieren und zwischen {*tex} und {*/tex} (ohne die Sterne nach { !) einfügen (nicht [latex] und [/latex]) - und schon hast Du Deine Formel.

Info für neue Autoren: zuerst Editor auswählen

Datei zum Download bereitstellen

Einen Beitrag schreiben (z.B. für Klassen-Homepage)

Sobald man als Autor angemeldet ist, kann man über den Punkt "Beitrag erstellen" unter "Schulhomepage bearbeiten" im Benutzermenü einen Beitrag schreiben.

Bei einem neuen Beitrag sollte man zuerst einen Titel vergeben und im unteren Teil unter "Freigeben" schon einmal die passende Kategorie auswählen. Damit wird gesteuert, unter welchem Menüpunkt der Beitrag erscheint. Bei einem Beitrag, der auf der Klassenseite erscheinen soll, die Kategorie "Klassen" und als Unter-Kategorie dann das Jahr, in dem Schulzeit zu Ende geht (gegebenenfalls mit a oder b ergänzt), eintragen. Diese Kategorie bleibt über alle Schuljahre gleich - man kann die Zahl auch herausfinden, wenn man im Klassenhomepage-Menü auf seine Klasse geht und dort in die Zeile mit der Web-Adresse schaut.

Wichtig ist die Auswahl "Freigegeben - ja". Den Beitrag normalerweise nicht auf der Startseite anzeigen lassen, "Autor-Alias" kann frei gelassen werden und weitere Punkte erklären sich selbst. Die Zugriffsebene "öffentlich" bedeutet, dass der Beitrag für alle sichtbar ist, "registriert" heißt, nur für registrierte Benutzer und bei "spezial" wird der Beitrag nur für Autoren und Mitwirkende angezeigt.

Dann kann man im jce-Editorfenster den Beitrag schreiben. Hier ist die Erfassung von Text und Tabellen einschließlich verschiedener Formatierungen möglich, ebenso können Bilder und Links eingefügt werden. Wenn man mit der Maus über die Buttons vom Editor fährt, werden die Funktionen der Buttons aufgeblendet.

Bitte für Überschriften keine größere Schrift, sondern unter "Format" besser "Überschrift 1-4" auswählen, damit die Schriftgröße sich bei Änderung der angezeigten Schriftgröße durch den Leser entsprechend mit verändert.

Neben dieser Anleitung bitte auch die für Tabellen, Bilder und Bildergalerien beachten.

Früher erstellte Beiträge ändern kann man an der Stelle, wo sie im Menü erscheinen, bearbeiten über das orangefarbene Stift-Symbol links über der Beitragsüberschrift.

Bei weiteren Fragen bitte im Forum unter "Homepage bearbeiten" nach einer Lösung suchen oder fragen.

Kalendereintrag vornehmen

Kalendereintrag vornehmen

Bildergalerien in 2 Varianten

• bitte die Größe vorher "webtauglich" anpassen - 500 Pixel Breite reichen aus, weil ja auch die Galerie nur 500 Pixel breit ist (geht gut in irfanview für mehrere Bilder gleichzeitig)
• weil die Bilder in alphabetischer Reihenfolge angezeigt werden, die Bilder bei Bedarf umbenennen
• Im Editor-Fenster auf "Bild einfügen" (untere Zeile) gehen, dann öffnet sich der Bild-Manager
• in einen passenden Ordner wechseln und dort ein neues Unterverzeichnis erstellen
• im Bildmanager am rechten Rand Mitte ist der Button für den Upload vom eigenen PC - hier können dann Bilder im jpg-, gif- und png-Format hochgeladen werden

...und man hat noch mehr Möglichkeiten: 

Eine ausführliche Anleitung dazu ist hier zu finden.

• Gallery width: 500 - Breite der gesamten Galerie in Pixel (ganze Zahl)
• max. Image height: 450 - maximale Höhe der Bilder in Pixel; mögliche Werte: leer (gesamte Breite ausnützen), (ganze Zahl)
• Image quality: 80 - Qualität der Bilder in Prozent (ganze Zahl von 1-100)
• Align the gallery: Mitte - Ausrichtung der Galerie im Artikel; mögliche Werte: 0 (rechts), 1 (mitte), 2 (links), 3 (float left), 4 (float right)
• Thumbnail width: 135 - Breite der Thumbnails in Pixel (ganze Zahl)
• Thumbnail height: 110 - Höhe der Thumbnails in Pixel (ganze Zahl)
• Crop thumbnails: keep proportions - Sollen die Thumbnails proportional skaliert oder beschnitten werden; mögliche Werte: keep (proportional), crop (beschnitten)
• Image thumbnail quality: 80 - Qualität der Thumbnails in Prozent (ganze Zahl von 1-100)
• Space between thumbs: 3 - Platz zwischen den Thumbnails (ganze Zahl in Pixel)
• Thumbnails are shown: Justified - below the image (0) - Lage der Thumbnails; mögliche Werte: 0 (unten), 1 (rechts), 2 (unten und am rechten Bildrand ausgerichtet)
• Place for thumbnails in percent of gallery width: 30 - Prozent der Gesamtbreite reserviert für die Thumbnails (ganze Zahl von 1-100) z.B.: 30
  Hinweis: nur relevant wenn die Thumbnails rechts angezeigt werden
• Sort order: A-Z - Sortierung der Bilder; mögliche Werte: 0 (A-Z - DEFAULT), 1 (Z-A), 2 (alt-neu), 3 (neu-alt), 4 (zufällig)
• Use sets of size: 3 - Zahl der Thumbnails je Set unterhalb vom Galeriebild
• Label sets: Serie
  
• Link/button forward: - Wert für das Kontrollelement "Vor"; mögliche Werte: leer (Standardbutton); beliebiger Text; Dateiname eines Buttons
• Link/button backward:  - Wert für das Kontrollelement "Zurück"; mögliche Werte: leer (Standardbutton); beliebiger Text; Dateiname eines Buttons (siehe Plugin Howto)
• Show captions? Ja - Captions anzeigen; mögliche Werte: 0 (nein), 1 (ja)
• Position of captions? Below - Position der Captions; mögliche Werte: 0 (unter dem Hauptbild), 1 (überblendet über das Hauptbild)
• Use links? Ja - Links anzeigen; mögliche Werte: 0 (nein), 1 (ja)
• Image root: /images/stories/
• Buttonfolder: /images/stories/vsig_buttons/
  
• Use JavaScript? Ja - soll JavaScript verwendet werden; mögliche Werte: 0 (nein), 1 (ja)
• Foldername as ID? Nein - Name des Ordner als Identity des obersten DIV-containers; mögliche Werte: 0 (nein), 1 (ja)

Das "Simple Picture Slideshow" Plugin wird aus dem jeweiligen Artikel aufgerufen. Dabei gibt es - neben der Wahl des Ordners, in dem die Bilder liegen - weitere Möglichkeiten, die Slideshow aufzuwerten oder zu gestalten.

Der Code besteht aus dem Aufruf selbst {*besps}{/besps*} (ohne die Sterne) und enthält den Namen des Ordners, in dem wir gerade die Bilder abgelegt haben. Der Pfad zum Ordner, also "/images/stories/" wird vom Plugin automatisch ergänzt und ist nicht mit anzugeben.

Um einen Ordner in einem Unterordner zu verwenden, wird sinngemäß der Pfad unterhalb von "/images/stories/" angegeben, also zum Beispiel für den Ordner "/images/stories/ordner/unterordner":

{*besps}ordner/unterordner{/besps*} - ohne die Sterne

Ein Aufruf sieht also zum Beispiel so aus:
{*besps}klassen/20nn/bilder/xyz{/besps*} - ohne die Sterne

An sich war es das und die Slideshow ist einsatzfertig.

Grafiken und Tabellen im Beitrag

Popup aus Beitrag heraus aufrufen

1. mit javascript (unter "Code bearbeiten")

   1 2 3 4

   <a target="popup" onclick="window.open ('','popup','width=600,height=600, scrollbars=yes,toolbar=no,status=no,resizable=yes,menubar=no,location=no, directories=no,top=10,left=10')" href="images/stories/verzeichnis/unterverzeichnis/ usw/dateiname.php">Link-Titel</a>

   
   Fenster-Name: hier: "popup" - Name ist egal, sollte aber jeweils gleich bleiben, wenn man mehrere fenstererzeugende Links im Beitrag hat und diese nacheinander anklickt - dann aktualisiert sich deren Inhalt / aber nicht die Größe! (ansonsten kommen die Popup-Fenster übereinander)
   Fenstergröße, Abstand vom Seitenrand, php-Datei oder Bild (mit Verzeichnisangabe)

   Beispiel: Entfernung (Geografie)

2. mit jce-Editor als Light-Box

   mit "Link einfügen/bearbeiten" - dort im Reiter "Link" die URL bzw. über den Link-Browser das Bild auswählen, dann im Reiter "Erweitert" bei "Klassenliste" jcepopup auswählen (jcepopup erscheint dann automatisch auch unter "Klassen") und dazu noch unter "Relationship page to target" Lightbox auswählen

   Dabei wird im Quelltext folgendes eingefügt:

   <a rel="lightbox" class="jcepopup" href="images/stories/anleitungen/schulserver.jpg">Link-Titel</a>

   
   
   (wer sich mit html auskennt, könnte rel="lightbox" class="jcepopup" über "Code bearbeiten" auch selbst in den Link-Tag einfügen)

   Beispiel: stumme Karte (Geografie)

Schulserver

Dateizugriff

E-mail