APO-Calypse:Hilfen

APO-Calypse - Kompetenzenbörse - Infrastruktur-Pool - Finanzierungs-Pool - ReferentInnenpool - Adressenpool - Hilfen

Auf dieser Seite werden Tipps und Hinweise für die Arbeit mit den APO-Calypse-Wikis gesammelt und bereit gestellt.

Layout mit HTML und CSS

Wikis sind zwar für viele einfacher zu handhaben - wer die Seiten ein wenig schicker layouten will, muss fast zwangsläufig mindestens auf Teile der Programmiersprachen zurück greifen, die für Internetseiten üblich sind (z.B. HTML und CSS). Auch auf den Apocalypse-Wikis werden solche Elemente benutzt, um umrandete Kästen zu erzeugen.

• Damit auch Menschen ohne umfangreiches Vorwissen diese Layout-Elemente nutzen können, finden sich hier einige Vorlagen, die du einfach beim Bearbeiten des Textes einfügen kannst.
• Wer verstehen will, was es mit den ganzen Angaben auf sich hat, um eigenständig Veränderungen vorzunehmen wird sich allerdings mit den Grundzügen der Programmiersprachen HTML und CSS beschäftigen müssen - als Einstieg sind am Ende dieser Seite ein paar Links zum Thema eingefügt.

Layout-Elemente zum Ausschnibbeln ...

Einleitungs-Kasten

Auf der Startseite ist die Einleitung mit folgendem Befehl eingerahmt worden:

<div style="background-color:#FFFFF5; margin: 0; margin-top:15px; margin-right:15px; border: 3px solid #D0D1D2; border-left: 3px solid #D0D1D2; padding: 0em 1em 1em 1em;"> </div>

Zwischen die beiden <div> Tags kann wie gewohnt der Text eingegeben werden, der innerhalb des Kastens erscheinen soll. Das sieht dann so aus:

Hier steht dein Text (gelogen - hast du ja gar nicht geschrieben ...)

Zitate-Kasten

Zitate oder Auszüge aus Texten werden bisher so eingerahmt:

<div style="margin-right: 18px; margin-left: 18px; margin-top: 10px; margin-bottom: 25px; border: 2px solid orchid; border-style:dashed; padding: 0em 1em 1em 1em; background-color:#FFFFF5;"></div>

Zwischen die beiden <div> Tags kann wie gewohnt der Text eingegeben werden, der innerhalb des Kastens erscheinen soll. Das sieht dann so aus:

Ganz schön wenig Inhalt ...

Hinweis-Kasten

Erklärungen werden oft in Kästen mit grünem Rand gesetzt - das geht so:

<div style="margin: 0; border: 2px solid green; border-style:dashed; padding: 0em 1em 1em 1em; background-color:#FFFFF5;"></div>

Zwischen die beiden <div> Tags kann wie gewohnt der Text eingegeben werden, der innerhalb des Kastens erscheinen soll. Das sieht dann so aus:

Hallo!

Text-Vorlagen

Da sich einige Erklärungen oder Link-Listen häufig wiederholen ist es praktisch, dafür Vorlagen anzulegen. Das sind Wiki-Seiten, die in andere Wikis eingebunden werden können.

• Ãœbersicht der APO-Calypse-Vorlagen
• Auf Wikipedia gibt es einen gut verständlichen Artikel mit Tipps zum Umgang mit Vorlagen

APO-Calypse Kurzinfo einbinden

• Die APO-Calypse Kurzinfo wurde als Vorlage gestaltet, die in andere Wiki-Seiten eingebunden werden kann: Einfach den Quelltext {{Vorlage:APO-Calypse Kurzinfo}} einbinden
• Diese Kurzinformation zum APO-Calypse-Projekt kann auf dieser Seite zentral verändert werden, ohne dass auf jeder Einzelseite tun zu müssen, wo sie verwendet wird
• Tipps zum Umgang mit Vorlagen

APO-Calypse Termine-Einbinden

• Die Termin-Ãœbersicht wurde als Vorlage gestaltet, die in andere Wiki-Seiten eingebunden werden kann: Einfach den Quelltext {{Vorlage:Apo-Calypse Termine}} einbinden
• Termine zum APO-Calypse-Projekt können auf dieser Seite zentral eingetragen und verändert werden, ohne das auf jeder Einzelseite tun zu müssen, wo die Termine verwendet werden
• Tipps zum Umgang mit Vorlagen

DA-Termine-Einbinden

• Die DA-Termin-Ãœbersicht wurde als Vorlage gestaltet, die in andere Wiki-Seiten eingebunden werden kann: Einfach den Quelltext {{Vorlage:APO-Calypse:Direct-Action-Termine}} einbinden
• Termine zur Direct-Action-Vernetzung können auf dieser Seite zentral eingetragen und verändert werden, ohne das auf jeder Einzelseite tun zu müssen, wo die Termine verwendet werden
• Bitte beachte, dass diese Vorlage von verschiedenen Wikis genutzt wird und überlege, ob deine Änderungen nur für deine Seite von Interesse sind (z.B. wenn "Insider"-Informationen z.B. bei Bezeichnungen verwendet werden) bzw. wie du sie allgemeiner brauchbar formulieren kannst!
• Tipps zum Umgang mit Vorlagen

Links

Links zu HTML

Die Sprache HTML ist fast immer der Grundbaustein von Internetseiten.

• Selfhtml ist eine gut verständliche Internetseite zum Erlernen von HTML

Links zu CSS

• Gut verständliche Einführung zu CSS auf von Stefan Münz
• Kompakte Erklärungen zu einzelnen CSS-Angaben