Webpresso-BOX Schulungsunterlagen

Transkript

1 InnoTix AG Tel Industrieweg 2 CH-3360 Herzogenbuchsee support@webpresso.ch Webpresso-BOX Schulungsunterlagen Wir gratulieren Ihnen zum Erwerb Ihrer neuen Webseite von webpresso und danken Ihnen für das Vertrauen. Die Webseite läuft mit dem Content Management Systems Concrete5. Damit Sie spielend den Einstieg in die neue Technologie schaffen, unterstützt Sie diese Dokumentation. Falls Sie die gewünschten Erklärungen hier nicht finden sind wir auch gerne für Sie persönlich erreichbar: Support Hotline: Per Telefon: (Montag bis Freitag 08:30 h bis 17:00 h) Per support@webpresso.ch (rund um die Uhr) Stand: 30. Dezember 2015

2 Inhaltsverzeichnis Die Webseite 3! Login (Anmelden) 4! Umgebung 5! Die linke Werkzeugleiste 5! Die rechte Werkzeugleiste 6! Passwort ändern 6! Zurück zur Startseite 6! Seite bearbeiten 6! Texte anpassen 7! Texte ergänzen 8! Texte formatieren 8! Bilder einfügen 8! Bildeigenschaften 9! Bilder skalieren 9! Änderungen speichern 9! Blöcke verschieben 9! Blöcke hinzufügen 10! Bearbeiten beenden 11! Änderungen speichern 11! Änderungen veröffentlichen (Version freigeben) 11! Versionskommentare 11! Änderungen verwerfen 11! Neue Seiten erstellen 12! Einen Entwurf anlegen: 12! Neue Seite mit Inhalten füllen 12! Dem Entwurf einen Namen geben 12! Die Seite in der Sitemap einordnen 12! Seitenversionen 13! Sitemap 14! Seiten verschieben 15! Dateien 16! Dateiverwaltung 16! Dateien hochladen 16! Dateien Suchen 17! Dateialben (Ordner) 17! Logout (Abmelden) 17! Schulungsunterlagen Webpresso-Box 2/17

3 Die Webseite Wir zeigen Ihnen die Basis-Funktionen an Hand einer Demowebseite von webpresso. Die Grundfunktionen sind bei allen unseren Projekten baugleich. Schulungsunterlagen Webpresso-Box 3/17

4 Login (Anmelden) Damit Sie Ihre Webseite bearbeiten können brauchen Sie keine speziellen Werkzeuge oder Programme. Der Vorteil eines Content Management Systems (CMS) ist es, dass Sie von jedem Webbrowser aus die Inhalte Ihrer Internetpräsenz einfach und rasch anpassen und aktualisieren können. Sie benötigen also nur einen Browser und Ihre persönlichen Benutzerinformationen welche Sie von uns erhalten haben. 1. In Ihrem Browser fügen Sie dazu hinter Ihre Domain /login ein. Beispiel: 2. Jetzt erscheint eine Anmeldemaske. Geben Sie nun die von uns erhaltenen Anmeldedaten ein. (Benutzername und Passwort). 3. Klicken Sie auf Anmelden. Als Alternative können Sie beim Einstieg anstatt der Eingabe von auch mit der Maus in die rechte untere Ecke Ihrer Webseite fahren. Es erscheint nun ein Feld ANMELDEN, wenn Sie dieses drücken gelangen Sie auch auf die Anmeldemaske. Schulungsunterlagen Webpresso-Box 4/17

5 Umgebung Jetzt sehen Sie einen neuen Balken, der sich horizontal über Ihrer Webseite platziert hat. Diese Werkzeugleiste ermöglicht Ihnen die komplette Bearbeitung aller Funktionen. Die linke Werkzeugleiste Alle Funktionen in der linken Werkzeugleiste dienen der Bearbeitung der aktuell angezeigten Seite. Das Hand-Logo ganz links besitzt keine Funktion. Logo CMS Logo keine Funktion Stift Die aktuelle Seite bearbeiten Zahnrad Seitendesign, Seitenposition, Attribute und Einstellungen Plus Inhalte zur Seite hinzufügen Schulungsunterlagen Webpresso-Box 5/17

6 Die rechte Werkzeugleiste Die Werkzeuge in der rechten Werkzeugleiste dienen der Bearbeitung Ihrer gesamten Webseite. Lupe Suche Seiten Seiten hinzufügen und innerhalb der Webseite navigieren Verwaltung Verwaltung Einstellungen für die gesamte Webseite ändern Passwort ändern Klicken Sie im Menü oben rechts auf» VERWALTUNG» [IHR BENUTZERNAME]. Sie sind nun Ihrer Kontoübersicht. Gehen Sie auf PROFIL BEARBEITEN und geben Sie Ihr neues Passwort zweimal ein. Klicken Sie anschliessend auf SPEICHERN. Zurück zur Startseite Damit Sie von hier wieder auf die Startseite kommen klicken Sie auf»!verwaltung!»!sitemap!und! dort!einmal!auf!die!startseite!und!im!menü!auf!besuchen.! Seite bearbeiten Gehen Sie auf die Seite die Sie bearbeiten möchten und klicken Sie auf das Symbol mit dem Stift oben links. Die Seite ist im Bearbeitungsmodus, wenn das Stiftsymbol grün wird. Fahren Sie mit der Maus über Texte und Blöcke. Sie sehen nun, dass einige Inhalte mit einem blauen und andere mit einem grünen Rahmen dargestellt werden. Blauer Rahmen Grüner Rahmen Seitenübergreifende Inhalte wie z.b. Navigation, Fusszeile die Sie hier bearbeiten können und auf allen Seiten aktualisiert wird. Bearbeitbare Inhalte und Blöcke für die aktuelle Seite. Schulungsunterlagen Webpresso-Box 6/17

7 Texte anpassen Klicken Sie in den grünen Bereich den Sie bearbeiten möchten. Wählen Sie BLOCK BEARBEITEN. Sie sehen jetzt den Texteditor in Ihrer Webseite. Dieser funktioniert analog zu einem der bekannten Textverarbeitungsprogramme. Bitte beachten Sie, dass Farben und Schriften nur im Rahmen der Designvorlagen änderbar sind. Schulungsunterlagen Webpresso-Box 7/17

8 Texte ergänzen Ändern Sie nun die Texte, fügen Sie einen neuen Abschnitt hinzu oder löschen Sie einen heraus. Texte formatieren Markieren Sie einen Titel oder Abschnitt und klicken Sie auf das Formatierungssymbol (gespiegeltes P) in der Bearbeitungsleiste. Wählen Sie anschliessend die gewünschte Formatierung. Bilder einfügen Gehen Sie im Text an die Stelle wo Sie Ihr Bild einfügen wollen. Klicken Sie auf das Bildsymbol. Sie sehen nun folgendes Auswahlfenster: Klicken Sie auf die Lupe. Wählen Sie in der Dateiverwaltung ein Bild aus. (Der Bildlink wird so automatisch eingefügt. Alternativ können Sie auch selber einen Bildlink einfügen.) Speichern Ihr Bild erscheint nun im Texteditor. Ist Ihr Bild noch nicht in der Dateiverwaltung, laden Sie dies hoch. Gehen Sie nochmals folgenden Weg: Bildsymbol Lupe Datei hochladen (oben rechts) Bild auf Ihrem Computer auswählen Datei auswählen Speichern Mehr zur Dateiverwaltung finden Sie im entsprechenden Kapitel. Schulungsunterlagen Webpresso-Box 8/17

9 Bildeigenschaften Mit Klick auf das Bild im Texteditor und Bearbeiten, weisen Sie Ihrem Bild verschiedene Eigenschaften zu. Haben Sie Anpassungen gemacht, speichern Sie diese. Bildtitel: Beschreiben was auf dem Bild zu sehen ist, für Suchmaschinen. Link: Auf eine beliebige Seite oder ein Dokument verlinken. Link öffnen: Definiert wie der Link geöffnet werden soll. Position: Bild links, rechts oder zentriert positionieren. Bilder skalieren Wollen Sie Ihr Bild verkleinern oder vergrössern klicken Sie dieses dazu nochmals an. Unten rechts erscheint ein schwarzes Quadrat. Fahren Sie mit der Maus darüber und ziehen Sie daran. Änderungen speichern Klicken Sie oben rechts auf Speichern. Die Anpassungen in diesem Textblock sind nun gespeichert. Damit die Anpassungen für die Besucher sichtbar sind, müssen Sie die Änderungen auf der Seite veröffentlichen. Sehen Sie dazu mehr im Kapitel Bearbeiten beenden. Blöcke verschieben Fahren Sie über einen Block den Sie verschieben möchten. Oben rechts erscheint ein kleines Kreuz. Klicken und ziehen Sie den Block an den gewünschten Ort. Mögliche neue Ziele sind grün markiert. Wird das Ziel grün und fett angezeigt, lassen Sie die Maustaste los. Schulungsunterlagen Webpresso-Box 9/17

10 Blöcke hinzufügen Sind Sie im Bearbeitungsmodus einer Seite können Sie auch weitere Blöcke hinzufügen. Folgende Blöcke stehen Ihnen zur Verfügung: Inhalt (Überschriften, Abschnitte, Aufzählungen, Links, Bilder) Bild Datei Trennlinie Hervorgehoben (zum speziellen Hervorheben von Inhalten) Seitentitel (Ist bei jeder Seite standardmässig eingefügt) YouTube-Video Google Maps Spacer (Abstand) Team (Bild und Text für Teammitglieder) Klicken Sie zum Hinzufügen eines Blockes auf das Plus, wählen Sie den gewünschten Block aus und ziehen Sie diesen wie beim Blöcke verschieben in die Seite. Schulungsunterlagen Webpresso-Box 10/17

11 Bearbeiten beenden Haben Sie alles angepasst und gespeichert, klicken Sie erneut oben links auf den Stift. Sie haben folgende Möglichkeiten (wie im Bild): Versionskommentar hinzufügen Änderungen veröffentlichen Änderungen speichern Änderungen verwerfen Änderungen speichern Damit Änderungen auf der Seite gespeichert werden klicken Sie auf den grünen Button ÄNDERUNGEN SPEICHERN. Das heisst die Änderungen der Seite werden gespeichert, aber noch nicht freigegeben. Sie sehen die Anpassungen nur, wenn Sie angemeldet sind. Änderungen veröffentlichen (Version freigeben) Haben Sie die Änderungen gespeichert, erscheint ein Hinweis, dass die Seite freigegeben werden kann. Diesen Hinweis können Sie ausblenden oder befolgen in dem Sie auf den blauen Button VERSION FREIGEBEN klicken. Haben Sie die Seite bearbeitet und wollen Sie diese direkt veröffentlichen, klicken Sie auf den blauen Button ÄNDERUNGEN VERÖFFENTLICHEN. Versionskommentare Um mit einem kurzen Kommentar die Änderungen zu dokumentieren, können Sie optional einen Kommentar zufügen. Weitere Informationen zu den Versionen finden Sie im übernächsten Kapitel Neue Seiten erstellen Möchten Sie eine neue Seite anlegen gehen Sie wie folgt vor. Einen Entwurf anlegen: Schulungsunterlagen Webpresso-Box 11/17

12 Klicken Sie oben rechts auf den Button mit den beiden Seiten um die Seitenverwaltung zu öffnen. Wählen sie dann unterhalb der Beschriftung «Seite erstellen» einen Seitentyp aus. Meistens mit der Bezeichnung «Inhaltsseite» oder «Seite». Jetzt wird eine leere Seite als Entwurf angelegt die sie nun bearbeiten können. Sie können ihren Entwurf jederzeit wieder finden in dem Sie oben rechts die Seitenverwaltung aufrufen. Dort befindet sich immer die Liste mit den gespeicherten Entwürfen. Neue Seite mit Inhalten füllen Füllen Sie ihre neue Seite mit Inhalten und fügen Sie über das Plus-Symbol Elemente hinzu. Unsere Entwurfsseiten enthalten in der Regel Muster-Texte und Objekte die sie nach belieben verändern können. Dem Entwurf einen Namen geben Klicken Sie auf das Zahnrad-Icon oben links um die «Composer» Sicht zu öffnen. Dort können Sie den Namen für die Seite festlegen im Feld «Seitenname». Je nach Bedarf können hier weitere Einstellungen vorgenommen werden. Die Seite in der Sitemap einordnen Damit die Seite einen Platz hat in der Seitenhierarchie müssen Sie den Ort der Seite definieren. Klicken Sie dazu bei «Page Location» den Begriff «Seite auswählen» und wählen Sie unter welcher Seite die neue Seite angeordnet werden soll. Über das kleine Plus-Symbol können Hierarchie-Stufen aufgeklappt werden. Entwurf verwerfen: Der Entwurf wird gelöscht und nicht verwendet Speichern und verlassen: Der Entwurf wird gespeichert, sie können später weiterarbeiten Bearbeitungsmodus: Veröffentlichen: Sie kehren zurück in die Ansicht in der man Blöcke einfügen kann und Texte bearbeitet werden. Die Seite wird live geschaltet Seitenversionen. Änderungen verwerfen Wollen Sie die Änderungen nicht speichern, klicken Sie auf ÄNDERUNGEN VERWERFEN. Die automatisch erstellte Version wird verworfen. Änderungen an Texten bzw. verschobene Blöcke werden somit nicht gespeichert. Schulungsunterlagen Webpresso-Box 12/17

13 Neue Seiten erstellen Möchten Sie eine neue Seite anlegen gehen Sie wie folgt vor. Einen Entwurf anlegen: Klicken Sie oben rechts auf den Button mit den beiden Seiten um die Seitenverwaltung zu öffnen. Wählen sie dann unterhalb der Beschriftung «Seite erstellen» einen Seitentyp aus. Meistens mit der Bezeichnung «Inhaltsseite» oder «Seite». Jetzt wird eine leere Seite als Entwurf angelegt die sie nun bearbeiten können. Sie können ihren Entwurf jederzeit wieder finden in dem Sie oben rechts die Seitenverwaltung aufrufen. Dort befindet sich immer die Liste mit den gespeicherten Entwürfen. Neue Seite mit Inhalten füllen Füllen Sie ihre neue Seite mit Inhalten und fügen Sie über das Plus-Symbol Elemente hinzu. Unsere Entwurfsseiten enthalten in der Regel Muster-Texte und Objekte die sie nach belieben verändern können. Dem Entwurf einen Namen geben Klicken Sie auf das Zahnrad-Icon oben links um die «Composer» Sicht zu öffnen. Dort können Sie den Namen für die Seite festlegen im Feld «Seitenname». Je nach Bedarf können hier weitere Einstellungen vorgenommen werden. Die Seite in der Sitemap einordnen Damit die Seite einen Platz hat in der Seitenhierarchie müssen Sie den Ort der Seite definieren. Klicken Sie dazu bei «Page Location» den Begriff «Seite auswählen» und wählen Sie unter welcher Seite die neue Seite angeordnet werden soll. Über das kleine Plus-Symbol können Hierarchie-Stufen aufgeklappt werden. Entwurf verwerfen: Der Entwurf wird gelöscht und nicht verwendet Speichern und verlassen: Der Entwurf wird gespeichert, sie können später weiterarbeiten Bearbeitungsmodus: Veröffentlichen: Sie kehren zurück in die Ansicht in der man Blöcke einfügen kann und Texte bearbeitet werden. Die Seite wird live geschaltet Schulungsunterlagen Webpresso-Box 13/17

14 Seitenversionen Bei jeder Änderung einer Seite wird eine neue Seitenversion erstellt. Sie haben die Möglichkeit eine frühere Version anzusehen und diese wieder zu aktivieren. Klicken Sie auf der gewünschten Seite auf das Zahnradsymbol in der linken Werkzeugleiste oben. Sie sehen nun die Seiteneinstellungen. Gehen Sie zu den Versionen. Hier wechseln Sie zwischen den Versionen. Der Oberste Eintrag ist immer die neuste Version. Fahren Sie mit der Maus über eine Version. Oben rechts erscheint ein gebogener Pfeil. Klicken Sie darauf werden Ihnen folgende Optionen angezeigt. Freigeben Duplizieren Seite erstellen Löschen Freigeben Duplizieren Seite erstellen Löschen Eine frühere oder unveröffentlichte Version können Sie hier freigeben. Duplizieren Sie eine Version, wird sie oberhalb der duplizierten Version angezeigt. So duplizieren Sie z.b. eine frühere Seitenversion, ohne Sie direkt freizugeben. Erstellen Sie eine neue Seite aus einer Version. Sie können ältere Versionen löschen. Die Seite mit der aktuellsten freigegebenen Version bleibt bestehen. Schulungsunterlagen Webpresso-Box 14/17

15 Sitemap Eine Übersicht über alle vorhandenen Seiten erhalten Sie über die Sitemap. Diese rufen Sie über den Menupunkt» VERWALTUNG» SITEMAP auf. Unterseiten klappen Sie über das Plus-/Minus-Symbol auf oder zu. Klicken Sie auf eine der Seiten so sehen Sie ein Menu. Sie können die ausgewählte Seite durch Anklicken besuchen, löschen, deren Versionen anzeigen. Es sind auch noch weitere Einstellungen möglich. Schulungsunterlagen Webpresso-Box 15/17

16 Seiten verschieben Über die Sitemap können Sie Seiten verschieben. Klicken und ziehen Sie die Seite die Sie verschieben möchten an den gewünschten Ort. Lassen Sie den Mauszeiger erst los wenn ein grünes Gutziechen angezeigt wird. Ziehen Sie die Seite zwischen zwei Seiten damit diese dazwischen abgelegt wird. Oder ziehen Sie die Seite auf eine andere Seite, damit die verschobene Seite eine Unterseite wird. Schulungsunterlagen Webpresso-Box 16/17

17 Dateien Dateiverwaltung In der Dateiverwaltung sehen Sie alle hochgeladenen Dateien.» VERWALTUNG» DATEIEN» DATEIVERWALTUNG Klicken Sie eine Datei an, sehen Sie verschiedene Aktionen die Sie durchführen können. Dateien hochladen Ziehen Sie die gewünschten Dateien in das abgebildete Feld. Oder klicken Sie dieses an und wählen auf Ihrem Computer die hochzuladenden Dateien aus. Schulungsunterlagen Webpresso-Box 17/17

18 Dateien Suchen Geben Sie einen Teil des Dateinamens in das Suchfenster ein und drücken Sie Enter. Dateialben (Ordner) Um Ihre Dateien zu ordnen, erstellen Sie Dateialben (Ordner). Z.B eine Galerie für Fotos, Anfahrtspläne und so weiter. Logout (Abmelden) Nach einer gewissen Zeit der Untätigkeit oder nach dem Schliessen des Webbrowsers werden Sie vom System abgemeldet. Sie können sich auch manuell abmelden: Menupunkt» VERWALTUNG» ABMELDEN. Schulungsunterlagen Webpresso-Box 18/18