Beim Durchsehen einzelner Weblogs ist mir auf gefallen, dass manche Studenten eher wenig von einer "grafisch annehmbaren" Strukturierung bzw. Formatierung ihres Weblogs halten.

Es ist zwar jedem selbst überlassen, wie er seinen Weblog gestaltet, doch in Anbetracht, dass auch andere Personen diesen Weblog besuchen, sollte man einige grundlegende Layout- und Formatierungsaspekte einhalten.

Ich möchte im folgenden auf die Themen, wie die richtige Farbwahl, Größenverhältnisse oder übersichtliche Verlinkung näher eingehen.

lg, Alexander


Themen:

Die richtige Farbwahl entscheidet

Size matters

Übersichtliches Verlinken

Auf Hinweis eines Kollegen, möchten wir gerne unsere FAQ um einen wichtigen Punkt erweitern, nämlich zu der Frage: Wie kann ich bei jedem von mir verfassten Beitrag einen Link zu meinem Weblog setzen? Die Antwort darauf ist ganz einfach, da das der Weblog ganz automaisch macht, vorausgesetzt es ist im "profile" hinterlegt. Und das funktioniert so:

1. Mit Passwort einloggen
2. Auf Status-Punkt: "...edit your profile" klicken
3. Unter dem Punkt: "Personal URL" den Link des eigenen Weblogs eingeben
4. Save

ad 3.: Den Link zum eigenen Weblog einfach aus der Übersicht der Benutzerverwaltung, oder vom Header des eigenen Weblogs kopieren! ("copy link location")

Jetzt ist dein Benutzername, welcher bei jedem verfassten Beitrag automatisch erscheint, auch ein Link zu Deinem Weblog! Der Vorteil liegt darin, dass man so sehr einfach zu deinen Weblog kommt (ohne lange unter den Benutzernamen suchen zu müssen).

Also, bei wem es noch nicht funktioniert, einfach ausprobieren! - Viel Spaß!

lg, Elisabeth.

Das Verändern des Headers im Layout empfehle ich nur „advanced- Weblogern“, da man dabei den HTML-Quellcode vom Weblog selbst verändert.

1. Bild für den Header bearbeiten

Möchtest Du ein Bild im Header haben, so musst Du Dir zuerst ein Bild anfertigen! Das bedeutet, Du bearbeitest in einem Grafikprogramm (zB: Photoshop) ein Bild Deiner Wahl indem Du erstens die Größe des Bildes veränderst (zuschneiden) auf die Breite des Weblogs. In diesem Fall ist es eine Breite von ca. 709 pixel und einer Höhe von ca. 79 Pixel, welche auch nach Geschmack verändert werden kann. Diese Pixelangaben können jedoch generell variieren, sie sind vom Weblog abhängig. Zweitens den Namen Deines Weblogs auf diesem Bild „draufschreibst“ (Textfeld), da der Header von Antville durch das Bild ersetzt wird und daher Dein Weblogname nicht mehr sichtbar ist.
Wichtig: das fertige Bild neu abspeichern auf Deiner Festplatte!

2. Bild für Header im Weblog einfügen

Nun loggst Du Dich in Deinem Weblog ein und lädst das bearbeitete Bild hoch (so wie Du das auch mit Bildern für normale Beiträge machst). Sollte es Probleme dabei geben hier eine Hilfe zum Bilder einfügen.
Nur musst Du berücksichtigen, dass Du bei „max. width“ statt 400 pixel auf 800 pixel umstellst! „max. height“ bleibt bei 400 pixel.

3. skin editor

Als nächstes gehst Du auf den Punkt „skin editor“ im Menü des Weblogs. Dann klickst Du Dich weiter unter Basic layout zu „main page“, so gelangst Du zum HTML Code für Deinen Weblog. Dort suchst Du Dir die Zeile

<td width="700" class="title" nowrap="nowrap"><% image name="/pixel" width="40" %><a href="<% this.href %>"><% site.title %></a></td>.

Diese Zeile änderst Du folgendermaßen um:

<td width="700" class="title" nowrap="nowrap"><a href="<% this.href %>"><% image name="XXXXX" %></a></td>


Den Bereich, welcher mit 5 X (XXXXX) gekennzeichnet ist, löschst Du heraus und ersetzt es mit dem Bildnamen, welchen Du für das bearbeitete Bild vergeben hast.

Dann noch auf „save“ klicken und fertig ist der neue Header!!

Um die Beiträge im Weblog nicht "formatlos" zu lassen gibt es hier eine kurze Zusammenfassung einiger praktischer Formatierungen. (Die Erklärung verbirgt sich hinter dem Link). Sollte es dennoch Fragen geben - einfach an uns posten! :-)


Textformatierungen: fett unterstrichen kursiv
Wie füge ich ein Bild ein?

Für das Erstellen eines Links im Weblog ist im Text folgender html-Code einzugeben:

<a href="...">Text</a>

An einem Beispiel wirds gleich klarer:

<a href="http://newmedia.idv.edu/uni-sbg/keytec04w/">VO Schlüsseltechnologien</a>

Mit diesem html-Code würde man auf die Homepage zur Vorlesung Schlüsseltechnologien der Informationsgesellschaft linken. Im Text ist nur VO Schlüsseltechnologien zu sehen und als Link markiert.