4. Wie baue ich einen Guide auf?
1. Überschrift & Unterüberschrift
http://planetdiablo.eu/forum/images/profile.gif Hinweis: Vielleicht noch kurz ein allgemeines Wort: Der eigentliche Guide beginnt erst jetzt. Alles bisherige waren mehr oder weniger Grundlagen. Insofern: Wenn dir alles, was bis jetzt erwähnt wurde, bekannt war: Nicht wundern! Um die eigentliche Formatierung geht es erst jetzt.
Was Überschriften und Unterüberschriften sind, ist klar. Zunächst widmen wir uns der Hauptüberschrift. In Kapitel 2 haben wir verschiedene Möglichkeiten festgestellt, diese Überschrift zu gestalten.
In diesem Guide zum Beispiel ist die Hauptüberschrift "b" und in Size 7. Der Farbverlauf wurde mit Hilfe von mfb's Excel-Sheet für Farbüberläufe erstellt (siehe: Nützliche Links).
Die Überschrift eines Guides ist immer das dominanteste, wichtigste und hervorstechendste.
Das heisst, kein Text im ganzen Guide ist so groß wie die Überschrift. Wenn du über ein Grafikprogramm verfügst, kannst du natürlich auch künsterlische Überschriften machen, wie zum Beispiel in meinem Zealassinen-Guide.
Eine der schwierigsten Fragen: Kommt eine Überschrift in den "center"-Tag oder nicht?
Unmittelbar nach der Überschrift folgt idR das Inhaltsverzeichnis, deshalb hängen Inhaltsverzeichnis und Überschrift bezüglich des Center-Tags voneinander ab.
So sieht die Überschrift zum Beispiel ein etwas alleine im Raum aus, wenn sie im Center, aber das Inhaltsverzeichnis links ist:
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift
Inhaltsverzeichnis:
Kapitel
Kapitel
Kapitel
Kapitel
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Wesentlich besser sieht es da ohne Center aus...
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift
Inhaltsverzeichnis:
Kapitel
Kapitel
Kapitel
Kapitel
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
... oder gar, wenn alles im Cener steht:
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift
Inhaltsverzeichnis:
Kapitel
Kapitel
Kapitel
Kapitel
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Prinzipiell entstehen bei center-Tags häufig Gebilde wie im 1. Beispiel. Wenn der Text nach dem Center entweder bis ans Zeilenende geht, oder auch im Center steht, ist das Center (meiner Meinung nach) schöner als eine rechtsbündige Ausrichtung. Steht der Text unter der Überschrift allerdings nicht im Center
und geht höchstens bis zur Hälfte der Zeile, so würde ich den Center-Tag bei der Überschrift weglassen.
Überschrift gibt es nur eine, das heisst, hier gibt es nur die Möglichkeiten: Center, oder kein Center.
Unterüberschriften gibt es allerdings mehrere. Ganz wichtig, hier: Entweder stehen alle Unterüberschriften im Center, oder keine.
Das bringt uns auch schon zum nächsten Thema, den Unterüberschriften: In diesem Guide wurden sie mit "u", "b", "size=3" und "color=limegreen" dargestellt.
Sie sollten immer mindestens eine Zeile Abstand zum Text unterhalb, und 1 - 2 Zeilen Abstand zum Text oberhalb haben.
Dabei kann es ganz unterschiedlich viele Unterüberschriften geben. Je untergeordneter eine Unterüberschrift ist, desto kleiner und unauffälliger soll sie werden. Ein Beispiel:
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift
Kapitel 1
Kapitel 1.a
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel 1.b
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel 2
Kapitel 2.a
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel2.a.1
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel 2.a.2
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Durch unterschiedliche Größen wird hier sofort klar, wann ein neues Kapitel, wann ein neues Unterkapitel und wann ein neues Unter-Unterkapitel beginnt.
2. Inhaltsverzeichnis
Im Inhaltsverzeichnis muss wieder genau das beachtet werden, was gerade besprochen wurde.
Je untergeordneter eine Überschrift ist, desto kleiner ist sie. Für obiges Beispiel wäre ein Inhaltsverzeichnis:
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Inhaltsverzeichnis
Kapitel 1
Kapitel 1.a
Kapitel 1.b
Kapitel 2
Kapitel 2.a
Kapitel2.a.1
Kapitel 2.a.2
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
http://planetdiablo.eu/forum/images/profile.gif Hinweis: Der Browser kann mehrere Leerzeichen nacheinander nicht darstellen. Aus 10 Leerzeichen wird also ein einziges! Um das zu Umgehen, können Leerzeichen auch als geschrieben werden. " " entspricht also " "!
Wenn nun jedes Überkapitel in einem neuen Post erstellt wurde, so kann auf "Kapitel 1" und "Kapitel 2" auch noch ein Link zu den jeweiligen Posts gesetzt werden (wie es in diesem Guide zum Beispiel gemacht wurde).
3. Tabellen & Zitate
Handeln wir zunächst schnell die Zitate ab: Diese werden eigentlich nur gebraucht, wenn sie eine Aussage zitieren und ihre eigene Meinung dazu schreiben wollen. Dazu brauchen wir wie gewohnt den QUOTE-Tag. Wenn Du willst, kannst du im QUOTE-Tag in der ersten Zeile auch noch den Autor des Zitates hinschreiben. Ein Beispiel, wie es in einem Guide stehen könnte:
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Zitat von vauge
Der Smiley
ist übrigens besser als alle anderen Smileys!!!
Das ist ein Irrtum, auch wenn viele Leute dieser Meinung sind.
Im Folgenden werden wir uns näher mit Smileys befassen [...]
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Zugegebenermaßen, das war ein unglaublich blödes Beispiel. Aber ich hoffe, der Sinn von Quotes ist klar geworden.
Also: Nächstes Thema, Tabellen. Du erinnerst dich hoffentlich noch an den CODE-Tag aus Kapitel 3? Der wird hier gebraucht.
Als Hinweis wurde gerade vorhin erwähnt, dass alle Browser nur ein Leerzeichen anzeigen können. 10 Leerzeichen werden also als 1 Leerzeichen dargestellt. Nicht so im CODE-Tag.
Das ist der Tabulator. Er erzeugt einen immer gleich bleibenden Abstand, und auch er ist nur im CODE-Tag möglich. Damit lassen sich Tabellen ganz einfach erstellen:
Code:
[b]Arg1[/b] [b]Arg2[/b]
Farbe: Rot
Seiten: 92
Form: Viereck
Man sieht: Obwohl "Farbe", "Seiten" und "Form" alle unterschiedlich lange Begriffe sind, sind "Rot", "92" und "Viereck" auf selber Höhe. Das schafft der Tabulator.
So können auch kompliziertere Tabellen als die obige erstellt werden.
4. Normaler Text und Links
Ein ganz kurzes Kapitel, schließlich ist das alles schon bekannt.
Normaler Text wird einfach überhaupt nicht formatiert. Meistens. Eine Ausnahme gibt es. den "LIST"-Tag.
Der List-Tag verschiebt einen Text um ~ 10 Leerzeilen nach Rechts. So kann Text aus Designgründen eingerückt werden (so wurde es auch in diesem Guide gemacht).
Text ohne List:
Das ist ein Text.
Das ist ein Text.
Das ist ein Text.
Text mit List:
- Das ist ein Text.
Das ist ein Text.
Das ist ein Text.
List wird, wie "b", "i" und "u", einfach um den Text herum gesetzt, also z.B. [list]Text[/list].
Auch Links sind bekannt. Sie werden hier nur wegen einer kleinen Besonderheit noch einmal erwähnt: Wenn Du Links farbig machen willst, so muss der [COLOR]-Tag
nach dem [URL]-Tag kommen!
5. Bilder
Was das Uploaden und die Größeneinstellungen von Bildern angeht, so gibt es im Hilfe-Forum wunderbare Threads.
Allerdings muss eine Sache beachtet werden: Bilder, die einfach irgendwie in der Landschaft hängen, sehen besch... eiden aus. Deshalb:
1. Benutze Google! Suche dir einen schönen Rahmen, und baue diesen Rahmen um das Bild herum. Das wirkt viel professioneller.
2. Überlege dir bei jedem Bild, es in einen center-Tag zu packen.
Das kann manchmal viel besser aussehen.
6. Schlussworte
Ich bin kein Fan von großen Reden. Umso schwerer fällt es mir bei meinen Guides, Schlussworte zu verfassen.
In den meisten Schlussworten wird einfach einigen Leuten gedankt, die bei der Erstellung des Guides geholfen haben. Dabei wird jede Person als Unterüberschrift dargestellt.
Also kommen wir nochmals auf das Beispiel von vorhin (4.1 - Unterüberschriften) zurück:
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
Überschrift
Kapitel 1
Kapitel 1.a
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel 1.b
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel 2
Kapitel 2.a
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel2.a.1
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
Kapitel 2.a.2
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
// Dieser Teil ist neu:
Kapitel 3: Danksagung
Username
Ich danke "Username", weil er dies und jenes getan hat.
Username 2
Ich danke "Username 2", weil er dies und jenes getan hat.
Username 3
Ich danke "Username 3", weil er dies und jenes getan hat.
[...]
¯¯¯¯¯[color=E5E5E5]¯¯¯¯¯[/color]
¯¯¯¯¯[color=B1B1B1]¯¯¯¯¯[/color][color=979797]¯¯¯¯¯[/color][color=7D7D7D]¯¯¯¯¯[/color][color=636363]¯¯¯¯¯[/color][color=494949]¯¯¯¯¯[/color][color=2F2F2F]¯¯¯¯¯[/color][color=161616]¯¯¯¯¯[/color]
7. Beispiele: Guides lesen
Ein Tipp, um Guidegestaltung zu lernen: Klickt bei irgendwelchen Guides auf "Zitieren". Dadurch könnt ihr euch den Quelltext anschauen.
Durch studieren eben dieses Quelltextes lernt man am besten, wie man seinen Guide später gestalten möchte.