Zu Lumi's Page

Hilfe für Webloggestaltung

für das Einfügen von Bildern bedarf es nicht viel komplizierten Code. Wichtig ist vorab, daß die Bilder irgendwo im Internet auffindbar sind, also eine definierte Adresse haben. Dazu müsst ihr, wenn ihr eigene Bilder veröffentlichen wollt, sie auf euren Speicherplatz im Internet hochladen. Bei einem Freenetaccount geht dies gut und einfach. Auch wenn ihr irgendwo anders euer Verzeichnis habt (Lycos, 1&1 oder andere), funktioniert es gleichermaßen. Nun zum Einfügen in den Eintrag. Wenn ihr einen neuen Eintrag schreibt, dann muß an die Stelle, wo das Bild erscheinen soll dieser Code eingefügt werden.

<img src="http://people.freenet.de/euer Verzeichnisname/Verzeichnis der Bilder/Bildname" width="300" border="0" alt="eventuelle Erklärung des Bildes, die angezeigt wird, wenn man mit der Maus über das Bild fährt">

Hier noch die Erklärung. Wichtig ist es, das 'http://' nicht zu vergessen. Für Accounts, die nicht bei Freenet liegen, muß 'people.freenet.de' ausgetauscht werden und die Adresse des jeweiligen Accounts hinein. 'euer Verzeichnisname' ist zu ersetzen durch eben eurem Verzeichnisnamen bei dem jeweiligen Provider. An meinem Beispiel ist sieht das bis hierher wie folgt aus.

Weiter geht es mit dem Verzeichnisnamen des Bildes. Wenn ihr keines angelegt habt, kann dieser nun weggelassen werden. An meinem Beispiel würde das so aussehen, da meine Bilder im Verzeichnis 'Bilder' stehen.

kommt nun noch der letzte Schritt, der Bildname. Dies ist nun einfach, denn ihr müßt diesen einfach nur noch hinten dranhängen. Wieder an meinem Beispiel sieht das dann folgendermaßen aus.

Zu beachten dabei ist, erst in diesem letzten Beispiel würde auch ein Bild angezeigt werden, da dies nur geschieht, wenn der Bildname mit in der Adresse steht. Weiterhin ist dies die Minimalversion zum anzeigen eines Blides welches maximal 300 Pixel breit ist. Ist es größer als 300 Pixel, dann muß noch folgender Zusatz hinein.

Dieses 'width="300" begrenzt das Bild in der Breite, so daß es nicht zu unschönen Verschiebundgen der restlichen Anzeige des Weblogs kommt. Die Höhe wird dabei automatisch angepasst.

Eine weitere Möglichkeit ist es, Text einzufügen, der angezeigt wird, wenn man mit der Maus über das Bild fährt (funktioniert nur im Internet Explorer). Schreibt euren eigenen Text anstelle von 'eventuelle Erklärung des Bildes' hinein.

Wollt ihr ein solches Bild in einem Kommentar einfügen, ist es wichtig, daß ihr die doppelten Anführungszeichen durch einfache ersetzt, sonst wird es nicht angezeigt. benutzt dafür die Taste 'Shift + #'
Nun noch ein paar allgemeine Ratschläge. Benutzt wenn möglich Bilder die schon die breite von 300 Pixeln aufweisen. Das könnt ihr in eigentlich jedem Grafikbearbeitungsprogrann ändern. Wenn ihr die Bilder z.B. Digitalkamera im Original hochladet, dann haben sie eine verhältnismäßig große Dateigröße. Wenn sie jedoch vorher verkleinert werden, dann verringert sich erstens die Uploadzeit und der eigene Speicherplatz auf dem Homeverzeichnis reicht auch länger. Dann ist noch zu bemerken, große Bilder brauchen lange Ladezeiten und wer möchte schon lange warten, bis die Seite sich aufgebaut hat.

Das Einfügen von Hyperlinks funktioniert ähnlich wie das der Bilder. Einfach den folgenden Code in den Text einfügen und schon ist es fertig.

Statt http://lumi.log.ag sollte natürlich die Adresse des von euch gewählten Links hinein, sonst kommen die ja alle auf meine Seite *g*. Die Bezeichnung des Links könnt ihr selbst wählen. Man kann sogar nur schreiben 'klick mich' oder eben was anderes. Bei diesem Beispiel wird der Link im gleichen Fenster geöffnet. Wenn dieser Link in einem eigenen Fenster geöffnet werden soll, dann muß der Code erweitert werden. Das sieht dann so aus.

Dieses 'target="_blank"' bewirkt, das der Link in einem eigenen Fenster geöffnet wird.
Auch hier ist wieder zu beachten, daß auch das http:// davor steht und die Adresse korekt eingegeben wurde.

Wie gestalte ich nun den Text nach meinen Vorstellungen. Eigentlich ist es ganz einfach, wenn man etwas HTML beherrscht. Da dies wohl nicht bei jedem der Fall ist, möchte ich hier ein paar kleine Vorschläge machen.
So wie auf normalen Webseiten auch, funktioniert es beim Weblog. Eine kleine Einschränkung ist jedoch zu machen. Wir verzichten bei der Formatierung vom Weblogtext auf die Gänsefüßchen. Dies funktioniert nämlich nicht immer und der Text kommt gar nicht ans Licht oder verstümmelt. Ich fang einfach mal an.
Um z.B. einen Text größer darzustellen als es der Standard ist im Weblog bedarf es wenig Mühe. Schreibt einfach den Text und setzt am Anfang diesen Code ein.

Dies läßt den Text ca. doppelt so groß anzeigen. wenn es noch größer gewünscht wird, dann einfach statt der 2 eine 3 oder höher eingeben.
ganz wichtig ist jedoch, daß diese Anweisung zur Formatierung auch wieder beendet bzw. geschlossen wir. Dies geschieht einfach mit,

welcher am Ende des zu formatierenden Textes stehen muß, sonst wird sämtlicher nachfolgender Text ebenso dargestellt. Weiterhin ist es auch möglich mit dem selben Stück Code die Textfarbe zu ändern, da man verschiedene Formatierungen kombinieren kann. Ein Beispiel für doppelte Textgröße und roten Text seht ihr hier abgebildet.

Wenn eine andere Farbe gewünscht wird könnt ihr einfach die englische Bezeichnung dafür statt 'green' einsetzten, z.B. 'red' für Rot (*g* war ja einfach, gebe es zu...), jedoch auch ohne Gänsefüßchen. Dies war schon das gebäuchlichste zu einer abwechslungsreichen Webloggestaltung. Weitere Formatierungen sind möglich und auch kombinierbar.

Auch sind, wie ich schon sagte, Kombinationen möglich.

Doppelte Schriftgröße, Farbe Deeppink, kursiv und fett.

Diese kleine Anleitung sollte genügen, um den Texten ihr individuelles Aussehen zu geben. Eine Farbtabelle mit vielen Farben findet ihr gleich hier unten bei diesem Link. Auch ist ganz oben noch der Link zur HTML Hilfe, dort sind auch noch mehr Informationen, die Texte und Bilder betreffen.

Die Änderung der Schriftart ist in HTML auch möglich. Es ist jedoch zu beachten, dass exotische Schriftarten nicht auf allen Systemen verfügbar sind und es deshalb vorkommen kann, dass Eure Seite bei einem Betrachter, der nicht den jeweiligen Font auf seinem Rechner hat, nicht so angezeigt wird wie Ihr es wollt. Bei Windows-Standard-Fonds wird es aber sicher fast überall klappen.
Hier nun der Code für diese Geschichte.

So können die verschiedensten Schriftarten dargestellt werde, vorrausgesetzt, der Font ist auf dem Computer vorhanden.

Auch die Änderung des Hintergrundbildes ist möglich. Dies beschränkt sich jedoch auf die Layouts 2 und 3 der Auswahl bei Freenet. Doch ich möchte dazu noch zu bedenken geben, daß es damit zu längeren Ladezeiten der Seite kommt, je nachdem wie groß die Hintergrundkachel ist. Machmal ist diese lange Ladezeit für einige Surfer der Grund die seite vorher wieder zu schließen. Die Änderung des Hintergrundes beschränkt sich dabei auf die Umrandung des 'Schreibblattes'. Hier nun die kurze Anleitung. Zuerst im Adminbereich einloggen. Dann hinklicken bis 'Weblog bearbeiten' und 'Layout ändern'. Dort ist nun im bei 'Beschreibungstext Ihres Weblogs ändern' in der allerersten Zeile eine neue Zeile hinzuzufügen. Diese sollte wie folgt aussehen.

Das Bild muß, wie auch andere eingefügte Bilder, eine Adresse im Internet haben. Der Teil 'bgproperties="fixed"' bedeutet, das das Hintergrundbild beim scrollen der Seite stehen bleibt. Das war schon das ganze Geheimnis. Doch bedenkt die Ladezeiten...

Antworten zu dem Thema findet ihr allerdings auch im Forum bei Freenet. Ich wünsche allen viel Glück bei der Gestaltung ihres Weblogs.
Fragen stellt ihr bitte an meine untenstehende Mailadresse oder in einem Kommentar, bei mir im Weblog http://lumi.log.ag

Dieser Service wird unterstützt von www.8ck.de