In dieser Kurzanleitung, zeige ich Ihnen, wie einfach Sie Bilder, Fotos oder Grafiken auf Ihre Seite einfügen können.

Transkript

1 MeineHomepage: Bild einfügen Einleitung MeineHomepage ist das auch für Einsteiger leicht zu bedienende Pflegesystem für Internetseites (CMS- Contentmanagementsystem) von onlinemarketing mit Persönlichkeit - Jan Neuhoff. Der Bereich (Editor) zum Bearbeiten der Seiteninhalte basiert auf dem quelloffenen (Open Source) Editor TinyMCE. Wenn Sie Fragen zum Pflegesystem MeineHomepage haben oder das Demosystem testen möchten, zögern Sie bitte nicht mich anzurufen oder mir eine zuschreiben. In dieser Kurzanleitung, zeige ich Ihnen, wie einfach Sie Bilder, Fotos oder Grafiken auf Ihre Seite einfügen können. Bilder, Fotos oder Grafiken auf Ihrer Internetseite einfügen. In der ersten Symbolleiste finden Sie ganz rechts diese drei Symbole: Das erste Symbol mit dem Baum ermöglicht es Ihnen Bilder einzufügen. Die Bilder werden genau an der Stelle eingefügt an der der Cursor steht. Das inaktive Symbol in der Mitte, wird aktiv, wenn Sie ein vorhandenes Bild markieren. Sie können dann mit Hilfe dieses Symbol Änderungen am Aussehen und Ausrichtung des markierten Bildes vornehmen. Ein Klick auf das dritte Symbol öffnet den Bildermanager. Der Bildermanager zeigt Ihnen alle auf Ihrem Server vorhandenen Bilder. In dieser Anleitung beschäftigen wir uns mit dem ersten Symbol zum Einfügen von Bildern. Im Grunde funktioniert, das Einfügen eines Bildes auf der Internetseite fast genauso wie auf Ihrem Rechner zu Hause. Der große Unterschied ist, dass das Bild von Ihrem Rechner zu Ihrem Internetauftritt (auf Ihren WebServer) geladen werden muss.

2 Klicken Sie mit dem Mauszeiger an die Stelle im Text, an der Sie das Bild einfügen möchten. Das könnte z.b. so aussehen: Abbildung 1: Editor im Pflegebereich

3 Wenn Sie die passende Stelle für Ihr Bild ausgewählt haben, klicken Sie auf das Baum Symbol. Dadurch öffnet sich folgendes Dialogfenster. Abbildung 2: Bild einfügen / verändern Dialogfenster In diesem Dialogfenster geben Sie die Adresse des Bildes ein und die Alternative Beschreibung und einen Titel für das Bild. Die Adresse müssen Sie nicht per Hand eingeben. Klicken Sie auf das Symbol rechts neben der Adressleiste. Sie öffnen damit den Bildermanager:

4 Abbildung 3: Bildermanager Sie sehen alle Ordner und Fotos die auf Ihrem WebServer vorhanden sind. Im ersten Schritt fügen wir ein vorhandenes Bild ein. Das Bild Antonaufdemfeld- 13.jpg zeigt Anton meinen Riesenschnauzer im Sommer Mit einem Klick auf das Bild wählen Sie es aus. Der Bildermanager schließt sich und Sie kommen zurück in das Dialogfenster Bild einfügen.

5 Abbildung 4: Vorschau im Bild einfügen / verändern Dialog Wie Sie sehen wurde das Feld Adresse ausgefüllt und das Bild wird im Vorschaubereich angezeigt. Geben Sie jetzt bitte noch eine kurze Beschreibung und einen Titel für das Bild ein. Tipp: Die Angaben Beschreibung und Titel zu einem Bild bewerten die Suchmaschinen sehr hoch, da sie die Seite für Menschen mit Behinderungen barrierearmer machen.

6 In der zweiten Registerkarte Aussehen haben Sie jetzt die Möglichkeit das Bild zum Text auszurichten und die Abstände einzustellen. Abbildung 5: Reiter Aussehen im Bild einfügen / verändern Dialog Wenn alles zu Ihrer Zufriedenheit eingestellt ist, klicken Sie auf Einfügen. Keine Sorge, diese Einstellungen können Sie nachträglich immer wieder verändern, in dem Sie das Bild mit der Maus markierenden und den Dialogfenster über das Symbol Baum erneut aufrufen.

7 Das Ergebnis: Abbildung 6: Eingefügtes Bild im Editor

8 Ein Bild hochladen Wenn das von Ihnen gewünschte Bild noch nicht im Bildermanager zu sehen ist, müssen Sie es von Ihrer Festplatte zu Ihrem Internetauftritt hochladen. Dazu klicken Sie bitte auf das erste Symbol links in der Symbolleiste des Bildermanagers. Abbildung 7: Bildermanager

9 Nach dem Klick auf das erste Symbol sehen Sie folgenden Bildschirm: Abbildung 8: Dialog Bilder hochladen In diesem Dialogfenster können Sie durch einen Mausklick auf den Knopf Durchsuchen das gewünschte Bild auf Ihrer Festplatte suchen. Nach dem Sie das Bild ausgewählt haben, kommen zurück zu diesem Dialog. Jetzt können Sie, wenn gewünscht, den Dateinamen ändern und die neue Bildgröße (Breite) in Pixel angegeben. Hinweis: Das Originalbild darf eine maximale Dateigröße von 1500KB haben. Je nach Dateigröße müssen Sie sich nach dem Speichern einen Moment gedulden. Wenn der Speichervorgang beendet ist, sehen Sie Ihr Bild im Vorschaubereich.

10 Abbildung 9: Vorschau des hochgeladenen Bildes Jetzt steht Ihnen das Bild für Ihre Internetpräsenz zur Verfügung. Nach einem Mausklick auf das Symbol oben links kommen Sie zurück zum Bildermanager und können das Bild, wie gelernt verwenden.