ArenaSchweiz AG. CMS Concrete5 Erste Schritte

Transkript

1 CMS Concrete5 Erste Schritte

2 Anmelden Öffnen Sie Ihren Browser und geben Sie Ihre Website-Adresse ein, dazu «/login» Beispiel: Geben Sie Benutzername und Passwort ein und klicken Sie auf «Anmelden».

3 Anmelden Das Bearbeitungsfenster ist jetzt offen.

4 Eine neue Seite hinzufügen Gehen Sie auf «Bearbeiten» und klicken Sie auf «Unterseite erstellen».

5 Eine neue Seite hinzufügen Wählen Sie den Seitentyp

6 Eine neue Seite hinzufügen Geben Sie der Seite einen Namen. Fügen Sie eine Beschreibung hinzu. Meta Title: dies ist der Name der Rubrik, der in der Navigation erscheinen wird. Meta Description: hier können Sie eine umfangreichere Beschreibung der Seite geben. Meta Keywords: das sind Schüsselwörter, die mit dem Inhalt der Seite übereinstimmen. Hinweis: Beschreibung, Description und Keywords sind wichtige Informationen für die Suchmaschinen! Anschliessend klicken Sie unten auf «Seite hinzufügen».

7 Eine neue Seite hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

8 Eine neue Seite hinzufügen Die neue Seite ist angelegt, aber noch leer

9 Text hinzufügen Gehen Sie auf «Bearbeiten» und klicken Sie auf «Seite bearbeiten».

10 Text hinzufügen Gehen Sie auf «Hinzufügen zu Main» und klicken Sie auf «Block hinzufügen».

11 Text hinzufügen Eine Liste öffnet sich: wählen Sie «Inhalt»

12 Text hinzufügen Es öffnet sich ein Text- Editor wie MS-Word. Sie können nun Ihren Text schreiben oder mit «Kopieren und Einsetzen» einfügen und so formatieren wie in MS-Word. Tabellen, Listen, Bilder und Links können ebenfalls eingefügt werden. Klicken Sie unten rechts auf «Hinzufügen».

13 Text hinzufügen Der Text ist jetzt positioniert. Darunter erscheint ein neues Feld für eventuelle, weitere Inhalte. Klicken Sie auf «Speichern & veröffentlichen»

14 Text hinzufügen Der Text ist jetzt hinzugefügt.

15 Mehrspaltige Layouts hinzufügen Ein mehrspaltiges Layout bietet erweiterte Gestaltungsmöglichkeiten wie zum Beispiel Bilder und Texte nebeneinander zu platzieren usw. klicken Sie oben links auf «Bearbeiten», «Hinzufügern zu Main» und «Layout hinzufügen».

16 Mehrspaltige Layouts hinzufügen Wählen Sie die Anzahl Spalten und Zeilen, sowie den Abstand wie für eine Tabelle in unserem Beispiel 2 Spalten, 1 Zeile. Wählen Sie einen Abstand zwischen den Spalten, in unserem Beispiel 20 Pixel. Wenn sie die Breite der Spalten sperren möchten, dann markieren Sie «Breiten sperren». Klicken Sie anschliessend unten rechts auf «Hinzufügen».

17 Mehrspaltige Layouts hinzufügen Sie können nun für jede der zwei Spalten je einen Inhalt, zum Beipiel Text einfügen (siehe Seite 11).

18 Mehrspaltige Layouts hinzufügen Nach dem Einfügen sieht die Seite wie hier abgebildet aus. Wenn Sie die Breiten nicht gesperrt haben, können Sie nachträglich das Verhältnis der Spalten zueinander durch Schieben mit dem mittleren Cursor verändern. Klicken Sie anschliessend auf «Speichern & veröffentlichen».

19 Ein Bild hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «Bild».

20 Ein Bild hinzufügen Klicken Sie im neuen Fenster auf «Bild auswählen».

21 Ein Bild hinzufügen 2. Markieren Sie das Bild und klicken Sie mit der linken Maustaste auf die Miniatur oder klicken sie oben auf «**Mit Auswahl» es öffnet sich ein Fenster klicken Sie auf «Auswählen». 1. Es öffnet sich das Fenster «Dateiverwaltung». Hier können alle Dokumente (Bilder, Texte, PDF usw.) aus Ihrem Computer geladen werden, die für die Erstellung der Website benötigt werden. Klicken Sie auf «Durchsuchen» um das gewünschte Bild aus Ihrem Computer hochzuladen, danach bestätigen Sie mit «Datei hochladen».

22 Ein Bild hinzufügen Sie können das Bild mit einer Webadresse verlinken, eine Bildbeschreibung hinzufügen (wichtig für Suchmaschinen). Wählen Sie die Bildgrösse mit «Maximalbreite» oder «Maximalhöhe», so wird das Bild automatisch proportionell skaliert. Klicken Sie unten auf «Hinzufügen». Hinweis: alle Masse im Web sind in Pixel angegeben.1 Pixel = 0.26 mm.

23 Ein Bild hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

24 Ein Bild hinzufügen Das Bild ist jetzt hinzugefügt.

25 Eine Bildgalerie hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «Galleria Image Gallery».

26 Eine Bildgalerie hinzufügen Laden Sie die Bilder aus Ihrem Computer (siehe Seite 21, rechts oben). Markieren Sie die Bilder und klicken sie oben auf «**Mit Auswahl» es öffnet sich ein Fenster klicken Sie auf «Auswählen».

27 Eine Bildgalerie hinzufügen Bestimmen Sie die maximale Breite und die maximale Höhe der Bilder. Fügen Sie, wenn Sie möchten, jedem Bild eine Beschreibung (Bildlegende) hinzu und klicken Sie auf «Hinzufügen». Hinweis: pro Seite kann nur eine Bildgalerie eingefügt werden.

28 Eine Bildgalerie hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

29 Eine Bildgalerie hinzufügen Die Bildgalerie ist hinzugefügt.

30 Ein Zoombild hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «Zoom Image».

31 Ein Zoombild hinzufügen Klicken Sie auf «Bild auswählen».

32 Ein Zoombild hinzufügen Laden Sie das Bild aus Ihrem Computer (siehe Seite 21, rechts oben). Markieren Sie das Bild und klicken Sie mit der linken Maustaste auf die Miniatur oder klicken sie oben auf «**Mit Auswahl» es öffnet sich ein Fenster klicken Sie auf «Auswählen».

33 Ein Zoombild hinzufügen Wählen Sie Breite und Höhe des kleinen Bildes «Maximale Vorschaubildbreite», «Maximale Vorschaubildhöhe» und klicken Sie auf «Hinzufügen»

34 Ein Zoombild hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

35 Ein Zoombild hinzufügen Das Zoombild ist hinzugefügt.

36 YouTube-Video hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «YouTube-Video».

37 YouTube-Video hinzufügen Öffnen Sie in einem neuen Browserfenster das gewünschte Youtube-Video, drücken Sie mit der rechten Maustaste auf das Video es öffnet sich ein Fenster wählen Sie «Video- URL kopieren».

38 YouTube-Video hinzufügen Gehen Sie zurück zu Ihrer Website, geben Sie dem Video einen Titel, fügen Sie das vorher kopierte URL hinzu und klicken Sie auf «Hinzufügen».

39 YouTube-Video hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

40 YouTube-Video hinzufügen Das YouTube-Video ist aufgeladen und abspielbereit.

41 Ein Video hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «Videoplayer».

42 Ein Video hinzufügen Laden Sie das Video hoch (siehe Seite 21, rechts oben). Klicken Sie auf die Video-Icon und «Auswählen».

43 Ein Video hinzufügen Geben Sie einen Wert für die Breite des Videos und klicken Sie auf «Hinzufügen».

44 Ein Video hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

45 Ein Video hinzufügen Das Video ist aufgeladen

46 Ein Formular hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «Formular».

47 Ein Formular hinzufügen Im Reiter «Hinzufügen» können Sie alle gewünschten Bestandteile (hier «Fragen» genannt) hinzufügen: zum Beispiel, Vorname, Name, Adresse usw. «Antwort Typ» definiert die Art des Feldes. Wenn Sie möchten, dass ein Feld unbedingt ausgefüllt werden muss, dann markieren Sie «Erforderlich». Klicken Sie jeweils auf «Frage hinzufügen» und wiederholen Sie die Schritte für jeden Bestandteil des Formulars.

48 Ein Formular hinzufügen Im Reiter «Optionen» können Sie definieren wie die automatische Antwort des Formulars heissen soll, an welche -Adresse das Formular gesendet werden soll, usw. Klicken Sie auf «Hinzufügen».

49 Ein Formular hinzufügen Klicken Sie auf «Speichern & veröffentlichen». Das Formular ist hinzugefügt.

50 Google Map hinzufügen Klicken Sie auf «Seite bearbeiten», «Hinzufügen zu Main» und «Block hinzufügen» (siehe Seiten 9, 10, 11). Wählen Sie «Google Map».

51 Google Map hinzufügen Geben Sie der Karte einen Titel, fügen Sie die gewünschte Adresse hinzu und bestätigen Sie mit «Hinzufügen».

52 Google Map hinzufügen Klicken Sie auf «Speichern & veröffentlichen»

53 Google Map hinzufügen Die Karte ist hinzugefügt.

54 Verwaltung Klicken Sie auf «Verwaltung». Hier finden Sie eine Gesamtübersicht Ihrer Homepage mit Sitemap (Seitenaufstellung), Dateiverwaltung (Bilder, PDF-Dokumente, Videos usw.), Statistiken, Formulare und vieles mehr.

55 Verwaltung Dateiverwaltung Klicken Sie auf «Dateiverwaltung»

56 Verwaltung Dateiverwaltung Datei hochladen Es öffnet sich das Fenster der Dateiverwaltung. Klicken Sie auf «Datei auswählen».

57 Verwaltung Dateiverwaltung Datei hochladen Jetzt verbindet sich die Dateiverwaltung mit Ihrem Computer. Suchen Sie hier die gewünschte Datei (in unserem Beispiel ein Bild). Klicken Sie anschliessend auf «Auswählen».

58 Verwaltung Dateiverwaltung Datei hochladen Hier sehen Sie die gewählte Datei Klicken Sie auf «Datei hochladen»

59 Verwaltung Dateiverwaltung Datei hochladen Die Datei ist hochgeladen

60 Verwaltung Dateiverwaltung Datei hochladen Hier können Breite (Width) und Höhe (Height) verändert werden; es empfiehlt sich jedoch Breite und Höhe so zu belassen beide können später beim Einsetzen beliebig verändert werden.

61 Verwaltung Dateiverwaltung Datei hochladen Unter «Alben» können Sie Dateien in Gruppen zusammenlegen. Geben Sie dem neuen Album einen Namen und klicken Sie auf Aktualisieren. Ihre Datei wird dann zusätzlich auch in diesem Album gespeichert.

62 Verwaltung Dateiverwaltung Datei hochladen Die Datei ist hinzugefügt.

63 Verwaltung Dateiverwaltung Mehrere hochladen Mit «Mehrere hochladen» können Sie mehrere Dateien gleichzeitig hochladen. Klicken Sie auf «Mehrere Hochladen».

64 Verwaltung Dateiverwaltung Mehrere hochladen Es öffnet sich ein Fenster: klicken Sie auf «Auswählen»

65 Verwaltung Dateiverwaltung Mehrere hochladen Jetzt verbindet sich die Dateiverwaltung mit Ihrem Computer. Suchen und markieren Sie hier die gewünschten Dateien (in unserem Beispiel 4 Bilder). Klicken Sie auf «Öffnen».

66 Verwaltung Dateiverwaltung Mehrere hochladen Die 4 Bilder sind aufgeladen.

67 Verwaltung Sitemap Klicken Sie auf «Vollständige Sitemap».

68 Verwaltung Sitemap Sitemap zeigt den Aufbau, bzw. die Seitenaufstellung der Homepage. Seiten und Unterseiten können hier hinzugefügt, verschoben oder gelöscht werden.

69 Verwaltung Sitemap Seite hinzufügen Wenn Sie eine Seite in die Hauptnavigation hinzufügen möchten, dann klicken Sie auf das Wort «Home» (nicht auf die Ikone links vom Wort). Es öffnet sich ein Fenster. Wählen Sie «Seite hinzufügen».

70 Verwaltung Sitemap Seite hinzufügen Falls Ihre Homepage über mehrere Seitentypen verfügt, wählen Sie den gewünschten Seitentyp, in unserem Beispiel «Standard».

71 Verwaltung Sitemap Seite hinzufügen Geben Sie der Seite einen Namen. Fügen Sie eine Beschreibung hinzu. Meta Title: dies ist der Name der Rubrik, der in der Navigation erscheinen wird. Meta Description: hier können Sie eine umfangreichere Beschreibung der Seite geben. Meta Keywords: das sind Schüsselwörter, die mit dem Inhalt der Seite übereinstimmen. Hinweis: Beschreibung, Description und Keywords sind wichtige Informationen für die Suchmaschinen! (Siehe auch Seite 6). Anschliessend klicken Sie unten auf «Seite hinzufügen».

72 Verwaltung Sitemap Seite hinzufügen Die neue Seite ist hinzugefügt und kann später beliebig verschoben werden (siehe Seite 77).

73 Verwaltung Sitemap Eine Unterseite hinzufügen Wenn Sie eine Unterseite hinzufügen möchten, klicken Sie auf die Hauptseite wo die Unterseite erscheinen soll, in unserem Beispiel «Neue Seite» (klicken Sie auf das Wort, nicht auf die Ikone links). Es öffnet sich ein Fenster. Wählen Sie «Seite hinzufügen».

74 Verwaltung Sitemap Eine Unterseite hinzufügen Falls Ihre Homepage über mehrere Seitentypen verfügt, wählen Sie den gewünschten Seitentyp, in unserem Beispiel «Standard».

75 Verwaltung Sitemap Eine Unterseite hinzufügen Geben Sie der Seite einen Namen. Fügen Sie eine Beschreibung hinzu. Meta Title: dies ist der Name der Rubrik, der in der Navigation erscheinen wird. Meta Description: hier können Sie eine umfangreichere Beschreibung der Seite geben. Meta Keywords: das sind Schüsselwörter, die mit dem Inhalt der Seite übereinstimmen. Hinweis: Beschreibung, Description und Keywords sind wichtige Informationen für die Suchmaschinen! (Siehe auch Seite 6). Anschliessend klicken Sie unten auf «Seite hinzufügen».

76 Verwaltung Sitemap Eine Unterseite hinzufügen Die neue Unterseite ist hinzugefügt und kann später beliebig verschoben werden (siehe Seite 77).

77 Verwaltung Sitemap Seite verschieben Um eine Seite samt Unterseiten zu verschieben, klicken und halten Sie die Ikone links von der Seite, dann verschieben Sie sie in die gewünschte Position (in unserem Beispiel zwischen «Download» und «Kontakt»).

78 Verwaltung Sitemap Seite verschieben Die Seite ist jetzt verschoben.

79 Verwaltung Sitemap Seite löschen Um eine Seite zu löschen, klicken Sie auf die Seite die Sie löschen möchten (auf das Wort, nicht auf die Ikone links davon, in unserem Beispiel «Neue Unterseite»). Wählen Sie «Löschen».

80 Verwaltung Sitemap Seite löschen Klicken Sie auf «Löschen».

81 Verwaltung Sitemap Seite löschen Die Seite wurde gelöscht.