Eine eigene Website mit Jimdo erstellen

Transkript

1 Eine eigene Website mit Jimdo erstellen Die schnellste und kostengünstigste Art, zu einem Internetauftritt zu gelangen, ist der Weg über vorkonfigurierte und oftmals kostenfreie Internetbaukästen. Diese Baukästen werden von den unterschiedlichsten Anbietern im Internet bereitgestellt. Finanziert wird das Ganze durch Werbeeinträge, die der Anbieter auf der neu erstellten Seite platziert. Ein Anbieter, der den Werbeeintrag sehr dezent macht, ist Jimdo. Sie platzieren unterhalb des Navigationsbereichs lediglich ein Feld mit einem Hinweis auf Jimdo und ergänzen dort Links auf Google-Anzeigen. Werbefrei kann man das ganze auch haben, wenn man bereit ist, 5 Euro pro Monat zu investieren. Dafür kann man dann sogar sein Internetangebot mit einem eigenen Domainnamen verbinden. Für die ersten Erfahrungen mit einer eigenen Internetseite empfehle ich im ersten Schritt die kostenfreie Variante. Sollte man mit seinem Ergebnis zufrieden sein, kann man jederzeit auf das kostenpflichtige Angebot umsatteln. Was mir besonders am Angebot von Jimdo gefällt, ist die Vielzahl an vorgefertigten Funktionen, mit denen sie ihr Angebot erweitert und aufwerten können. Eine Bildergalerie (auf Basis von Flickr), ein Gästebuch oder ein Kontaktformular, um nur einige Funktionen zu nennen, lassen sich mit wenigen Klicks einrichten. Wie geht das genau? Das Wichtigste vorne weg: Man benötigt kein technisches Studium für die Einrichtung. Einfach die Startseite aufrufen und es kann losgehen. Alles, was man für den ersten Schritt benötigt, ist eine eigene adresse und eine Benutzername. Der Benutzername sollte gut überlegt sein, denn unter diesem erreicht man später seine Internetadresse. Beispiel: Wenn Ihr Geschäft unter dem Namen»Buchhandlung Meier«bekannt ist, sollten sie als Benutzernamen»buchhandlung-meier«wählen. Die Adresse unter der ihr Auftritt später zu erreichen ist, würde dann»buchhandlung-meier.jimdo.de«lauten. Da nicht alle Zeichen in einer Internetadresse verwendet werden dürfen, darf der Benutzername keine Leerzeichen, Umlaute oder andere Sonderzeichen enthalten. Benutzername und adresse gibt man dann dort in das angezeigte Formular zur Erstellung einer eigenen Homepage und klickt auf»erstelle meine Seite«. Das war es schon. Jürgen Höck, netzschnitzer.de 1/8

2 Als Resultat dieser Eingabe verschwindet die Eingabefelder und es erscheint ein grün hinterlegter Hinweistext, der Sie darüber informiert, dass sie von Jimdo automatisiert eine an die im Formular angegebene Adresse erhalten. In dieser Mail steht, wie sie ihre Seite im Internet erreichen, und ein Zufallspasswort, das sie für die Pflege der Inhalte und die Änderung des Layouts benötigen. Wenn sie auf den Link in ihrer Mail klicken, landen sie auf ihrer neuen Seite, die Jimdo ihnen als Musterseite eingerichtet hat. Um in den Bereich zu gelangen, wo sie Inhalte und das Layout der Seite ändern können, müssen sie jetzt nur noch rechts auf»anmelden«klicken und in dem sich öffnendem Eingabefeld ihr Passwort aus der eintragen. Jürgen Höck, netzschnitzer.de 2/8

3 Als Ergebnis der erfolgreichen Anmeldung erscheint rechts eine zusätzliche, grau hinterlegte Spalte mit Navigationspunkten, über die sie das Layout, Farben, Schriften und ihre persönlichen Einstellungen ändern können. Im Bereich Layout hält Jimdo für Sie eine große Anzahl vorgefertigter Layouts bereit. Sie können aber auch eigene Layouts erstellen. Dafür sollte man dann schon ein wenig technisches Verständnis mitbringen. In diesem Beispiel habe ich das Standardlayout verändert, um die Navigation in der linken Spalte zu platzieren. Dazu müssen Sie auf rechts in der Zusatzspalte auf das obere Bild mit der Unterzeile Layout klicken. Es öffnet sich ein kleineres Fenster mit einer Liste unterschiedlicher Layouts. Aus diesem umfangreichen Angebot können Sie ihr Wunschlayout auswählen. Haben Sie das Wunschlayout festgelegt, können Sie bei Bedarf im nächsten Schritt die Kopfgrafik austauschen. Das ist ein wenig komplizierter aber trotzdem zu schaffen. Im ersten Schritt benötigen Sie ihr Austauschbild in der Größe 800 mal 190 Bildpunkten, damit es genau in den Kopf passt. (Die Größe des Bildes ist natürlich abhängig von dem gewählten Layout und kann darum variieren.) Jürgen Höck, netzschnitzer.de 3/8

4 Wenn Sie das neue Bild mit einem Grafikprogramm auf die geforderte Größe angepasst und unter dem Namen "neuerkopf.jpg" gespeichert haben, muss es im nächsten Schritt hochgeladen werden. Klicken Sie dazu im Fenster Layout auf den Karteireiter "Eigenes Layout" und dort auf Dateien. Es erscheint die folgende Ansicht: Unter der Zeile " Lade deine Layout-Bilder und Javascript-Dateien hoch" sehen Sie ein Eingabefeld und eine Schaltfläche mit der Aufschrift "Durchsuchen". Wenn Sie darauf klicken, öffnet sich ein weiteres Fenster, in dem Sie aus Ihrem lokalen Verzeichnis die neue Grafik "neuerkopf.jpg" zum Hochladen auswählen können. Haben Sie die Datei gefunden und ausgewählt, wird nach Klick auf die Schaltfläche "Öffnen" der Pfad zu der Datei in das Eingabefeld zum Hochladen übertragen. Klicken Sie jetzt auf "hochladen" wird Ihre Datei auf den Server von Jimdo übertragen und wird nach erfolgreicher Übertragung in der Dateiliste angezeigt. Jürgen Höck, netzschnitzer.de 4/8

5 Jetzt ist die Datei auf dem Server und muss nur noch der Seite "bekannt gemacht werden". Klicken Sie dazu auf den Reiter "HTML",. Es erscheint die folgende Ansicht: Das, was Sie dort sehen, sieht ziemlich kompliziert aus. Spannend für Sie ist nur die Zeile in der das Bild für den Kopf eingetragen ist. In unserem Beispiel ist das die Zeile 5. Dort steht: <img src="header.jpg" alt="" /> Dabei ist "header.jpg" ist der Name der bisher angezeigten Grafik im Kopfbereich. Wenn Sie dort zwischen die Anführungszeichen neuerkopf.jpg oder den Namen Ihrer Datei ohne Leerzeichen und unter Beachtung der genauen Schreibweise eintragen, die Änderung durch Klicken auf die Schaltfläche "speichern" abspeichern, sollte der neue Kopf erscheinen. Bevor Sie "speichern" klicken, sollten Sie in der Zeile darüber noch den Titel der Internetseite ändern. Dort steht jetzt <h1><a href=" - Pages to the People</a></h1> Jürgen Höck, netzschnitzer.de 5/8

6 Ändern Sie die Zeile durch folgenden Text <h1>lesefutter</h1> und speichern Sie die Änderung ab. In unserem Beispiel sieht die Internetseite nach den Änderungen jetzt so aus: Damit wären die Arbeiten am Grundlayout abgeschlossen. Als nächstes kommt der Inhalt. Wie Sie sicher schon bemerkt haben, verändert sich die Ansicht im Inhaltsbereich beim Überfahren bestimmter Stellen mit der Maus. Diese bestimmten Stellen sind Elemente aus denen jede Seite aufgebaut ist. Es gibt z.b. ein Element für die Überschrift oder einzelne Textblöcke. Der überfahrene Text wird eingerahmt. In diesem Rahmen erscheinen links oben zusätzlich vier Grafiken. Ein Pfeil nach oben, einer nach unten ein Mülleimer und ein Plus-Zeichen. Jürgen Höck, netzschnitzer.de 6/8

7 Die Grafiken haben die folgende Bedeutung: Element nach oben verschieben. Element nach unten verschieben Element löschen neues Element hinzufügen Wenn Sie in diesen Rahmen klicken, können Sie das Element bearbeiten. Dazu wird der Rahmen um das Element erweitert und es erscheint ein zusätzliches Textfeld mit dem Text, den Sie jetzt bearbeiten können. Nach diesem Verfahren können Sie sämtliche Inhalte Ihrer Seite erstellen und bearbeiten. Als nächstes sollte die Navigation geändert werden. Dazu einfach über die Navigation fahren und auf die dann erscheinende Schaltfläche "Navigation bearbeiten" klicken. Jürgen Höck, netzschnitzer.de 7/8

8 In dem sich dann öffnenden Bereich können die Navigationspunkte beliebig ändern, verschieben, löschen oder neue erstellen. Die Bedeutung der Grafiken in der Navigationszeile wird Ihnen beim Überfahren dergleichen angezeigt. Mit Jimdo können Sie natürlich noch sehr viel mehr machen. Das würde aber den Rahmen dieser Kurzanleitung sprengen. Ich würde mich aber über Anregungen von Ihrer Seite freuen, wenn ich an der einen oder anderen Stelle bei meinen Erklärungen zuviel vorausgesetzt haben sollte, etwas vergessen habe oder etwas falsch dargestellt habe. Ihre Ideen und Anmerkungen können Sie gerne an schicken. Diese Seite ist live im Internet unter lesefutter.jimdo.com zu erreichen. Jürgen Höck, netzschnitzer.de 8/8