Reto Fuchs

Webereistrasse 5
CH-5727 Oberkulm

Kurzanleitung Joomla:

Bearbeitung und Erstellung von Beitrgen, Links, Bildern und Menus

Hinweis: Diese Anleitung ist stark vereinfacht und erhebt keinen Anspruch auf Vollstndigkeit. Der verwendete
Editor ist JCE (Joomla Content Editor). Joomla Version 1.5

Empfehlung: Damit die einzelnen Schritte der Anleitung besser nachvollziehbar sind, empfiehlt es sich, gleich
praktisch damit zu arbeiten und 1:1 am Computer durchzuspielen.

Wichtig: Falls etwas nicht auf Anhieb klappt, klicken Sie bitte auf abbrechen und nicht auf speichern.
Speichern = online.

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Inhaltsverzeichnis

1. Login / Anmeldung ................................................................................................................................................................................... 3

1.1 Login im Frontend ............................................................................................................................................................................. 3
1.2 Login ins Backend .............................................................................................................................................................................. 5

2. Beitrge bearbeiten .................................................................................................................................................................................. 7

2.1 Der Editor .............................................................................................................................................................................................. 7
2.2 Die Werkzeuge des Editors ............................................................................................................................................................. 8
Wichtiger Hinweis zu Tabellen ............................................................................................................................................................. 9

2.3 Links einfgen und bearbeiten ....................................................................................................................................................... 10

2.3.1 Externer Link .................................................................................................................................................................................. 10
2.3.2 Mailadresse verlinken ................................................................................................................................................................. 10
2.3.3 Interner Link ................................................................................................................................................................................... 11
Variante 1, Kopieren ......................................................................................................................................................................... 11
Variante 2, Link Browser .................................................................................................................................................................. 11
2.3.4 Dateien verlinken (z. B. pdf) ..................................................................................................................................................... 12
Neuen Ordner anlegen .................................................................................................................................................................... 13
pdf hochladen..................................................................................................................................................................................... 13
Mehrere Dateien hochladen.......................................................................................................................................................... 13

2.4 Bilder einfgen und bearbeiten ...................................................................................................................................................... 15

2.4.1 Bild hochladen und einfgen .................................................................................................................................................. 15
Neue Ordner erstellen und benennen ....................................................................................................................................... 15
Bild hochladen .................................................................................................................................................................................... 16
Mehrere Bilder hochladen .............................................................................................................................................................. 16
Eigenschaften und Position des Bildes ........................................................................................................................................... 17

2.5 Neuer Beitrag ......................................................................................................................................................................................... 18

Beispiel Aktuell (Newsmodul) .................................................................................................................................................... 19
Beispiel Kategorienblog/News/Aktuelle Angebote etc....................................................................................................... 19

3. Menus ......................................................................................................................................................................................................... 20
3.1 Neuen Menupunkt erstellen und bearbeiten ....................................................................................................................... 20
Menus und Untermenus ...................................................................................................................................................................... 22
Reihenfolge der Menupunkte anpassen ........................................................................................................................................ 23

4. Ergnzende Hinweise ............................................................................................................................................................................ 24

4.1 Bilder fr die Website vorbereiten ............................................................................................................................................ 24
Ordnung muss sein ........................................................................................................................................................................... 24
Programme .......................................................................................................................................................................................... 24
Geeignete Dateiformate ................................................................................................................................................................. 24
4.1.1 Bildbearbeitung Mac OS X: ....................................................................................................................................................... 24
4.1.2 Bildbearbeitung Windows ........................................................................................................................................................ 25
Irfanview ............................................................................................................................................................................................... 25

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

1. Login / Anmeldung

Damit die Inhalte bearbeitet werden knnen, muss zuerst die Anmeldung am System erfolgen:

1.1 Login im Frontend

(= direkt auf der Website): z. B. fr kleinere Korrekturen

Anmeldung ber den Login-Link, der auf der Seite Impressum oder auch auf der Sitemap zu finden ist,

Anschliessend ffnet sich das Loginfenster:

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Falls auf Ihrer Website das Anmeldemodul aktiviert ist, lsst sich das Login auch dort vornehmen:

Nach dem Login erscheint bei jeden Beitrag unterhalb des Titels das Symbol fr Bearbeiten .
Durch Anklicken dieses Symbols wird der Editor gestartet und der Beitrag kann bearbeitet werden. Die
Erklrungen fr die Bearbeitung sind unter Punkt 2 ff. zu finden.

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

1.2 Login ins Backend

(ins System): Anmeldungen ber den folgenden Link: www.ihredomain.ch/administrator.

Das Anmeldefenster erscheint:

Hier geben sie Ihren Benutzernamen und das Passwort ein und klicken anschliessend auf Anmelden.

Nach erfolgreicher Anmeldung gelangen Sie zum Kontrollzentrum (je nach Berechtigung werden gewisse
Symbole wie Benutzer, Konfiguration etc. eventuell nicht angezeigt):

In den meisten Fllen brauchen Sie nur die Punkte Beitrge und Menus:

- Beitrge: Hier werden alle Inhalte (Texte, Seiten der Website) verwaltet.
- Menus: Menustruktur der Website. Hier knnen neue Menupunkte hinzugefgt, bzw. bestehende
bearbeitet und verschoben werden.

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Klicken Sie auf Beitrge und die Liste aller Beitrge wird angezeigt:

In der Spalte Freigegeben sehen Sie, ob ein Beitrag aktiv ist (freigegeben =grn) oder gesperrt (rot=auf der
Website nicht sichtbar). Durch Anklicken des Symbols ndern Sie den Status. Um einen bestehenden Beitrag zu
bearbeiten, klicken Sie links auf den Dateinamen und der Editor ffnet sich.

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2. Beitrge bearbeiten

2.1 Der Editor

So sieht der Editor im Backend aus:

Buttons oben rechts:

Vorschau: Zeigt eine Voransicht des Beitrages

Speichern: Sichert den Beitrag und schliesst diesen. Sie gelangen zurck zur Beitragsliste
Anwenden: Zwischenspeichern, sichert den Beitrag und man bleibt im Editor
Schliessen: Verwirft die nicht gespeicherten nderungen und fhrt ebenfalls zurck zur Beitragsliste

Im oberen Teil knnen Sie den Titel und z. B. auch die Bereiche und Kategorien zuweisen (wichtig wenn
beispielsweise ein Newsmodul verwendet wird).

Auf der rechten Seite finden Sie die Beitragsparameter: Hier knnen Sie unter anderem angeben, ob ein Beitrag
immer oder nur bis zu einem bestimmten Datum angezeigt wird. Normal steht bei Freigabe beenden: Nie.

Direkt darunter bei den erweiterten Parametern knnen Sie angeben, ob z. B. der Autor des Beitrages, das
Erstellungsdatum, das nderungsdatum u.v.m. dem Websitebesucher angezeigt wird.

Im eigentlichen Hauptfenster des Editors knnen Sie den Text, Bilder und andere Inhalte bearbeiten. Die
Bearbeitung eines Beitrages funktioniert sehr hnlich wie z. B. in Microsoft Word.

Auf den folgenden Seiten werden die Symbole des Editors kurz erklrt.

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2.2 Die Werkzeuge des Editors

Bearbeiten rckgngig, wieder

herstellen
Schriftart Arial, Helvetica etc.

Schriftgrsse Wahl der Grsse in Punkt

Format
Zeichenfarbe, Zeichen-
Hintergrundfarbe
fett, kursiv, unterstrichen
Format des Textes (berschrift 1-6,
Absatz, Zitat etc.)
Definiert die Textfarbe und den
Hintergrund hinter dem Text

durchgestrichen

Blocksatz, zentriert

linksbndig, rechtsbndig

tiefgestellt, hochgestellt
ffnet die Palette fr
Sonderzeichen einfgen
Sonderzeichen
Lscht eine bestehend
Formatierung lschen
Formatierung (z. B. fett + kursiv)
Einrcken eines Textabschnittes,
Einzug erhhen, verkleinern
bzw. zurck
Aufzhlung, Nummerierung Fr Listen etc.
von links nach rechts, von rechts
Textfluss
nach links
aus Word einfgen, als
unformatierten Text einfgen
kopieren, ausschneiden, einfgen

Suchen, Ersetzen
Inhalt des Beitrages wird unterteilt
Weiterlesen einfgen
(z. B. > mehr..)
Seitenwechsel einfgen, Inhalt des Beitrages wird unterteilt
bearbeiten in mehrere Seiten
Vollbildanzeige

Vorschau Voransicht der Bearbeitung

Drucken

Tabelle einfgen

Tabelle lschen

Tabelleneigenschaften bearbeiten
Zeileneigenschaften,
Zelleneigenschaften
8

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Spalte lschen, Zeile lschen

Spalte rechts, links einfgen

Zeile unterhalb, oberhalb einfgen

Zellen verbinden, Zellen teilen

Bild einfgen, bearbeiten

Link einfgen, bearbeiten
Link lschen
Anker einfgen, bearbeiten
Zustzliches Leerzeichen einfgen
Interne und externe Links setzen,
allenfalls Angabe des Zielfensters
etc.
Marke setzten, zu der ein Link
innerhalb des Beitrages springt.

Horizontale Linie

HTML-Quelltext bearbeiten

Wichtiger Hinweis zu Tabellen:

Tabellen werden praktisch in allen Browsern unterschiedlich dargestellt. Achten Sie darauf, dass Sie allfllige
Tabellen nicht zu breit anlegen, ansonsten knnen Sie unschn ber das Layout hinausragen

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2.3 Links einfgen und bearbeiten

Um einen Text (oder ein Bild) mit einem Link zu versehen, markieren sie diesen und klicken im Editor auf das
Linksymbol . Darauf ffnet sich der Linkmanager.

2.3.1 Externer Link

Einen Link zu einer anderen Website knnen Sie ganz einfach setzen, in dem sie bei 1 die ganze Adresse (URL)
eingeben. Wichtig bei externen Links ist zudem, dass bei 2 die Option In neuem Fenster ffnen gewhlt wird,
damit das Fenster mit Ihrer Website im Hintergrund noch sichtbar ist und nicht pltzlich verschwindet.

2.3.2 Mailadresse verlinken

Um einem markierten Text eine Mailadresse zuzuweisen, klicken Sie wiederum auf das Linksymbol. Im
Linkmanager whlen Sie das Mailsymbol 3. Sie knnen dann die Mailadressen wie folgt eingeben:

To: Empfngeradresse

Cc: Kopie an

Bcc: Blindkopie an

Betreff: Hier knnen Sie einen Betreff fr die E-Mail vordefinieren.

Danach auf OK und fertig ist der Mail-Link.

10

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2.3.3 Interner Link

Um einen Link innerhalb der Website zu erstellen (z. B. von Beitrag zu Beitrag), gehen Sie wie folgt vor:
Markieren Sie wiederum zuerst den Text, den Sie verlinken mchten.

Variante 1, Kopieren:
Gehen sie auf ihrer Website zur der Seite, die Sie verlinken mchten. Kopieren Sie die Adresszeile des Browsers
und fgen diese im Linkmanager unter URL wieder ein. Die kopierte URL sieht dann etwa so aus:

http://www.ihrefirma.ch/index.php?option=com_content&view=article&id=50&Itemid=58

Zuletzt auf Anwenden klicken

fertig.

Variante 2, Link Browser:

Im Link Browser (s. oben) knnen Sie die zu verlinkende Seite ebenfalls auswhlen. In diesem Beispiel:
Menu > Menu oben > Angebot > dann werden die einzelnen Beitrge angezeigt.
Anschliessend auf Anwenden fertig.

11

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2.3.4 Dateien verlinken (z. B. pdf)

Mchten Sie einen Link zu einer Datei (pdf, Word, Excel etc.) setzen, gehen Sie folgendermassen vor: Wiederum
den Text markieren, der verlinkt werden soll und auf das Linksymbol im Editor klicken. Im Linkmanager gehen
Sie auf Durchsuchen 4.

Danach ffnet sich in einem neuen Fenster der

Dateibrowser (Bild unten):

1: vorhandene Dateien
2: neuer Ordner
3: Datei hochladen

12

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Ist das gewnschte pdf noch nicht auf dem Server, mssen Sie es zuerst hochladen. Dies funktioniert so:

Neuen Ordner anlegen:

Es empfiehlt sich, fr die pdfs einen neuen Ordner anzulegen. Dies geschieht ber das Ordnersymbol bei 2.
Damit knnen Sie neue Ordner erstellen und benennen. Die neuen Ordner sind dann automatisch auf der linken
Seite bei den Verzeichnissen zu finden.

pdf hochladen:

Ihre pdf-Datei befindet sich noch auf Ihrem Computer und muss nun auf den Server hochgeladen werden. Dazu
klicken Sie im Dateibrowser auf das Symbol Hochladen 3. Danach ffnet sich das Upload-Fenster:

Mit dem grnen Button Hinzufgen gelangen

Sie nun in den Dateibrowser Ihres Computers und
knnen die gewnschte pdf-Datei auswhlen.
Nach dem Auswhlen liegt die Datei in der
Warteschlange und ist rechts mit einem roten
Kreuz versehen. Dies bedeutet, dass die Datei
noch nicht hochgeladen wurde.

Mehrere Dateien hochladen:

Sie haben nun die Mglichkeit, mehrere Dateien
gleichzeitig hochzuladen. Fr jede Datei klicken
Sie ganz einfach auf Hinzufgen. Wenn alle
Dateien in der Warteschlange sind, whlen Sie
unten Upload und alle Dateien werden
hochgeladen.

Dateien, die erfolgreich hochgeladen wurden,

sind anschliessend mit einem grnen Hkchen
versehen.

Sind alle Dateien hochgeladen, knnen Sie dieses

Fenster oben recht schliessen und Sie gelangen
zurck zum Dateibrowser.

13

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Whlen Sie die gewnschte Datei durch Anklicken des Dateinamens bei 1 aus und klicken Sie auf Einfgen /
Insert. Darauf sind Sie wieder zurck im Linkmanager:

Whlen Sie bei Ziel 2 in neuem Fenster ffnen,

damit Ihre Website im Hintergrund sichtbar bleibt.
Die verlinkte pdf-Datei wird dann bei URL 1
angezeigt.

14

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2.4 Bilder einfgen und bearbeiten

2.4.1 Bild hochladen und einfgen

Setzen Sie im Editor den Cursor an die Stelle, an der das Bild platziert werden soll. Danach klicken Sie im Editor
auf das Symbol fr Bild einfgen / bearbeiten und der Bildmanager ffnet sich:

Im unteren Bereich bei 5 werden alle Bilder angezeigt, die bereits auf dem Server liegen.

In den meisten Fllen werden Sie jedoch ein neues Bild auf den Server hochladen. Es empfiehlt sich, ein Bild als
erstes auf seine ungefhre Grsse zu verkleinern, damit Speicherplatz auf dem Server gespart werden kann und
sich die Ladezeiten fr den Websitebesucher in Grenzen halten. Wie Sie Bilder verkleinern knnen, wird in einem
separaten Abschnitt behandelt.

Neue Ordner erstellen und benennen

Falls Sie viel Bildmaterial verwenden, empfiehlt es sich, auf dem Server verschiedene Ordner anzulegen, damit
das Verzeichnis bersichtlich bleibt. Im Bildmanager klicken Sie hierzu auf das Ordnersymbol bei Punkt 6 und
der neue Ordner kann erstellt und mit einem Namen versehen werden.

15

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Bild hochladen

Whlen Sie den Ordner aus, in den Sie das Bild hochladen mchten und klicken im Bildmanager auf das
Uploadsymbol 7.

Das Upload-Fenster ffnet sich:

Mit dem grnen Button Hinzufgen gelangen

Sie nun in den Dateibrowser Ihres Computers und
knnen das gewnschte Bild suchen. Nach dem
Auswhlen liegt die Datei in der Warteschlange
und ist rechts mit einem roten Kreuz versehen.
Dies bedeutet, dass die Datei noch nicht
hochgeladen wurde.

Mehrere Bilder hochladen:

Sie haben nun die Mglichkeit, mehrere Dateien
gleichzeitig hochzuladen. Fr jede Datei klicken
Sie ganz einfach auf Hinzufgen. Wenn alle
Dateien in der Warteschlange sind, whlen Sie
unten Upload und alle Dateien werden
hochgeladen.

Dateien, die erfolgreich hochgeladen wurden, sind

anschliessend mit einem grnen Hkchen
versehen.

Sind alle Dateien hochgeladen, knnen Sie dieses

Fenster oben recht schliessen und Sie gelangen
zurck zum Bildmanager.

16

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Um ein Bild zu verwenden, klicken Sie auf den Dateinamen. Bei Eigenschaften sehen Sie dann, dass das Bild
bernommen wurde. Sie knnen nun noch die exakte Grsse und Position festlegen:

Eigenschaften und Position des Bildes

1 Grsse des Bildes anpassen. Geben Sie die neue Breite (oder Hhe) ein und drcken Sie die Returntaste.
Solange Proportional aktiviert ist, bleibt das Seitenverhltnis konstant und das Bild wird nicht verzogen.

2 Ausrichtung: Links , mittig oder rechts. Im Bereich Vorschau wird das Ergebnis simuliert.

3 Bereinigen (clear): Ist clear aktiviert, wird das Bild nicht mit Text umflossen. Fr ein linksbndiges Bild whlt
man in diesem Fall clear links.

4 Hier knnen Sie die genauen Aussenabstnde des Bildes festlegen. Deaktivieren Sie als erstes Alle gleich,
damit unterschiedliche Werte eingegeben werden knnen. Fr ein linksbndiges Bild empfiehlt sich
links=0, damit das Bild exakt linksbndig ist. Wird das Bild mit Text umflossen, geben Sie bei rechts (und
evtl. unten) den gewnschten Wert ein, damit der Text nicht auf dem Bild aufhockt. In der Regel fhrt
man mit 20 bis 40 Pixel gut.

Sind alle Feinabstimmungen korrekt, klicken Sie auf Einfgen und das Bild ist platziert. Sei haben im Editor dann
noch die Mglichkeit das Bild mit der Maus zu packen und herumzuschieben. Ist aber etwas
gewhnungsbedrftig

17

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

2.5 Neuer Beitrag

Um einen neuen Beitrag zu erstellen, klicken Sie in der Beitragsliste auf das grne Symbol Neu, oben rechts.

Das Fenster fr den neuen Beitrag ffnet sich:

In diesem Bereich geben Sie

den Titel des Beitrags ein
(Alias offen lassen) und
whlen Sie den Bereich und
die Kategorie. Werden keine
Bereiche und Kategorien
verwendet, knnen Sie auch
nicht kategorisiert
verwenden.

Auf der rechten Seite bei

den Erweiterten
Parametern ist zu
empfehlen, dass Sie bei den
Punkten Autor, Erstellungs-
und bei Bearbeitungs-
datum die Option Verbergen whlen.

Im Hauptbereich knnen Sie dann den Text und die weiteren Inhalte eingeben, wie vorgngig beschrieben.
Anschliessend auf Anwenden und der Beitrag ist schon einmal gesichert.

Damit der Beitrag auf der Website auch angezeigt werden kann, muss er noch zugeordnet werden.

Dies kann z. B. ber vordefinierte Bereiche und Kategorien geschehen (z. B. Bereich News und Kategorie
Aktuell, dann wird der Beitrag beim entsprechenden Menupunkt oder Modul angezeigt).

18

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Beispiel Aktuell (Newsmodul):

Ist ein Newsmodul auf Ihrer Seite eingerichtet (hufig in Verbindung mit Weiterlesen oder mehr), knnen Sie
fr einen neuen Newseintrag ganz einfach die Einstellungen des bestehenden bernehmen (also z. B. Bereich =
News und Kategorie = Aktuell) und Ihren neuen Beitrag schreiben. Positionieren im Text Sie den Weiterlesen-
Trenner so, dass in der Newsansicht nur Titel oder Einleitungstext gezeigt wird. Anschliessend sperren Sie den
alten Beitrag bei der Freigabe. Damit wird der neue Beitrag angezeigt.

Beispiel: 1 Newsmodul, 2 Weiterlesen

Beispiel Kategorienblog/News/Aktuelle Angebote etc:

Sollen auf einer Seite mehrere Beitrge angezeigt werden, wird dies mit einem Kategorienblog dargestellt.
Dazu werden den zugehrigen Beitrgen jeweils der Bereich und die Kategorie zugeordnet und Sie erscheinen
auf der Seite mit der entsprechende Kategorie:

Beispiel: Bereich Immobilien mit 2 Kategorien Miete und Verkauf. Ein Beitrag kann so zugeteilt werden und wird
in der entsprechenden Kategorie angezeigt.

Hufig jedoch wird der Beitrag einem Menupunkt zugewiesen. Wie dies funktioniert, lesen Sie im nchsten
Abschnitt.

19

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

3. Menus

3.1 Neuen Menupunkt erstellen und bearbeiten

Um die Menus zu bearbeiten, mssen Sie im Backend eingeloggt sein (s. Punkt 1.2). Im Kontrollzentrum whlen
Sie den Button Menus. Die bersicht der Menus erscheint:

Klicken Sie auf das Symbol fr die Menueintrge und Sie gelangen zur Liste der Eintrge:

Neben dem Titel Menueintrge wird in Klammern angezeigt, in welchem Menu wir uns befinden.
Mit dem grnen Symbol Neu oben rechts knnen wir nun einen neuen Menueintrag erstellen.

Als erstes legen wir fest, um welche Art Menueintrag es sich handelt. In den meisten Fllen wird dies ein
Standard-Beitrag sein.
20

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Dazu whlen wir Beitrge und im folgenden Fenster Layout Beitrag (Joomla Standard).

21

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Nun knnen wir den neuen Menueintrag bearbeiten:

1: Hier geben wir den

Titel des Eintrages an.
Achten Sie darauf, dass
der Titel mglichst kurz
wird.

Alias leer lassen, wird

automatisch ergnzt.

2: Hier wird angezeigt,

in welchem Menu der
Eintrag dann erscheint.
In der Regel mssen Sie
hier nichts ndern.

Menus und Untermenus:

3: Hier knnen Sie die Position des Eintrages innerhalb des Menus festlegen:
Oben bedeutet, dass der Eintrag auf der obersten Ebene angezeigt wird. In unserem Beispiel gleich wie ber
uns, Abteilungen, Das Kommando und Organigramm.

Soll der neue Menueintrag eine Ebene tiefer angelegt werden, z. B. als weiteres Untermenu von Abteilungen,
whlen Sie den bergeordneten Menupunkt (Abteilungen) an. Noch eine Ebene tiefer wre dann z. B.
unterhalb von Atemschutz usw.

Die Reihenfolge innerhalb des Menus kann nachher in der Liste der Menueintrge angepasst werden.

4: Zum Schluss geben wir noch den Beitrag an, zu dem der Menupunkt fhren soll. Mit dem Button whlen
gelangen Sie zur Liste der Beitrge:

Whlen Sie einen Beitrag durch Anklicken aus und

schliessen das Fenster wieder.

Danach klicken Sie auf Speichern und fertig ist

der Eintrag.

22

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Reihenfolge der Menupunkte anpassen:

Mit den kleinen grnen Pfeilen bei Reihenfolge knnen Sie die Menupunkte verschieben (auf und ab).
Das kleine Symbol neben Reihenfolge speichert die nderungen.

Ist die Bearbeitung fertig, gelangen Sie ber das Symbol Menus zurck zur Liste der Menus, ber den
Menupunkt Site links oben zurck zum Kontrollzentrum.

23

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

4. Ergnzende Hinweise
4.1 Bilder fr die Website vorbereiten

Damit wir auf der Website nicht zu viel Speicherplatz verbraten und die Ladezeiten der Bilder kurz halten
knnen, mssen diese vor dem Hochladen verkleinert werden. Es macht keinen Sinn, ein 12-Megapixel-Bild
hochzuladen

Ordnung muss sein

Bevor wir mit der Bearbeitung beginnen, lohnt sich ein zustzlicher organisatorischer Schritt: Damit wir die
Originalbilder und die verkleinerten nicht aus Versehen verwechseln, legen wir zwei neue Ordner an, z. B.:
Originale und bearbeitet. Diese Ordner erstellen Sie in dem Verzeichnis, das fr Sie Sinn macht (und das Sie
auf Anhieb wieder finden). Legen Sie die Originale nun in den entsprechenden Ordner und es kann losgehen.
Bei der Benennung der bearbeiteten Bilder empfiehlt es sich zudem, dem Dateinamen noch einen kleinen
Zusatz zu verpassen, damit Originalbild und bearbeitetes Bild noch besser auseinander gehalten werden knnen
(z. B. DSCF236_b.jpg).

Programme

Die meisten Bildbearbeitungsprogramme (z. B. Photoshop, Gimp usw.) verfgen ber eine Funktion fr den
Bildexport frs Web. Besitzen Sie kein solches Programm, knnen Sie eine einfache Gratissoftware installieren,
oder mit den systemeigenen Programmen arbeiten (funktioniert am Mac und ab Windows 7).

Geeignete Dateiformate

Verwenden Sie jpeg oder png. Das gif-Format sollte vor allem bei Fotos vermieden werden, da die Qualitt stark
leidet. gif ist lediglich bei Grafiken / Logos und als animiertes gif verwendbar.

4.1.1 Bildbearbeitung Mac OS X:

Wenn Sie mit einem Mac arbeiten, knnen Sie die Bilder ganz einfach mit dem Programm Vorschau
verkleinern. Nach dem ffnen des Bildes gehen Sie zu >Werkzeuge>Grssenkorrektur:

Geben Sie die neue Grsse in

Pixel ein und aktivieren Sie die
Kstchen fr die Proportionen
und die Neuberechnung.

Im unteren Fenster sehen Sie

die Infos zur neuen Bildgrsse.

Nach dem Klicken auf OK, wird

die Verkleinerung
vorgenommen. Je nach
Version von OS X besteht nun
die Mglichkeit mit Speichern
unter die verkleinerte Version
des Bildes im Ordner
bearbeitet abzuspeichern.

Bei der Version OS X 10.7 (Lion)

empfiehlt es sich, die Datei zu
Duplizieren (Sie werden
automatisch durch die Schritte
gefhrt).

Liegt das Bild nun verkleinert im Ordner bearbeitet, knnen Sie es (wie bei 2.4 beschrieben) hochladen.
24

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

4.1.2 Bildbearbeitung Windows

Irfanview

Arbeiten Sie mit Windows, so empfiehlt sich die Installation eines kleinen Zusatzprogrammes: Irfanview.
Sie knnen es hier herunterladen und anschliessend installieren: www.irfanwiev.de

Nach der Installation starten Sie das

Programm. Standardmssig ist
Englisch eingestellt, Sie knnen aber
bei Options > Change language zu
Deutsch wechseln.

ffnen Sie nun das gewnschte Bild und passen im Menu Bild > Grsse ndern die Bildmasse an.

Geben Sie die neue Grsse ein und

klicken Sie auf OK.

25

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch

 Reto Fuchs
Webereistrasse 5
CH-5727 Oberkulm

Als Letztes speichern Sie das Bild nun im gewnschten Dateiformat in den Ordner fr die bearbeiteten Bilder.

Zustzlich knnen Sie noch weitere

Optionen einstellen:

z. B. Qualitt: nicht unter 80 gehen

Nach dem Speichern knnen Sie es wie unter 2.4 beschrieben in die Website einbinden.

26

+41 79 432 74 23 info@mediarts.ch www.mediarts.ch