1. Editor öffnen 5 2. Änderungen und Ergänzungen an Ihrer Internetseite 7 2.1 Inhalte ändern 8 2.1.2 Reihenfolge der Blöcke verschieben 8 2.1.3. Blöcke löschen 9 2.1.4 Änderungen speichern und Voransicht 10 2.2. Neue Blöcke einfügen 11 2.2.1 Neuen Textblock einfügen 11 2.2.1.1 Text formatieren 12 2.2.1.2 Links setzen 13 2.2.1.3 Position des Texts 14 2.2.2 Bild einfügen 16 2.2.3 Download hinzufügen 19 2.3 Änderungen oder Ergänzungen an einer weiteren Seite 20 3. Freigeben für die Publikation im Internet 21 Anleitung www.selfsite.de 2
Einführung Selfsite ist ein von artur entwickeltes Content-Management-System, also eine Software, mit der Inhalte ihrer Homepage eingefügt, Texte und Bilder abgeändert oder ergänzt werden können. artur liefert Ihnen eine fertig entwickelte Homepage, die Sie mit Selfsite ohne viel Aufwand und spezielle Kenntnisse selbst mit neuen Inhalten füttern können. Von Ihrer Website gibt es immer zwei Versionen: Die eine ist im Internet sichtbar ( freigegebene Version ), die andere ist diejenige, an der Sie arbeiten können, ohne dass sie für das Publikum sichtbar ist (Editor). Im Folgenden ist beschrieben, wie Sie Änderungen und Ergänzungen vornehmen können. Um Änderungen im Internet sichtbar machen zu können ( freigeben ), sind drei Schritte nötig: 1. Editor öffnen 2. Änderungen oder Ergänzungen vornehmen 3. die geänderte Version freigeben Folgendes können Sie selbst an Ihrer Internetseite ändern: neue Texte eingeben oder bestehende Texte bearbeiten oder löschen neue Bilder einfügen, austauschen oder löschen sowie Bildunterschriften erstellen, bearbeiten oder löschen Ein Download-Angebot erstellen oder löschen Anleitung www.selfsite.de 3
Folgende Bereiche sind Teil der Programmierung der Internetseite. Deshalb können Sie hier nichts ändern: neue Seiten ergänzen, Seiten inaktiv schalten oder ganz entfernen. das generelle Aussehen ihrer Seite verändern (Farben, Größe und Aussehen der Schriften für Absatztext und Überschriften) Änderungen an der Grundstruktur der Seite, Veränderungen an Spalten und weiteren festgelegten Bereichen Wenn Sie in diesen Bereichen Änderungen vornehmen möchten, melden Sie sich bitte einfach bei uns: artur Kommunikationsdesign Muggenhofer Straße 135 90429 Nürnberg Telefon (0911) 787 11 00 Telefax (0911) 787 25 25 E-Mail: artur@artur.eu Anleitung www.selfsite.de 4
1. Editor öffnen Öffnen Sie den Internetbrowser Mozilla Firefox. Bitte verwenden Sie keinen anderen Browser, da Selfsite für die Darstellung in Mozilla Firefox optimiert ist. Geben Sie in die Adresszeile des Browsers die Internetadresse ein, die Sie von artur bekommen. Sie können sich diese Internet -Adresse hier notieren: Folgendes Fenster erscheint: Geben Sie Ihren Benutzernamen und Ihr Passwort ein. Achtung: Verwahren Sie diese Daten geschützt! Jeder, der diese Daten kennt, kann ihre Internetseite bearbeiten. Im schlimmsten Fall kann er falsche oder unerwünschte Inhalte eingeben oder den Inhalt der ganzen Website löschen! Anleitung www.selfsite.de 5
Sie befinden sich jetzt im Editor. Sie sehen ihre Website und darüber eine Editor-Status-Leiste mit verschiedenen Bedien-Elementen: Bearbeiten: Voransicht: Liveansicht: Änderungen vornehmen Änderungen an Ihrer Seite vor der Freigabe betrachten. Ansicht der aktuellen, freigegebenen Version Mit der Lasche können Sie die Bearbeitungsleiste wie ein Rollo hochschieben, um einen ersten Eindruck der Seite zu gewinnen. Der Klick auf die Lasche bewirkt das Ein- und Ausblenden des Bearbeitungsmenüs. Abb. 1 Mit Bearbeitungsmenü: Abb. 2 Ohne Bearbeitungsmenü: Anleitung www.selfsite.de 6
2. Änderungen und Ergänzungen an Ihrer Internetseite Allgemeines Im Editor werden inhaltliche Veränderungen vorgenommen und zum Beispiel aktuelle Termine eingegeben, Kontaktdaten geändert, Texte und Bilder ergänzt. Während Sie an der neuen Version ihrer Seite arbeiten bleibt die alte Version zur Sicherheit noch im Internet sichtbar. Solange Sie den Freigabe-Vorgang (siehe Kapitel 3) nicht vornehmen, bleiben die Änderungen im Internet unsichtbar. Nur eingeloggte Bearbeiter der Website können sie sehen. Nehmen Sie Änderungen in aller Ruhe vor. Sie können unterbrechen und später fortfahren. Die Version, an der Sie gerade arbeiten, bleibt so lange unsichtbar für die Öffentlichkeit. Wählen Sie über das Menü Ihrer Internetseite diejenige Seite aus, die Sie ändern möchten. Klicken Sie auf Bearbeiten, die Farbe ändert sich dann von Grau auf Grün. Es erscheint das Editor-Menü, in dem Sie jetzt Änderungen und Ergänzungen vornehmen können. Anleitung www.selfsite.de 7
2.1 Inhalte ändern Bewegen Sie den Mauszeiger über denjenigen Block, den Sie ändern möchten. Der Block, über dem der Mauszeiger zum Stehen kommt, erscheint grau oder weiß hinterlegt. So wissen Sie genau, welchen Block sie gerade bearbeiten. Links unten erscheint in jedem Block ein ovales Kästchen mit zwei oder mehr Symbolen: Stift Ändern Pfeil nach oben und unten Kreuzchen Reihenfolge der Blöcke ändern Löschen 2.1.1 Inhalt eines Blocks ändern Klicken Sie auf das Symbol Stift, wenn der Mauszeiger darüber steht, leuchtet es grün. Es erscheint bei Klick ein neues Fenster in dem sie nun den Text, ein Bild oder ein Download-Angebot bearbeiten können. Näheres zum weiteren Vorgehen, Formatieren von Text, Links einfügen, finden Sie ab Kapitel 2.2. 2.1.2 Reihenfolge der Blöcke verschieben Mit Pfeil nach oben oder nach unten ändern Sie die Reihenfolge der Text- oder der Bildblöcke in der jeweiligen Spalte. Anleitung www.selfsite.de 8
Klicken Sie auf Pfeil nach oben, wenn der Block um eine Position nach oben rutschen soll, beziehungsweise auf Pfeil nach unten, wenn der Block um eine Position nach unten rutschen soll. Die beiden Pfeile sind auch grün unterlegt, wenn der Mauszeiger darüber steht. Diesen Vorgang wiederholen Sie so lange, bis der endgültige Platz erreicht ist. Speichern Sie jede Änderung ab. Änderungen übernehmen: Speichern Ohne Änderungen zurück: Verwerfen 2.1.3. Blöcke löschen Klicken Sie nur dann auf das Kreuzchen, wenn Sie einen Textblock oder ein Bild vollständig löschen möchten! Wenn Sie mit dem Mauszeiger über dem Kreuzchen stehen, leuchtet es rot auf. Nach dem ersten Klick auf das rot hinterlegte Kreuzchen müssen Sie nochmals bestätigen, dass Sie den Block löschen wollen. Änderungen übernehmen: Löschen Ohne Änderungen zurück: Löschvorgang abbrechen Anleitung www.selfsite.de 9
2.1.4 Änderungen speichern und Voransicht Speichern Sie jede Änderung ab mit: Änderungen übernehmen Sollten Sie mit einer Änderung nicht zufrieden sein, können Sie sie verwerfen und zur letzten gespeicherten Version zurückkehren mit: Ohne Änderungen zurück (Das Verschieben von Blöcken funktioniert ohne zu speichern.) Nach dem Speichern der Änderungen gelangen Sie automatisch wieder auf die Editor-Seite. Nun können Sie sich Ihre abgeänderte Seite ansehen, indem Sie mit der Maus auf Voransicht klicken. Die Beschreibung zur Änderung einer weiteren Seite finden Sie unter 2.3. Anleitung www.selfsite.de 10
2.2. Neue Blöcke einfügen Im Folgenden wird beschrieben, wie Sie auf Ihrer Internetseite neue Text-, Bildoder Download-Blöcke einfügen. Hier finden Sie auch genauere Beschreibungen zu den einzelnen Einstellungen, die Sie vornehmen können. Das Vorgehen bei den Einstellungen ist identisch sowohl bei neu erstellten als auch bei bereits bestehenden Blöcken, also bei Änderungen (2.1). 2.2.1 Neuen Textblock einfügen Um einen neuen Textblock einzufügen gehen Sie zuerst auf die Seite, auf der Sie den neuen Text einfügen möchten. Klicken Sie in der Zeile Einfügen auf Text. Es erscheint ein neues Fenster: Fügen Sie den neuen Text ein und formatieren ihn. Anleitung www.selfsite.de 11
Mit der Formatierung legen Sie fest, welcher Teil einfacher Absatztext bleiben soll und welcher eine Überschrift wird, ob Teile fett, kursiv oder unterstrichen werden sollen. Tipp: Richten Sie sich nach den Vorgaben des Designs der Website. Durch zu viele unterschiedliche Formatierungen wirkt Ihre Seite schnell unaufgeräumt und ist optisch nicht mehr ansprechend. 2.2.1.1 Text formatieren Markieren Sie den betreffenden Text und benutzen dann die vorhandenen Formatierungswerkzeuge. Absatztext oder Überschrift? Markieren Sie den Text und klicken Sie in das grau unterlegte Kästchen mit dem kleinen Pfeil nach unten, direkt neben Format. Es erscheint eine Liste, aus der Sie per Mausklick auswählen können. Anleitung www.selfsite.de 12
Weitere Gestaltung des Texts: B = fett I = kursiv U = unterstrichen Einfache Aufzählung und nummerierte Aufzählung. oder Nürnberg Erlangen Fürth 1. Nürnberg 2. Erlangen 3. Fürth 2.2.1.2 Links setzen Links sind Querverweise zu einer anderen Stelle ihres Texts, beziehungsweise auf eine ganz andere Seite. Das Textstück beispielsweise ein prägnantes Wort, das den Link bilden soll wird markiert. Klicken Sie dann auf das Link - Symbol mit den zwei inneinander geschlungenen Kettengliedern, hier links im Bild. Anleitung www.selfsite.de 13
Ein weiteres Fenster erscheint. Neben Adresse geben Sie die vollständige URL des Links ein. Wichtig: der Zusatz http:// darf nicht fehlen. Falsch: www.artur.eu Richtig: http://www.artur.eu Bei Fenster können Sie auswählen, ob der Link im gleichen Fenster / Frame geöffnet werden soll (benutzen Sie dieses bitte für Links zu Ihrer eigenen Internetseite) oder ob der Link in einem neuen Fenster geöffnet werden soll (z.b. für Links auf weiterführende Seiten) Klicken Sie auf Einfügen. Damit wird der Link gesetzt. 2.2.1.3 Position des Texts Nun legen Sie fest, auf welcher Position Ihrer Seite der neue Text erscheinen soll. Es gibt von artur eingestellte Spalten, unter denen Sie wählen können, zum Beispiel die Textspalte. Die Textspalte ist diejenige, in der ausführliche Texte platziert werden sollten. Anleitung www.selfsite.de 14
Gleichzeitig erscheint ein neues Fenster, auf dem Sie beispielhaft sehen können, in welcher Spalte Ihr neuer Text platziert werden wird, je nach Auswahl. Klicken Sie anschließend auf Änderungen übernehmen Speichern Ohne Änderungen zurück Nicht speichern Anleitung www.selfsite.de 15
2.2.2 Bild einfügen Klicken Sie in der Zeile Einfügen auf Bild. Ein neues Fenster erscheint: Treffen Sie eine Auswahl aus dem Pool von vorhandenen Bildern direkt mit Mausklick auf das Bild oder wählen es aus dem Pull-Down-Menü neben Bild. In dem Pull-Down-Menü, beziehungsweise im Bilderpool finden Sie alle Bilder, die jemals für Ihre Seite verwendet wurden. Hier im Beispiel sehen Sie das Bild vom Rotweinglas. Dieses Bild ließe sich mit einem Klick direkt aufs Bild, sowie mit der Auswahl des Dateinamens rotwein.jpg aus dem Pull-Down-Menü einfügen. Wenn Sie ein vollkommen neues Bild einfügen möchten, klicken Sie auf Durchsuchen. Anleitung www.selfsite.de 16
Es öffnet sich ein neues Fenster, das dem Finder (Mac) oder dem Windows-Explorer (PC) entspricht. Wählen Sie das neue Bild aus Ihren Dateien aus und fügen es ein. In dem Moment, in dem Sie das Bild auswählen, wird es auf den Server von artur geladen und steht nun für Ihre Internetseite zur Verfügung. So nehmen Sie nun weitere Einstellungen vor: Name (beim Hochladen): Geben Sie, wenn Sie möchten, dem Bild einen anderen Namen als den Dateinamen auf Ihrem Computer. Css: Stellen Sie die Formatierung des Bildes ein. Bei den meisten Kunden ist das nicht nötig, gegebenenfalls bekommen Sie eine gesonderte Einführung. Breite: geben Sie hier ein, wie viele Pixel das Bild breit sein soll. Die Höhe wird automatisch angepasst. Achten Sie unbedingt darauf, dass Sie höchstens die gleiche Pixelzahl verwenden, die das Originalbild hat. Ein Vergrößern des Bildes ist nicht möglich und wird von Selfsite ignoriert. Verkleinern ist jederzeit möglich. Bildunterschrift: Sie können einen Text eingeben, der das Bild beschreibt. Diesen Text formatieren Sie, fügen ggf. Links ein, usw. Das Vorgehen ist das Gleiche wie in Kapitel 2.2.1.1 und 2.2.1.2. beschrieben. Anleitung www.selfsite.de 17
Lightbox: Setzen Sie hier ein Häkchen um einen Vergrößerungseffekt zu bekommen. (Nur wenn von artur vorbereitet.) Title: Geben Sie einen Title ein (nicht sichtbar auf der Seite, wichtig für Google) Alt: Geben Sie einen Text ein, der das Bild beschreibt (falls das Bild einmal nicht darstellbar ist, wird dieser Text anstelle des Bilds angezeigt) Diese beiden letzten Einstellungen sind wichtig, damit Ihre Seite von den Internetsuchmaschinen, zum Beispiel von Google, besser gefunden wird. Änderungen übernehmen Ohne Änderungen zurück Speichern des Bildes Bild mit Bildunterschrift nicht speichern Anleitung www.selfsite.de 18
2.2.3 Download hinzufügen Sie können den Besuchern Ihrer Homepage Dateien zur Verfügung stellen, die diese auf ihren Computer herunterladen können (z.b. eine Anfahrtsbeschreibung, Flyer zum Ausdrucken). Klicken Sie in der Zeile Einfügen auf Download. Ein neues Fenster erscheint. Wählen Sie entweder eine bereits vorhandene Datei aus oder laden von Ihrem Computer eine neue Datei hoch. Wenn Sie eine neue Datei verwenden wollen, klicken Sie auf Durchsuchen. Ein neues Fenster erscheint wie im Finder (Mac) oder Windows-Explorer (PC). Suchen Sie dort diejenige Datei aus, die Sie hochladen wollen. Anleitung www.selfsite.de 19
Folgende Dateiarten können Sie zum Download bereitstellen: PDF dateiname.pdf Word dateiname.doc Powerpoint dateiname.ppt Name (beim Hochladen): Hier können Sie der Datei einen anderen Namen geben. Beschreibung: Fügen Sie hier einen kurzen Text ein, der beschreibt, was Sie zum Download bereitstellen wollen. Formatieren Sie diesen Text. und fügen Sie ggf. einen Link ein, wie unter 2.2.1.1 und 2.2.1.2 beschrieben. Änderungen übernehmen Ohne Änderungen zurück Speichern Nicht speichern 2.3 Änderungen oder Ergänzungen an einer weiteren Seite Sie müssen auch diese Seite im Editor aufrufen. Um Sie aufzurufen gibt es zwei Möglichkeiten: 1. Sie verlassen den Bearbeitungsmodus der Seite mit einem Klick auf Voransicht und rufen dann die entsprechende Seite auf. Klicken Sie auf Seite bearbeiten. Sie können alle Änderungen wie bereits beschrieben vornehmen. 2. Springen Sie direkt im Editor mit einem Klick in der Zeile Seite zu der Seite dorthin, wo Sie die Änderung vornehmen wollen (hier als Beispiel im Bild: Allgemeine Geschäftsbedingungen). Anleitung www.selfsite.de 20
Es erscheint ein Menü, mit dem Sie direkt zur nächsten Seite springen können. Ein weiterer Klick vor der ersten Zeile dieses Menüs (Hier im Beispiel: Klick auf Allgemeine Geschäftsbedingungen) schließt es wieder. 3. Freigeben für die Publikation im Internet Der letzte Schritt, der die Änderungen im Internet sichtbar macht, ist die Freigabe. Wenn Sie eine neue Version Ihrer Seite freigeben, ist die vorhergehende Version nicht mehr sichtbar. Achtung: Durchlaufen Sie den Freigabeprozess nur, wenn Sie sich sicher sind, dass alle Änderungen freigeschaltet werden sollen. Dies ist vor allem wichtig, wenn mehrere Personen an den Inhalten einer Webseite arbeiten. Klicken Sie auf Freigeben. Ein neues Fenster erscheint, in dem Sie die Freigabe nochmals bestätigen müssen. Klicken Sie erneut auf Freigeben. Anleitung www.selfsite.de 21
Bestätigen Sie die Freigabe ein letztes Mal in diesem Fenster: aktivieren Sie das Häkchen neben Seite freigeben und klicken anschließend auf: Version veröffentlichen Freigabe Lieber doch nicht Freigabe abbrechen Die neue freigegebene Seite ist nun im Internet für das Publikum sichtbar und bildet die Grundlage für spätere Änderungen. Jedes Mal, wenn Sie Änderungen an Ihrer Seite vornehmen, die für die Öffentlichkeit im Internet sichtbar sein sollen, müssen Sie diesen Freigabe-Vorgang vornehmen. Anleitung www.selfsite.de 22