Content Management mit Joomla! 3.5 für Kids

Transkript

1 Content Management mit Joomla! 3.5 für Kids

2

3 Johann-Christian Hanke Content Management mit Joomla! 3.5 für Kids

4 Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über < abrufbar. Bei der Herstellung des Werkes haben wir uns zukunftsbewusst für umweltverträgliche und wiederverwertbare Materialien entschieden. Der Inhalt ist auf elementar chlorfreiem Papier gedruckt. ISBN Auflage Telefon: / Telefax: / mitp-verlags GmbH & Co. KG Dieses Werk, einschließlich aller seiner Teile, ist urheberrechtlich geschützt. Jede Verwertung außerhalb der engen Grenzen des Urheberrechtsgesetzes ist ohne Zustimmung des Verlages unzulässig und strafbar. Dies gilt insbesondere für Vervielfältigungen, Übersetzungen, Mikroverfilmungen und die Einspeicherung und Verarbeitung in elektronischen Systemen. Die Wiedergabe von Gebrauchsnamen, Handelsnamen, Warenbezeichnungen usw. in diesem Werk berechtigt auch ohne besondere Kennzeichnung nicht zu der Annahme, dass solche Namen im Sinne der Warenzeichen- und Markenschutz-Gesetzgebung als frei zu betrachten wären und daher von jedermann benutzt werden dürften. Lektorat: Katja Völpel Sprachkorrektorat: Petra Heubach-Erdmann Covergestaltung: Christian Kalkert Satz: Johann-Christian Hanke Druck: Medienhaus Plump GmbH, Rheinbreitbach

5 Inhalt Inhalt Vorwort 9 Lernen am Beispiel 11 Der Kurs zum Buch 14 Einleitung 15 Vorteile eines CMS 15 Was kostet Joomla? 16 Wer sind denn»wir«? 17 1 Download und Installation 19 Schnell und bequem in fünf Minuten 19 Doch von Hand? Vorüberlegungen zur Installation 22 MAMP: lokaler Webserver unter Windows und Mac 23 Datenbank einrichten mit phpmyadmin 32 Joomla herunterladen 34 Die Installation vorbereiten 36 Joomla ins Web hochladen 37 Die eigentliche Installation von Joomla 41 Zusammenfassung 53 Ein paar Fragen 53 und eine Aufgabe 53 2 Frontend und Backend 55 Einloggen ins Backend 55 Im Backend zurechtfinden 61 Das Kontrollzentrum im Griff 62 Beitrag einfügen und formatieren 67 Anzeige unerwünschter Elemente abstellen 72 Füge ein Bild in den Beitrag ein 75 Brauchst du ein Impressum? 81 Zusammenfassung 84 Ein paar Fragen 85 und ein paar Aufgaben 85 5

6 Inhalt 3 Neuer Look für deine Site 87 Layout wechseln: Template-Manager 87 Template individuell anpassen 91 Die Struktur des Templates 95 Einzelne Textpassagen optisch umgestalten 97 Die Positionen eines Templates 101 Individuelles Template per Template-Generator 104 Freie Templates aus dem Internet? 106 Seriöse Template-Anbieter 108 Template installieren und deinstallieren 109 Zusammenfassung 114 Ein paar Fragen 114 und keine weitere Aufgabe Website planen und vorbereiten 115 Erst einmal planen 116 Module und Positionen 117 Modul umbenennen und auf andere Position umlenken 120 Ein neues Modul für die Suche 122 Module für Menü hinzufügen 125 Inhalte und Kategorien 127 Neuen Beitrag erstellen 134 Freigeben von Elementen 135 Zusammenfassung 138 Ein paar Fragen 138 und ein paar Aufgaben Content managen: Beiträge und Bilder 141 Weitere Beiträge erfassen 142 Inhalte verwalten 144 Die Versionsverwaltung 146 Archivieren oder löschen? 148 Bilder verwalten 150 Bild in Beitrag einfügen 155 Inhalte mit Anreißertext versehen 158 Veröffentlichungsoptionen 160 Zusammenfassung 163 Ein paar Fragen 163 und ein paar Aufgaben 164

7 Inhalt 6 Menüeinträge einrichten und verwalten 165 Menüeintrag für das Impressum 165 Ein paar Aufgaben 168 Menüeintrag zum Untermenüpunkt machen 171 Reihenfolge der Menüeinträge anpassen 172 Menü attraktiv gestalten 174 News: Menüeintrag im Bloglayout 177 Interessante Beiträge als RSS-Feed darstellen 183 Die Geheimnisse des Menüpunkts»Home«186 Menüeintrag im Listenlayout 191 Benutzermenü aufbauen 195 Zusammenfassung 197 Ein paar Fragen 197 und ein paar mehr Aufgaben Joomla konfigurieren 199 Joomla konfigurieren 199 Wartungsmodus, Seitentitel und Lieblingseditor 201 Datenbank, Mail und FTP 205 Suchmaschinenfreundliche URLs 208 Meta-Tags 213 Individueller Look per Favicon 216 Zusammenfassung 217 Ein paar Fragen 218 und ein paar Aufgaben Joomla erweitern: Feedbackformular und Co. 219 Komponenten, Module, Plugins 220 Newsbox in der Seitenleiste 221 Feedback per Kontaktformular 224 Zufallsbild und Schlagwortliste 229 Kommentarfunktion: Erweiterung finden und installieren 231 Schnell installiert die Bildergalerie 235 YouTube-Video einbinden 238 Karte aus Google Maps einbinden 241 Sound und Video abspielen 242 Erweiterung deinstallieren 244 Zusammenfassung 245 Ein paar Fragen 246 und ein paar Aufgaben 246 7

8 Inhalt 9 Nutzerverwaltung von Joomla 247 Benutzer-Manager im Überblick 247 Anmelden-Modul freischalten und in Beitrag einblenden 251 Beiträge und Module im Frontend bearbeiten 254 Wie werden Beiträge eingestellt? 260 Erweiterte Zugriffskontrolle 263 Zusammenfassung 268 Ein paar Fragen 269 und ein paar Aufgaben Eine mehrsprachige Website aufbauen 271 Sprachen verwalten und installieren 271 Sprachmodule und Sprachfilter 274 Das Schattenmenü einrichten 276 Die Inhalte planen und anlegen 278 Menüeinträge miteinander verknüpfen 282 Zusammenfassung 284 Ein paar Fragen 284 und ein paar Aufgaben 285 Anhang A: Tipps zum Webhoster 287 Anhang B: Administratorkennwort vergessen? 291 Anhang C: Probleme mit dem Schreibschutz lösen 293 Anhang D: Sicherheit 295 Tipps zur Sicherheit 295 Anhang E: Backup und Umzug 299 Ein komplettes Backup erstellen 299 Mit Joomla umziehen 302 Schnellumzug: Geht es noch kürzer? 305 Stichwortverzeichnis 308 8

9 Vorwort Lust auf eine Homepage voller Dynamik und Pep? Eine Präsenz, die deine Freunde je nach Temperament»cool«,»sexy«,»hammermäßig«oder»total fett«finden werden? Kein Problem mit einem CMS, einem Content- Management-System. Damit fügst du deine Texte und Bilder zusammen und verpasst deinem Internetprojekt, also der sogenannten Website, ein attraktives Aussehen! Und zwar direkt auf dem Webserver, ohne irgendwelche Zusatzprogramme. In diesem Buch verraten wir dir, wie du mit dem frei verfügbaren Open- Source-System Joomla 3.5 problemlos zurechtkommst und rasend schnell deine eigene Website aufbaust. Joomla (sprich»dschumla«) ist eine Lautumschreibung für das Suaheli- Wort»Jumla«. Übersetzt heißt es»das Ganze«oder»als Ganzes«und meint damit die Entwicklergemeinschaft. Du lernst Folgendes: 0 Download und Installation von Joomla 0 Joomla auf dem Webserver einrichten 0 Frontend und Backend: Einloggen in Joomla 0 Template einrichten und andere Templates finden 0 Joomla konfigurieren 0 Content einfügen und managen 9

10 Vorwort Lernen am Beispiel 0 Content in mehreren Sprachen einbinden 0 Content ins Menü einbinden 0 Bilder hochladen und einbinden 0 Nutzerverwaltung kennenlernen 0 Berechtigungen setzen 0 Erweiterungen einbinden von Feedback bis Bildergalerie Einzige Voraussetzung: Dein Webhoster bietet PHP- und MySQL- Unterstützung. Sonst läuft Joomla nicht. Webhoster? Was ist das denn? Das ist der Dienstleister, der deine Website ins Internet bringt. Und der gleichzeitig dafür sorgt, dass deine Präsenz beispielsweise unter erreichbar ist. Als Gegenleistung bekommt der Hoster von dir (oder deinen Eltern) ein paar Euro pro Monat. (Mehr zu ausgewählten Hostern verraten wir dir in Anhang A.) MySQL ist ein Datenbanksystem und PHP die Programmiersprache, in der Joomla geschrieben wurde. Das bieten heutzutage aber praktisch alle Webhoster gleich mit an. Du hast noch keinen Webhoster? Oder du möchtest noch nicht sofort im Web loslegen, sondern erst probieren? Als Alternative kannst und solltest du Joomla aber erst einmal auf der lokalen Festplatte ausprobieren. All das führen wir dir genau vor, und zwar sowohl auf dem PC als auch auf dem Mac. Selbst Linux-Nutzer profitieren von dieser Anleitung, da die Vorgehensweise zumindest sinngemäß die gleiche ist. Welche Version sollte es sein? Das hängt ganz davon ab, zu welchem Zeitpunkt du dieses Buch liest. Momentan aktuell ist Joomla 3.5.1! Joomla wird regelmäßig aktualisiert und mit Mini-Updates versorgt, manchmal sogar nach ein paar Wochen. So kann es sein, dass du zum Zeitpunkt des Schreibens schon in Joomla oder gar 3.6 einsteigst. Da kann es durchaus passieren, dass sich ein paar kleine Details ändern, die wir dann aber in einer Neuauflage dieses Buches berücksichtigen werden. 10

11 Lernen am Beispiel Lernen am Beispiel Apropos Losarbeiten. Dieses Buch ist beispielorientiert. Wir führen dir den Umgang mit Joomla an einem ganz speziellen Projekt vor. Es handelt sich um die Website eines fiktiven Vereins die bauen wir Schritt für Schritt zusammen. Mache einfach mit. So erzielst du den größten Lerneffekt. So oder so ähnlich soll die Website im Endeffekt aussehen: Wir haben das Beispiel so allgemein gehalten, dass du es auch für eine Schulwebsite oder sogar eine Firmenwebsite verwenden kannst. Die Sprachauswahl ist natürlich keine Pflicht, sondern nur ein Vorschlag. Du kannst sie auch weglassen. Dir gefällt das Aussehen nicht? Bitte sehr, wähle ein anderes. In Sekunden verpasst du deiner Website einen neuen Look: 11

12 Vorwort Lernen am Beispiel Praktisch gleiche Inhalte, völlig anderes Design. Das ist die große Stärke von Joomla! Die hier gezeigte Website besitzt die typischen Elemente eines Webportals. Du findest einen Newsbereich und einen Bereich für Standorte genauso wie die Fotogalerie, YouTube-Videos und Anfahrtsskizze mit Google Maps. Auch Feedbackformular und Suchfeld zählen zur Ausstattung. Es handelt sich um ein mehrspaltiges Layout mit Kopf- und Fußbereich. Es gibt eine senkrechte und eine waagerechte Menüleiste mit Pull-down- Menüs und Links für so wichtige Dinge wie Kontaktformular oder Impressum. Diese Vereinswebsite ist der rote Faden, der sich durch das ganze Buch zieht. 12

13 Lernen am Beispiel Responsives Webdesign Es gibt aber noch eine andere wichtige Sache. So passt sich die Website von der Breite her stets perfekt an die Größe des Bildschirms des Betrachters an. Auf Tablets erscheint sie schmaler und die Menüs werden anders hervorgehoben. Auf Smartphones wird sie häufig noch ein Stück anders dargestellt. Stets so, dass die Betrachter alle Informationen auch auf ihren kleinen Bildschirmen in angenehmer Größe lesen können. Responsives Webdesign (reagierendes Webdesign) nennt sich diese Art der Darstellung und das neue Joomla folgt diesem Trend besser denn je! Joomla-Websites sind von Haus aus für die Darstellung auf Smartphones und Tablets optimiert. Abgesehen davon haben wir die Seite bewusst einfach gehalten, damit du die Struktur besser verstehst und das Projekt problemlos nachspielen kannst! Und wenn du dich richtig sicher fühlst, passt du das Beispiel einfach an deine eigenen Bedürfnisse an! Downloads auf der Serviceseite Lernen am Beispiel bedeutet: Wir bieten dir einige Dateien zum Download an. Und zwar auf der Website zum Buch unter Dort gibt es beispielsweise die Bilder, die Antworten auf die Fragen und Lösungshinweise zu den Aufgaben. Da wir gerade bei Webseiten sind: Besuche auch die Homepage des Autors: Die ist zwar nicht mit Joomla gemacht, dafür findest du Verweise zum Download der Beispieldateien. Was das Buch will und was es nicht kann Das Buch will dich Schritt für Schritt in Joomla einführen: so verständlich wie möglich. Anhand eines attraktiven Beispiels geben wir dir Hilfe zur Selbsthilfe. Du lernst schnell und vermeidest Umwege. Das Motto lautet: Learning by doing. Vergiss nicht: Es ist ein Einsteigerbuch, ein Kurs für Neulinge. Deshalb können wir dir naturgemäß nicht alle Fragen rund um Joomla beantworten. Das ist auch gar nicht das Ziel. Du sollst einen ersten Einstieg bekommen und Lust auf mehr. 13

14 Vorwort Der Kurs zum Buch Nach dem Lesen bist du sicher fit genug, dir vieles selbst beizubringen. Oder dich nach anderer Literatur umzuschauen gern aus dem Hause bhv oder mitp. Die Anleitungen im Buch beziehen sich in allererster Linie auf Windows ab Version 7. Also auch auf Windows 8 und 10. Ab und an geben wir aber auch Hinweise zum Mac-Betriebssystem Mac OS und Linux. Die längste Zeit arbeiten wir jedoch mit dem Webbrowser. Und da ist es (fast) egal, mit welchem Betriebssystem du arbeitest. So könntest du den Kurs theoretisch auch mit deinem Android-Tablet oder sogar dem ipad nachspielen! Zumindest dann, wenn du direkt online arbeitest und auf den im Buch gezeigten lokalen Webserver verzichtest. Was du schon können solltest Du solltest sicher mit dem Computer umgehen können, wissen, wie man Ordner und Dateien einrichtet, und schon einmal etwas von Zip-Dateien gehört haben. Das mag jetzt vielleicht lustig klingen, weil das einfache Grundlagen sind. Aber immer mehr von Johann-Christian Hankes Kursteilnehmern kennen sich zwar grandios mit Facebook, Whatsapp, Instagram, Twitter und Co. aus, haben aber leider oft wenig Ahnung von der Bedienung ihres Betriebssystems! Wir haben dich gerade ertappt? Kein Problem. Du kannst trotzdem weiterlesen. Der Autor»erinnert«an vielen Stellen immer wieder kurz, wie dieses und jenes geht. So bringst du dein Wissen fix auf Vordermann. Der Kurs zum Buch Lesen ist das eine, etwas gezeigt zu bekommen, ist das andere. Der Autor dieses Buchs gibt seit vielen Jahren Joomla-Kurse an einer VHS in Berlin, du findest sie über eine Kurssuche auf Diese Kurse basieren exakt auf diesem Buch, das Feedback aus den Kursen hilft ihm, das Buch immer wieder zu verbessern. Außerdem veröffentlicht der Autor den gleichen Kurs als Videokurs auf der Lernplattform Suche hier nach dem Namen des Kursleiters. Der Videokurs kostet so viel wie dieses Buch. Das ist zuviel? Besuche die Website um eine Ermäßigung zu erhalten! 14

15 Einleitung Moment mal warum solltest du deine Homepage eigentlich dynamisch aufbauen? Was sind die Vorteile eines CMS wie Joomla? Vorteile eines CMS Bitte sehr mache dich schlau: 0 Joomla arbeitet auf dem Webserver: Du benötigst keine teure Zusatzsoftware (wie beispielsweise Dreamweaver), um deine Seiten zu erstellen. 0 Joomla ist flexibel: Du kannst die Inhalte von jedem internetfähigen Computer der Welt aus bearbeiten einfach über den Browser. 0 Joomla ist international: Du kannst deine Website in mehreren Sprachen anbieten. (Und genau das werden wir auch tun!) 0 Inhalt und Layout sind getrennt: Du kannst das Aussehen deiner Website ändern, ohne die Inhalte»anfassen«zu müssen. 0 Integrierte Suchfunktion: Deine Besucher können deine Website nach Stichworten durchsuchen. 0 Integrierte Bild- und Dateiverwaltung: Du lädst Bilder und Dateien in Joomla hoch und bindest diese dann in deine Website ein. 15

16 Einleitung Was kostet Joomla? 0 Kontaktformular: Das praktische Feedbackformular ist schon eingebaut. Du musst nur noch die gewünschte -Adresse angeben. 0 Joomla ist erweiterbar: Präsentiere deine Urlaubsfotos als Bildergalerie, zeige Videos oder biete eine Kommentarfunktion an. Es gibt unzählige Komponenten für Joomla in vielen Fällen sogar kostenlos. 0 Nutze Joomla im Team, lege fest, wer Beiträge einstellen und bearbeiten darf. Die Nutzerverwaltung arbeitet mit unterschiedlichen Berechtigungsstufen und mit etwas Wissen baust du ein richtiggehendes Redaktionssystem auf. 0 Joomla erzeugt übrigens standardgerechten, fehlerfreien HTML-Code (in Abhängigkeit von der Vorlage). Das bringt dir Pluspunkte bei der Bewertung durch die Suchmaschinen. 0 Joomla arbeitet komplett auf Datenbankbasis (MySQL): Du brauchst also einen Dienstleister, der PHP und MySQL unterstützt. Den hast du noch nicht? Kein Problem! Weiter hinten bekommst du Tipps zur Dienstleisterwahl. Joomla gilt weltweit als die Nummer 2 der populärsten Content-Management-Systeme, dicht gefolgt von Drupal. In Statistiken (Stand: November 2015) wird geschätzt, dass knapp drei Prozent aller Websites mit Joomla laufen! TYPO3, um ein anderes populäres System zu nennen, ist nicht in den Top 5 enthalten. Rund 57 % aller Websites laufen angeblich übrigens überhaupt noch nicht über ein identifizierbares CMS. Der unangefochtene Marktführer ist allerdings WordPress, nach Herstellerangaben laufen 25 % aller Websites mit diesem System, also jede vierte Website. Ob das wahr ist? Quelle: Der Autor kennt (und lehrt) auch WordPress und gibt zu, dass WordPress ein leicht verständliches und attraktives System ist. Joomla hat seit Version 3.5 jedoch gewaltig aufgeholt! Wir hoffen, dass du seine Begeisterung über das neue Joomla spürst, wenn du dieses Buch liest. Was kostet Joomla? Die Antwort ist einfach: Nada, niente, nothing. Also nichts. Jawohl, du hast richtig gelesen: Joomla ist Open Source und kostet keinen Cent. Die Ent- 16

17 Wer sind denn»wir«? wickler haben es unter der GNU GPL, der GNU»General Public License«veröffentlicht. Das bedeutet: Du kannst den Code studieren, verändern und beliebig an deine Bedürfnisse anpassen. Du kannst mit diesem Programm auch Homepages für andere erstellen und sogar Geld dafür kassieren. Nur verkaufen darfst du Joomla nicht, denn das würde gegen die Lizenzbedingungen verstoßen. Wer sind denn»wir«? Bis jetzt haben wir dich die ganze Zeit mit»wir«angesprochen, im sogenannten Pluralis Majestatis. Wer sind denn»wir«? Nun, zum einen natürlich der rührige mitp-verlag, der diese wunderbare Kids-Reihe herausgibt. Zum anderen die sympathische Katja und der ebenso sympathische Steffen, die sich bescheiden im Hintergrund um die Herstellung dieser lehrreichen Bücher kümmern. Halt, halt. Dann gibt es da noch die Youngsters Nele und Tim (Buchcover) und mich den Hund Buffi. Ich schnuppere ab und an in meiner Kiste mit Tipps und Tricks und präsentiere dir die besten davon in einem solchen Kasten. Wenn etwas jedoch besonders wichtig ist, verpassen wir dem Kasten ein Ausrufezeichen. Vielleicht solltest du die Sache dann zweimal lesen! Last, but not least gibt es dann noch den immer mal wieder erwähnten Autor, der ebenfalls einen gewissen, ganz bescheidenen Beitrag zu diesem Buch leisten darf. Und der das große Glück hatte, auch die folgenden Titel 0»PHP und MySQL für Kids«(8. Auflage angedacht), 0»Satz und Layout mit Word«(Neuerscheinung Herbst 2016) und 0»Content Management mit WordPress für Kids«verfassen zu dürfen. Johann-Christian, nicht aufgeben wir zählen auf dich! Du schaffst auch dieses Buch! Auf der Buch-Website findest du neben allen Downloads zu Joomla auch Updates und Ergänzungen zum Buch. Wenn also etwas 17

18 Einleitung Wer sind denn»wir«? nicht stimmt, nicht funktioniert, die Katze weggelaufen ist oder das Wetter verrückt spielt ist natürlich immer der Autor schuld! Und nun viel Spaß mit Joomla und diesem Buch! im nächsten Kapitel übergeben wir endlich an den Autor! 18

19 1 Download und Installation Es geht los, wir machen Nägel mit Köpfen! In diesem Kapitel verrate ich dir, $ wo du Joomla herunterladen kannst, $ wie du einen lokalen Test-Webserver einrichtest, $ wie du Joomla Schritt für Schritt von Hand installierst, $ und wie du Joomla automatisch in fünf Minuten einrichtest. Die Anleitungen gelten für den PC und den Mac. Aber auch Linux-Anwender finden mit meinen Hinweisen sicher den richtigen Einstieg. Schnell und bequem in fünf Minuten Vielleicht geht dieses Kapitel für dich sogar schneller, als du glaubst? Das hängt ganz von deinem Webhoster ab, also dem Dienstleister, der deine Seite ins Web bringt! Und davon, wie wichtig es dir ist, die Installation von Joomla zu studieren. Denn viele Hoster bieten inzwischen eine Funktion, mit der du Joomla automatisch installieren kannst! Click & Build Apps, Softwareinstallation, App-Installer usw. sind alles Namen, hinter denen sich diese großartige Funktion möglicherweise verbirgt. 19

20 Download und Installation Kapitel 1 Das geht sinngemäß so: > Du loggst dich in das Kundenmenü ein. > Du suchst nach einem Werkzeug wie»software-installer«(allinkl.com),»1-click-installation«(strato.de),»click & Build Apps«(1und1.de),»App-Installer«und so weiter und so fort. (Die Dienstleister haben da ganz viel Fantasie, was die Benennung anbelangt.) Du findest dieses Werkzeug bei deinem Hoster nicht? Rufe einfach bei der Hotline an oder bitte einen Erwachsenen, das in deinem Auftrag zu tun. Fühle deinem Dienstleister auf den Zahn! Frage auch, ob du die Wahl hast, Joomla mit oder ohne Beispieldaten zu installieren. (Wir brauchen es unbedingt ohne Beispieldaten!) Sollte der Hoster nicht oder schlecht erreichbar sein, ist das kein gutes Zeichen. Bei solch einer»servicequalität«würde ich mir an deiner Stelle einen anderen Webhostingpartner suchen. > Du rufst dieses Werkzeug auf und folgst den Schritten (die leider von Hoster zu Hoster abweichen). Wie auch immer am Ende dieser Prozedur steht dir ein fix und fertiges Joomla zur Verfügung! Der große Vorteil: Die Installation von Joomla dauert nur fünf Minuten und du brauchst dich nicht mit technischen Dingen herumzuschlagen. Es kann aber auch Nachteile geben: Je nach Dienstleister wird dir nicht immer das»reine«joomla, sondern eine modifizierte Version angeboten. Manche Hoster installieren möglicherweise ganz ungefragt auch die Beispieldaten mit. Die wollen wir allerdings auf keinen Fall. (Du willst dir deine eigene Bude ja später auch selber einrichten und nicht in ein möbliertes Zimmer ziehen.) Ein weiterer Nachteil: Durch diese automatische Installation fehlt dir das praktische Wissen darüber, wie man ein CMS wie Joomla selber aufsetzt und wie man manche Dinge evtl. verändert. 20 Die Software-Installation am Beispiel von Neue Medien Münnich Trotzdem nutze auch ich dieses Feature gerne, vor allem, wenn es schnell gehen soll. Ich zeige dir, wie es beim bekannten Webhoster Neue Medien Münnich gelingt. Hier klappt die Software-Installation (fast) komplett in unserem Sinne.

21 Schnell und bequem in fünf Minuten Und so geht die Installation von Joomla: > Zuerst loggst du dich über in das Kundenmenü des Dienstleisters ein. > Du verwaltest mehrere Domains? Dann musst du evtl. erst in den richtigen Unteraccount wechseln. Wähle hier Tools und den Link Software-Installation. > Entscheide dich im rechten Bereich für die Domain (falls du mehrere auswählen kannst) und den Domain-Pfad. Wenn du hier das Zeichen / stehen lässt, wird Joomla in aller Regel im Stammordner deiner Präsenz eingerichtet. > Klicke auf WEITER. > Wähle im nächsten Bild das gewünschte CMS, hier Joomla. Gib Benutzernamen und deine Admin-Mail ein und klicke auf WEITER. > Im dritten Schritt wählst du die Datenbank aus. Entscheide dich außerdem, dass du die Beispieldaten nicht installieren willst. (Wie gut, dass du das hier auswählen kannst!) Klicke auf WEITER! 21

22 Kapitel Download und Installation 1 > Im letzten Schritt musst du die Lizenz und den Haftungsausschluss akzeptieren. Setze die entsprechenden Häkchen und klicke danach auf INSTALLATION JETZT STARTEN. > Geschafft! Der Dienstleister meldet dir, dass die Software installiert wird. Außerdem werden dir die genauen Zugangsdaten angezeigt. Merke sie dir gut! Bei meinen Tests hat die Installation übrigens keine zehn, keine fünf, sondern maximal eine Minute gedauert. > Gleich nach dem Einloggen in Joomla zeigt dir das Programm eventuelle Nachinstallationshinweise an und bietet dir außerdem Updates an. Mehr dazu verrate ich dir gleich zu Beginn von Kapitel 2. Wenn du Joomla auf diese Weise installiert hast und gleich weitermachen willst, kannst du das gesamte erste Kapitel überspringen. Mache beim Kapitel 2 weiter. Wenn du dagegen lernen möchtest, wie du Joomla selber installierst, liest du einfach weiter. Doch von Hand? Vorüberlegungen zur Installation Du willst Joomla von Hand installieren? Eine gute Entscheidung! Dieses Buch ist ein Workshop. Du solltest mitmachen und möglichst viel ausprobieren. Deshalb empfehle ich für den Anfang, Joomla erst einmal»ins Unreine«zu installieren. Richte dir auf der lokalen Festplatte einen sogenannten Webserver ein und installiere Joomla. So kannst du gemütlich herumprobieren, ohne irgendeinen Cent an irgendeinen Hoster bezahlen zu müssen, und lernst Joomla in (fast) allen Facetten kennen.»joomla im Sandkasten«nenne ich diese Vorgehensweise. Du bist ungeduldig und willst Joomla sofort online beim Dienstleister im Web installieren? Ohne»Herumprobieren«und ohne»umweg«über den heimischen Rechner? Also auch ohne»lokalen Webserver«? Dann überspringe einfach den nächsten Abschnitt. Lies beim Abschnitt»Joomla herunterladen«ab Seite 34 weiter. 22

23 MAMP: lokaler Webserver unter Windows und Mac Gesucht: lokaler Webserver So, zurück zur lokalen Installation»im Sandkasten«. Wie geht das? Wie kannst du lokal ein CMS installieren, das eigentlich einen Webserver benötigt? Ein Programm also, das normalerweise nur dein Dienstleister vorhält, der Webhoster? Nichts einfacher als das! Du brauchst lediglich einen sogenannten lokalen Webserver mit Unterstützung von PHP und MySQL. Lokal bedeutet: Das Ganze läuft auf deiner Festplatte, nicht im Web. Windows-Nutzer greifen zu MAMP, Macianer ebenfalls. Dank MAMP verfügst im Endeffekt über 0 Apache Webserver (die marktführende Webserver-Software), 0 PHP und MySQL (Programmiersprache und Datenbanksystem) und 0 phpmyadmin (Verwaltungsprogramm für MySQL). Hinter phpmyadmin steckt ein sehr nützliches Programm zum Einrichten und Verwalten von MySQL-Datenbanken, gewissermaßen eine grafische Datenbank-Oberfläche. MAMP: lokaler Webserver unter Windows und Mac Und nun ran an die Praxis: Ich zeige dir die Installation am Beispiel von MAMP. Zuerst führe ich dir die Installation der Windows-Version vor. Danach schauen wir uns den Mac an. Du arbeitest mit Linux? Für Linux gibt es leider kein komfortables MAMP. Allerdings kannst du relativ problemlos einen sogenannten LAMP-Server aufsetzen, das Pendant zu MAMP. (LAMP steht für Linux, Apache- Webserver, MySQL und PHP.) Du nutzt Ubuntu-Linux? Surfe zu für mehr Informationen. Eine weitere Alternative ist XAMPP für Linux, du findest dieses Paket unter Allerdings wird XAMPP nicht mehr mit MySQL, sondern mit einer Ersatzvariante namens MariaDB ausgeliefert. Die hat bei mir gelegentlich zu Problemen geführt, deshalb empfehle ich XAMPP derzeit nicht. Aus Platzgründen gehe ich nicht weiter ins Detail, denn durch die Rückmeldungen meiner Leser und durch meine Kurse weiß ich, dass praktisch alle Leser mit Windows und dem Mac arbeiten. (Leider!) 23

24 Download und Installation Kapitel 1 MAMP herunterladen MAMP dieses wunderbare Installations-Paket kannst du dir von der Webseite kostenlos herunterladen. Auch wenn hier MAMP Pro mitbeworben wird: Die kostenfreie»standardversion«genügt. Und so gehst du zum Zeitpunkt des Schreibens vor. > Surfe zu und klicke auf den DOWNLOAD-Button. Du kannst aber auch auf JETZT TESTEN klicken. In beiden Fällen landest du im Download-Bereich. > Klicke auf den Link DOWNLOAD. > Dadurch lädst du automatisch MAMP, aber auch MAMP Pro herunter. Das muss so sein, es geht nicht anders. 24

25 MAMP: lokaler Webserver unter Windows und Mac > Klicke auf DATEI SPEICHERN! Lade die gewünschte Datei auf deine lokale Festplatte. Hat es bei dir geklappt? Bei mir liegt nun eine Datei namens MAMP_MAMP_PRO_3.2.exe auf der lokalen Festplatte. Für Mac-Nutzer heißt die Datei im Beispiel jedoch MAMP_MAMP_PRO_3.5.pkg Zumindest heißen diese Dateien so zum Zeitpunkt des Schreibens. Bei dir lautet der Dateiname inzwischen sicher etwas anders, vor allem die Nummern sind bestimmt schon hochgezählt worden! Nicht wundern, dass die Version für Mac evtl. schon etwas höher ist. MAMP war ursprünglich ausschließlich ein Mac-Programm, deshalb werden Macianer vermutlich bevorzugt behandelt. Du hast die Datei heruntergeladen, und weißt nicht, wo sie liegt? Du verwendest Firefox? Dann klicke ganz einfach auf den blauen Downloadpfeil oder tippe (Strg)+(J) (Windows) bzw. (Cmd)+(J) (Mac). Hier findest du eine Übersicht aller zuletzt heruntergeladenen Dateien. Mac-User können auch in den Download-Stapel rechts unten im Dock schauen, Windows-Nutzer werden möglicherweise im Download-Ordner fündig. Hast du die heruntergeladene Datei gefunden? MAMP für Windows installieren Die Installation von MAMP ist ganz einfach. Ich zeige sie dir zuerst am Beispiel von Windows. > Doppelklicke auf die heruntergeladene Exe-Datei, um die Installation zu starten, im Beispiel ist es die Datei MAMP_MAMP_PRO_3.2.exe. > Bestätige die Ausführung, klicke ggf. auf AUSFÜHREN und bestätige auch das Fenster der Benutzerkontensteuerung mit JA. > Bestätige die Sprache der Installation, voreingestellt ist DEUTSCH. Klicke auf OK. 25

26 Kapitel Download und Installation 1 > Jetzt meldet sich der MAMP & MAMP PRO Setup Wizard, den du mit WEITER einfach machen lässt. > Wichtig ist der nächste Schritt. Dieser Wizard bietet dir an, zusätzlich zu MAMP gleich das kostenpflichtige MAMP PRO mitzuinstallieren. Das willst du nicht, deshalb klickst du das Häkchen weg. > Wähle wieder die Schaltfläche WEITER. > Im nächsten Schritt musst du die Option ICH AKZEPTIERE DIE LIZENZVER- EINBARUNG abhaken. Klicke auf WEITER. > Im nächsten Schritt geht es um den Speicherpfad, in dem sich MAMP einnisten will. Das Programm schlägt dir C:\MAMP vor. Warum nicht? Nimm es dankend an und klicke auf WEITER. 26 > Im nächsten Schritt verkündet dir der Wizard, dass er dir Programm- Shortcuts im Startmenü unter MAMP ablegen wird. Akzeptiere das mit WEITER. Auch die Option DESKTOP-SYMBOL ERSTELLEN winkst du ganz locker mit WEITER durch. > Der Assistent zeigt dir deine Auswahl noch einmal im Überblick. Klicke auf INSTALLIEREN und übe dich in Geduld. Der Installationsprozess kann durchaus einige Minuten dauern. Während der Installation erläutert dir das Setup-Programm, was alles installiert wird: Apache, PHP, phpmyadmin usw.

27 MAMP: lokaler Webserver unter Windows und Mac > Nach einer Weile meldet dir Setup, dass die Installation abgeschlossen ist. Klicke auf BEENDEN. Damit hast du MAMP für Windows installiert! MAMP für Mac installieren Das Setup von MAMP tickt etwas anders, ist aber ähnlich einfach: > Rufe die Datei MAMP_MAMP_PRO_3.5.pkg auf, das einfache Anklicken genügt. Die Installationsroutine startet. > Klicke immer wieder auf die Schaltfläche FORTFAHREN, bis das System bereit ist zur Installation. Klicke dann auf INSTALLIEREN. > Jetzt wirst du zur Eingabe deines Administratorpassworts auf deinem Mac aufgefordert. Ohne diese Angabe funktioniert die Installation nicht. Klicke auf SOFTWARE INSTALLIEREN. > Die Installation startet und am Schluss zeigt dir das Programm eine Zusammenfassung: MAMP UND MAMP PRO WURDEN ERFOLGREICH INSTALLIERT. Klicke auf SCHLIESSEN. MAMP legt sich im Programme-Ordner deines Mac ab, dem Ordner Applications. Hier erzeugt das Programm einen Ordner namens MAMP. (Und einen namens MAMP Pro, den du aber getrost ignorieren kannst.) 27

28 Download und Installation Kapitel 1 MAMP aufrufen Rufe MAMP auf, probiere es aus: Am PC genügt ein mutiger Doppelklick auf das Symbol MAMP auf deinem Desktop. Macianer aktivieren das MAMP-Symbol im Dock. Beide Symbole zeigen einen Elefanten. Bei dir auf dem Mac ist kein MAMP-Symbol im Dock erschienen? Das Symbol zum Starten von MAMP findest du auf jeden Fall im Programme- Ordner, Unterordner MAMP. Suche dort nach der Startdatei MAMP.app. Diese Datei kannst du dir ins Dock oder auf den Desktop ziehen. Und nun starte MAMP! Auf beiden Systemen erscheint der MAMP- Startbildschirm. In beiden Fällen passiert das Gleiche: MAMP startet den Apache-Webserver und den MySQL-Server. Du erkennst es rechts oben im MAMP-Dialogfenster. Die beiden Kästchen rechts neben APACHE SERVER und MYSQL SERVER füllen sich nach einer Weile grün. 28 Startvorgang: In der Regel starten»apache«und»mysql«automatisch. Deshalb brauchst du in der Regel nicht auf SERVER STARTEN zu klicken. Auf dem Mac öffnet sich auch gleich ein Browserfenster mit der MAMP- Begrüßungsseite. Auf dem Windows-Rechner geht das nicht ganz so schnell. Du musst erst auf die Schaltfläche STARTSEITE ÖFFNEN klicken. (Diese Schaltfläche heißt auf dem Mac übrigens WEBSTART ÖFFNEN, das ist aber auch der einzige nennenswerte Unterschied.)

29 MAMP: lokaler Webserver unter Windows und Mac Du arbeitest unter Windows? Beim allerersten Start des Apache-Webservers und des Datenbanksystems MySQL erscheint möglicherweise je ein warnendes Fenster. Deine Firewall möchte die Ausführung am liebsten blockieren? Das darf sie aber nicht! Entscheide dich dagegen. Wähle bei der Windows-Firewall beispielsweise die Option NICHT MEHR BLOCKIEREN bzw. ZUGRIFF ZULASSEN. Bei der Avira-Firewall (eine Firewall der Firma Avira, Hersteller des Antivirenprogramms Antivir) heißt der Befehl dagegen ERLAUBEN. So meldet sich die eingebaute Windows-Firewall. Je nach Betriebssystem und Typ der Firewall kann dieses Warnungsfenster auch anders aussehen. Du musst den Zugriff zulassen! Wenn der Apache- und der MySQL-Server laufen, sieht das MAMP-Fenster folgendermaßen aus: MAMP läuft! Der Beweis: Die Schaltfläche SERVER STARTEN hat sich in SERVER STOPPEN verwandelt. 29

30 Kapitel Download und Installation 1 Du hattest unter Windows die Startseite über die Schaltfläche STARTSEITE ÖFFNEN geöffnet? Alles gut! Bei MAMP für Mac war diese Seite ja schon automatisch erschienen! Wenn du diesen Bildschirm siehst, hast du MAMP erfolgreich installiert. 30 Einstellungen vornehmen Bei dir läuft der Webserver unter Windows nicht? Das kann etwas mit der Telefoniersoftware Skype zu tun haben. Schuld ist der Port 80, den sowohl MAMP für Windows als auch Skype für sich beanspruchen. Lösung 1: Beende Skype für die Dauer deiner MAMP-Sitzung. Lösung 2: Wähle in Skype AKTIONEN VERBINDUNGSOPTIONEN, gehe in den Bereich VERBINDUNG und entferne das Häkchen vor PORTS 80 UND 443 FÜR ZUSÄTZLICH EINGEHENDE VERBINDUNGEN VERWENDEN. Lösung 3: Ändere die Ports innerhalb von MAMP. Klicke auf das Symbol mit dem Zahnrad, auf EINSTELLUNGEN. Ein Einstellungs-Dialogfenster erscheint, gehe ins Register PORTS. Unter Windows ist der Apache-Port auf 80 eingestellt, der MySQL-Port ist Das sind die Windows-Voreinstellungen. Die sind optimal und ich würde sie nicht ohne Not verändern. Nur dann, wenn es wirklich nicht läuft. Es läuft nicht? Okay, klicke auf PORTS AUF MAMP-VOREINSTELLUNGEN SETZEN und wähle OK. (Auf dem Mac dagegen benutzt MAMP den Apache- Port 8888 und den MySQL-Port 8889.)

31 MAMP: lokaler Webserver unter Windows und Mac Wenn du willst, kannst du die Ports auch unter Windows auf MAMP-Voreinstellung setzen. Mache das aber nur, wenn du MAMP überhaupt nicht zum Laufen bekommst. Nun startet MAMP den Apache-Webserver und den MySQL-Server mit den neuen Porteinstellungen. Kannst du jetzt auf STARTSEITE ÖFFNEN klicken? Wunderbar, dann hat es geklappt. Kleine Warnung vorab: Das Ändern der Voreinstellungen hat Konsequenzen. Die Startseite deines lokalen Webs ist dann nicht mehr über sondern über erreichbar. So wie auf dem Mac. Mehr dazu gleich. Im Browser: Localhost Der Apache-Webserver arbeitet und auch das Datenbanksystem MySQL läuft. Du erkennst es, wenn du unter Windows erfolgreich auf den Button STARTSEITE ÖFFNEN klicken konntest und die MAMP-Begrüßungsseite siehst. Doch schaue einmal in die Adresszeile deines Browsers. Unter Windows sieht die angesteuerte Adresse so aus. (Wenn du nichts am voreingestellten Apache-Port 80 verändert hast.) Auf dem Mac steht»:8888«hinter localhost. Das hat etwas mit dem Port des Apache-Webservers auf dem Mac zu tun. An die eigentliche Startseite deines lokalen Webs gelangst du so: Entferne den ganzen Kram hinter localhost/ bzw. localhost:8888/. Drücke (Enter), rufe die Seite also noch einmal auf. 31

32 Kapitel Download und Installation 1 Oder mache es so: Tippe unter Windows gleich in die Adresszeile des Browsers ein und drücke (Enter). Das ist deine lokale Adresse unter Windows (bei Apache-Port 80). Tippe wenn du das Gleiche auf dem Mac erreichen willst (Apache-Port 8888). So sieht die Startseite deines lokalen Webs bisher aus. Du bist (unter Windows) nicht auf die Eingabe von beschränkt! Du kannst als Alternative auch tippen. Selbst die Eingabe von klappt. (Du musst dabei allerdings den Namen kennen, mit dem dein Computer im Netzwerk bekannt ist.) Auf dem Mac musst du stets :8888 ergänzen. Die Adresse würde dann beispielsweise lauten: Im Dateisystem: htdocs Wichtig zu wissen: Das, was dir MAMP im Browser anzeigt, stammt aus dem Ordner htdocs. Dieser befindet sich direkt unterhalb des Ordners MAMP. MAMP beenden Du möchtest das MAMP-Kontrollzentrum und damit den Apache- Webserver und MySQL beenden? Klicke einfach auf SERVER STOPPEN und schließe danach das MAMP-Fenster. Datenbank einrichten mit phpmyadmin 32 MAMP bringt übrigens das Datenbankadministrationstool phpmyadmin mit. Hinter phpmyadmin steckt ein Anzeige- und Verwaltungsprogramm für deine Datenbanktabellen. Damit kannst du alle Datenbanktabellen einsehen und bearbeiten. phpmyadmin ist nicht nur bei MAMP mit dabei, es ist auch bei den meisten Webhostern installiert.