From Gravopedia

Revision as of 14:05, 6 September 2007 (edit) Stratego (Talk | contribs) ← Previous diff		Revision as of 07:01, 20 November 2007 (edit) (undo) 0.0.0.0 (Talk) Next diff →
Line 1:		Line 1:
		+	ccnaol
	= Vorwort =		= Vorwort =
-	Auf dieser Seite werden einige Möglichkeiten von Gravopedia gezeigt, wie man eine Seite selbst gestalten kann. Um zu sehen, wie man das hinbekommt, kann man einfach auf "edit" im entsprechenden Abschnitt klicken und sich den Originaltext anschauen. Keine Angst, einfach ausprobieren.	+	Auf dieser Seite werden einige Möglichkeiten von Gravopedia gezeigt, wie man eine Seite selbst gestalten kann. Um zu sehen, wie man das hinbekommt, kann man einfach auf "edit" im entsprechenden Abschnitt klicken und sich den Originaltext anschauen. Keine Angst, einfach ausprobieren.
-	<small>Hinweis: Durch Anklicken des roten Links lässt sich die [[Gravopedia:Neue Seite anlegen|Neue Seite anlegen]]</small>	+	<small>Hinweis: Durch Anklicken des roten Links lässt sich die [[Gravopedia:Neue Seite anlegen|Neue Seite anlegen]]</small>
	= Textauszeichnungen =		= Textauszeichnungen =
Line 24:		Line 25:
	== Textfarbe ==		== Textfarbe ==
-	<font color="#ff0000">Text in rot</font>. <font color="#008000">Text in grün</font>. <font color="#0000a0">Text in blau</font>. Dafür muss man die Farbe als HTML-Code haben (dieses #ff0000). Den muss man sich über ein geeignetes kleines Helferlein erzeugen. Eine kleine Auswahl gibts hier:	+	<font color="#ff0000">Text in rot</font>. <font color="#008000">Text in grün</font>. <font color="#0000a0">Text in blau</font>. Dafür muss man die Farbe als HTML-Code haben (dieses #ff0000). Den muss man sich über ein geeignetes kleines Helferlein erzeugen. Eine kleine Auswahl gibts hier:
	[[http://www.html-php-mysql.de/generatoren/colors.php Farbcodes]].		[[http://www.html-php-mysql.de/generatoren/colors.php Farbcodes]].
	== weitere Textauszeichnungen ==		== weitere Textauszeichnungen ==
-	Im Prinzip erlaubt Gravopedia alle Auszeichnungen, die man über den HTML-Befehl &lt;font&gt; erreichen kann. Eine Hilfe dazu gibt es unter [[http://de.selfhtml.org/html/text/schrift.htm#art_groesse_farbe Selfhtml - Schriftauszeichnungen]].	+	Im Prinzip erlaubt Gravopedia alle Auszeichnungen, die man über den HTML-Befehl &lt;font&gt; erreichen kann. Eine Hilfe dazu gibt es unter [[http://de.selfhtml.org/html/text/schrift.htm#art_groesse_farbe Selfhtml - Schriftauszeichnungen]].
	= Hilfsmittel zur Strukturierung =		= Hilfsmittel zur Strukturierung =
-	== Aufzählungen (ohne Nummern) ==	+	== Aufzählungen (ohne Nummern) ==
-	Einige Länder Europas:	+	Einige Länder Europas:
	* Schweiz		* Schweiz
	* Frankreich		* Frankreich
-	* Österreich	+	* Österreich
-	== Aufzählung (mit Nummern) ==	+	== Aufzählung (mit Nummern) ==
	Die ersten drei Buchstaben des Alphabets sind:		Die ersten drei Buchstaben des Alphabets sind:
Line 49:		Line 50:
	# c		# c
-	== Verschachtelte Aufzählungen ==	+	== Verschachtelte Aufzählungen ==
-	Etwas für Profis:	+	Etwas für Profis:
	* Fall 1:		* Fall 1:
Line 60:		Line 61:
	** Fall 2a		** Fall 2a
	** Fall 2b		** Fall 2b
-	*** Unterfall 2b-§4	+	*** Unterfall 2b-§4
	= Bilder =		= Bilder =
-	Bevor man ein Bild einbauen kann, muss man es hochladen. Bilder werden nur in gängigen Formaten akzeptiert. Bilder sollten nach Möglichkeit nicht zu immens groß sein. Gravopedia kann sie aber selbständig verkleinern.	+	Bevor man ein Bild einbauen kann, muss man es hochladen. Bilder werden nur in gängigen Formaten akzeptiert. Bilder sollten nach Möglichkeit nicht zu immens groß sein. Gravopedia kann sie aber selbständig verkleinern.
	Hochladen kann man Bilder, in dem man links in der "toolbox" auf "Upload file" klickt.		Hochladen kann man Bilder, in dem man links in der "toolbox" auf "Upload file" klickt.
Line 73:		Line 74:
	Zeile vor dem Bild		Zeile vor dem Bild
-	Der Text [[Image:Drache trichu.jpg]] läuft so, dass das Bild in der Mitte der Zeile ist. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, dass die nächste Zeile unter dem Bild weitergeht.	+	Der Text [[Image:Drache trichu.jpg]] läuft so, dass das Bild in der Mitte der Zeile ist. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, dass die nächste Zeile unter dem Bild weitergeht.
-	Nächste Zeile	+	Nächste Zeile
	<br clear="all">		<br clear="all">
	== Bild links, Text rechts ==		== Bild links, Text rechts ==
-	[[Image:Drache trichu.jpg|left]] Ist left angegeben, darf vor dem Bild kein Text stehen. Das Bild steht dann links, der Text läuft rechts daran vorbei.	+	[[Image:Drache trichu.jpg|left]] Ist left angegeben, darf vor dem Bild kein Text stehen. Das Bild steht dann links, der Text läuft rechts daran vorbei.
	<br clear="all">		<br clear="all">
	== Text links, Bild rechts ==		== Text links, Bild rechts ==
-	[[Image:Drache trichu.jpg|right]] Ist right angegeben, darf vor dem Bild auch kein Text stehen. Diesmal ist der Text auf der linken Seite. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.	+	[[Image:Drache trichu.jpg|right]] Ist right angegeben, darf vor dem Bild auch kein Text stehen. Diesmal ist der Text auf der linken Seite. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.
	<br clear="all">		<br clear="all">
	== Bild mit Rahmen ==		== Bild mit Rahmen ==
-	[[Image:Drache trichu.jpg|frame|left]] Bilder mit Rahmen landen immer rechts. Will man sie links haben, muss man zusätzlich left angeben. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.	+	[[Image:Drache trichu.jpg|frame|left]] Bilder mit Rahmen landen immer rechts. Will man sie links haben, muss man zusätzlich left angeben. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.
	<br clear="all">		<br clear="all">
	== Ein Bild im Rahmen mit Vorschau ==		== Ein Bild im Rahmen mit Vorschau ==
-	[[Image:StratOrigGB20Mar06.jpg|thumb]] Klickt man auf das Bild, sieht man eine höhere Auflösung. Übrigens sieht man hier auch, dass Bilder, wenn sonst nichts angegeben ist, immer rechts stehen und der Text links läuft.	+	[[Image:StratOrigGB20Mar06.jpg|thumb]] Klickt man auf das Bild, sieht man eine höhere Auflösung. Übrigens sieht man hier auch, dass Bilder, wenn sonst nichts angegeben ist, immer rechts stehen und der Text links läuft.
	<br clear="all">		<br clear="all">
	== Textfluss neben einem Bild beenden ==		== Textfluss neben einem Bild beenden ==
-	Etwas nervig kann es sein, wenn der Text, der neben einem Bild fliesst, recht kurz ist. Je nachdem, wie groß das Browserfenster des Benutzers ist, kann es passieren, dass noch ganz andere Dinge neben dem Bild laufen, als vorgesehen, zum Beispiel neue Abschnitte. Um weiteren Text garantiert nicht mehr neben dem Bild weiterlaufen zu lassen, setzt man obendrüber &lt;br clear="all"&gt;, so wie hier obendrüber gezeigt.	+	Etwas nervig kann es sein, wenn der Text, der neben einem Bild fliesst, recht kurz ist. Je nachdem, wie groß das Browserfenster des Benutzers ist, kann es passieren, dass noch ganz andere Dinge neben dem Bild laufen, als vorgesehen, zum Beispiel neue Abschnitte. Um weiteren Text garantiert nicht mehr neben dem Bild weiterlaufen zu lassen, setzt man obendrüber &lt;br clear="all"&gt;, so wie hier obendrüber gezeigt.
	== Galerien ==		== Galerien ==
Line 109:		Line 110:
	</gallery>		</gallery>
-	= Abschnitte und deren Überschriften =	+	= Abschnitte und deren Überschriften =
-	Text, der von =-Zeichen umschlossen ist, wird zur Überschrift und beginnt einen (Unter-)Absatz.	+	Text, der von =-Zeichen umschlossen ist, wird zur Überschrift und beginnt einen (Unter-)Absatz.
	Wenn die Zahl der =-Zeichen zunimmt, erzeugt man damit Unterabschnitte.		Wenn die Zahl der =-Zeichen zunimmt, erzeugt man damit Unterabschnitte.
Line 123:		Line 124:
	Wie zum Geier bekomme ich so ein schickes Inhaltsverzeichnis auf meine Seite, so wie auf dieser hier?		Wie zum Geier bekomme ich so ein schickes Inhaltsverzeichnis auf meine Seite, so wie auf dieser hier?
-	Ganz einfach. Man beginnt Abschnitte mit in =-Zeichen eingeschlossenen Überschriften. Hauptüberschriften mit einem =-Zeichen, Unterabschnitte mit 2 =-Zeichen, Unter-Unterabschnitte mit 3, u.s.w.	+	Ganz einfach. Man beginnt Abschnitte mit in =-Zeichen eingeschlossenen Überschriften. Hauptüberschriften mit einem =-Zeichen, Unterabschnitte mit 2 =-Zeichen, Unter-Unterabschnitte mit 3, u.s.w.
	Hat man ein paar Abschnitte zusammen, erzeugt Gravopedia das Inhaltsverzeichnis ganz automatisch.		Hat man ein paar Abschnitte zusammen, erzeugt Gravopedia das Inhaltsverzeichnis ganz automatisch.
Line 132:		Line 133:
	!width="80"|AKTION		!width="80"|AKTION
	!width="80"|STAND		!width="80"|STAND
-	!width="80"|ÄNDERUNGEN	+	!width="80"|ÄNDERUNGEN
	|-		|-
	|Erstellt || 10.04 - 12.04 || keine		|Erstellt || 10.04 - 12.04 || keine
Line 140:		Line 141:
	|Freigegeben || 18.03.05 || keine		|Freigegeben || 18.03.05 || keine
	|-		|-
-	|Überarbeitet || 22.12.05 || keine	+	|Überarbeitet || 22.12.05 || keine
	|-		|-
-	|Änderungen ab || &nbsp; || 01.01.2008	+	|Änderungen ab || &nbsp; || 01.01.2008
	|-		|-
	|Basis Regeln || 12.10.2006 || keine		|Basis Regeln || 12.10.2006 || keine
Line 150:		Line 151:
	Hinweis:		Hinweis:
	* align="left" => tabelle links - alternativ kann auch "center" oder "right" angegeben werden		* align="left" => tabelle links - alternativ kann auch "center" oder "right" angegeben werden
-	* "|+ V E R I F I C A T I O N" ist die Tabellen überschrift - kann gelöscht werden	+	* "|+ V E R I F I C A T I O N" ist die Tabellen überschrift - kann gelöscht werden
	* <code>&amp;nbsp;</code> stellt einen nicht-sichtbaren Inhalt dar, da sonst leere Zellen keinen Rahmen haben!		* <code>&amp;nbsp;</code> stellt einen nicht-sichtbaren Inhalt dar, da sonst leere Zellen keinen Rahmen haben!

---

Revision as of 07:01, 20 November 2007

ccnaol

Contents 1 Vorwort 2 Textauszeichnungen 2.1 Text fett 2.2 Text kursiv 2.3 Text in Boxen 3 Spezial-Textauszeichnungen 3.1 Textfarbe 3.2 weitere Textauszeichnungen 4 Hilfsmittel zur Strukturierung 4.1 Aufzählungen (ohne Nummern) 4.2 Aufzählung (mit Nummern) 4.3 Verschachtelte Aufzählungen 5 Bilder 5.1 Bild im Text, Text mittig 5.2 Bild links, Text rechts 5.3 Text links, Bild rechts 5.4 Bild mit Rahmen 5.5 Ein Bild im Rahmen mit Vorschau 5.6 Textfluss neben einem Bild beenden 5.7 Galerien 6 Abschnitte und deren Überschriften 6.1 Unterabschnitt mit 2 =-Zeichen 6.1.1 Unterabschnitt mit 3 =-Zeichen 6.1.1.1 Unterabschnitt mit 4 =-Zeichen 6.2 Inhaltsverzeichnis 7 Einfache Tabelle

Vorwort

Auf dieser Seite werden einige Möglichkeiten von Gravopedia gezeigt, wie man eine Seite selbst gestalten kann. Um zu sehen, wie man das hinbekommt, kann man einfach auf "edit" im entsprechenden Abschnitt klicken und sich den Originaltext anschauen. Keine Angst, einfach ausprobieren.

Hinweis: Durch Anklicken des roten Links lässt sich die Neue Seite anlegen

Textauszeichnungen

Text fett

Text in 3 Apostrophen wird fett

Text kursiv

Text in 2 Apostrophen wird kursiv

Text in Boxen

Beginnt jede Zeile mit einem Leerzeichen,
dann wandert der Text in eine Box.

Spezial-Textauszeichnungen

Textfarbe

Text in rot. Text in grün. Text in blau. Dafür muss man die Farbe als HTML-Code haben (dieses #ff0000). Den muss man sich über ein geeignetes kleines Helferlein erzeugen. Eine kleine Auswahl gibts hier: [Farbcodes].

weitere Textauszeichnungen

Im Prinzip erlaubt Gravopedia alle Auszeichnungen, die man über den HTML-Befehl <font> erreichen kann. Eine Hilfe dazu gibt es unter [Selfhtml - Schriftauszeichnungen].

Hilfsmittel zur Strukturierung

Aufzählungen (ohne Nummern)

Einige Länder Europas:

• Schweiz
• Frankreich
• Österreich

Aufzählung (mit Nummern)

Die ersten drei Buchstaben des Alphabets sind:

1. a
2. b
3. c

Verschachtelte Aufzählungen

Etwas für Profis:

• Fall 1:
  • Fall 1a
  • Fall 1b

• Fall 2:
  • Fall 2a
  • Fall 2b
    • Unterfall 2b-§4

Bilder

Bevor man ein Bild einbauen kann, muss man es hochladen. Bilder werden nur in gängigen Formaten akzeptiert. Bilder sollten nach Möglichkeit nicht zu immens groß sein. Gravopedia kann sie aber selbständig verkleinern.

Hochladen kann man Bilder, in dem man links in der "toolbox" auf "Upload file" klickt.

So baut man ein hochgeladenes Bild ein:

Bild im Text, Text mittig

Zeile vor dem Bild

Der Text läuft so, dass das Bild in der Mitte der Zeile ist. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, dass die nächste Zeile unter dem Bild weitergeht.

Nächste Zeile

Bild links, Text rechts

Ist left angegeben, darf vor dem Bild kein Text stehen. Das Bild steht dann links, der Text läuft rechts daran vorbei.

Text links, Bild rechts

Ist right angegeben, darf vor dem Bild auch kein Text stehen. Diesmal ist der Text auf der linken Seite. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.

Bild mit Rahmen

Bilder mit Rahmen landen immer rechts. Will man sie links haben, muss man zusätzlich left angeben. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.

Ein Bild im Rahmen mit Vorschau

Klickt man auf das Bild, sieht man eine höhere Auflösung. Übrigens sieht man hier auch, dass Bilder, wenn sonst nichts angegeben ist, immer rechts stehen und der Text links läuft.

Textfluss neben einem Bild beenden

Etwas nervig kann es sein, wenn der Text, der neben einem Bild fliesst, recht kurz ist. Je nachdem, wie groß das Browserfenster des Benutzers ist, kann es passieren, dass noch ganz andere Dinge neben dem Bild laufen, als vorgesehen, zum Beispiel neue Abschnitte. Um weiteren Text garantiert nicht mehr neben dem Bild weiterlaufen zu lassen, setzt man obendrüber <br clear="all">, so wie hier obendrüber gezeigt.

Galerien

Abschnitte und deren Überschriften

Text, der von =-Zeichen umschlossen ist, wird zur Überschrift und beginnt einen (Unter-)Absatz.

Wenn die Zahl der =-Zeichen zunimmt, erzeugt man damit Unterabschnitte.

Unterabschnitt mit 2 =-Zeichen

Unterabschnitt mit 3 =-Zeichen

Unterabschnitt mit 4 =-Zeichen

Inhaltsverzeichnis

Wie zum Geier bekomme ich so ein schickes Inhaltsverzeichnis auf meine Seite, so wie auf dieser hier?

Ganz einfach. Man beginnt Abschnitte mit in =-Zeichen eingeschlossenen Überschriften. Hauptüberschriften mit einem =-Zeichen, Unterabschnitte mit 2 =-Zeichen, Unter-Unterabschnitte mit 3, u.s.w.

Hat man ein paar Abschnitte zusammen, erzeugt Gravopedia das Inhaltsverzeichnis ganz automatisch.

Einfache Tabelle

V E R I F I C A T I O N

AKTION	STAND	ÄNDERUNGEN
Erstellt	10.04 - 12.04	keine
Verifiziert	12.04 - 03.05	keine
Freigegeben	18.03.05	keine
Überarbeitet	22.12.05	keine
Änderungen ab		01.01.2008
Basis Regeln	12.10.2006	keine

Hinweis:

• align="left" => tabelle links - alternativ kann auch "center" oder "right" angegeben werden
• "|+ V E R I F I C A T I O N" ist die Tabellen überschrift - kann gelöscht werden
•   stellt einen nicht-sichtbaren Inhalt dar, da sonst leere Zellen keinen Rahmen haben!