p. 1

einstieg in joomla 2.5 esther winkler teil 1 statische vs dynamische seiten eine kurze einführung in joomla die domain die installation die grundkonfiguration das erste mal im backend die struktur der webseite planen und anlegen menüs anlegen und konfigurieren content in das cms einpflegen

[close]

p. 2

inhalt joomla 2.5 einstieg vorwort 4 1 statische vs dynamische seiten 5 1.1 1.2 statische internetseiten 5 was bieten dynamische internetseiten 5 2 eine kurze einführung in joomla 7 2.1 2.2 2.3 2.4 2.5 die anfänge von joomla 7 joomla erweiterungen 7 templates einbinden 7 frontend und backend ­ aufbau eines cms 7 joomla im vergleich mit typo3 und drupal 8 3 die domain 10 3.1 3.2 3.3 3.4 3.5 falsche domain-endung top level domain 10 schwierige schreibweise der domain 10 seo und keyword-domains 10 domain auf verfügbarkeit prüfen 10 der richtige hosting-anbieter 11 4 die installation 12 4.1 4.2 installation von xampp auf dem lokalen webserver 13 installation von joomla 19 5 die grundkonfiguration ­ wichtige begriffe 28 5.1 5.2 5.3 5.4 5.5 5.6 5.7 backend 28 frontend 28 datenbank und dateien 28 inhalte 29 benutzer 30 templates 30 erweiterungen 31 6 das erste mal im backend ­ so arbeitet joomla 32 6.1 die konfiguration im backend kennenlernen 33 seite 2 von 100

[close]

p. 3

7 die struktur der webseite planen und anlegen 36 7.1 7.2 7.3 7.4 7.5 planung ist alles die cms-struktur vorbereiten 36 kategorien anlegen und verwalten 37 unterkategorien anlegen 39 allgemeine kategorienoptionen festlegen 41 die blog und listenansichten 47 8 menüs anlegen und konfigurieren 56 8.1 8.2 8.3 8.4 8.5 menüs verwalten 56 neue menüs anlegen 57 menüeinträge erzeugen 58 diese menüeintragstypen gibt es 64 menüs im frontend anzeigen 74 9 content in das cms einpflegen 80 9.1 9.2 9.3 9.4 9.5 9.6 9.7 9.8 9.9 9.10 9.11 9.12 inhalte gekonnt einpflegen 80 beiträge über das frontend bearbeiten 82 neue inhalte über das frontend hinzufügen 85 einen neuen beitrag im backend anlegen 86 so lässt man sich die ids anzeigen 89 texte einfügen und formatieren 90 hyperlinks richtig setzen 92 pop-up-fenster definieren 93 links auf interne beiträge setzen 94 bilder in den text einfügen 95 links auf beiträge setzen 98 links direkt im menü platzieren 99 seite 3 von 100

[close]

p. 4

vorwort internetseiten gehören im heutigen digitalen zeitalter sicherlich zum guten ton und geben uns nicht nur gelegnheit unsere popularität oder vielleicht auch verkäufe anzukurbeln sondern mit einer internetseite stellt man sich auch selber dar und gibt einen teil von sich preis dazu gehört eine klare inhaltliche und visuelle gestaltung mittlerweile zu den best-practises die man eben bei der erstellung einer internetseite zu beachten hat joomla ist ein system das uns dabei hilft und auch helfen kann und ein system wie joomla ist eine sogenannte webanwendung und diese webanwendungen sind innerhalb der letzten jahre immer populärer geworden da sie mit hilfe einer hohen dynamik und einer eigenen datenhaltung dafür sorgen ihre internetseite darzustellen und auch deren inhalte zu verwalten und eines dieser systeme ist eben joomla mit dem wir uns in diesem kurs beschäftigen werden joomla hat in den letzten 6 jahren von jahr zu jahr an popularität gewonnen da es eben einen guten kompromiss zwischen benutzerfreundlichkeit und funktionalität bietet man ist letztlich nicht dazu gezwungen seine internetseite selber zu entwickeln oder entwickeln zu lassen bei joomla hat man den vorteil dass die grundfunktionalitäten zum bau und zur anzeige einer internetseite bei joomla mitgeliefert werden und auch in vollem umfang genutzt werden können dazu gehört auch eine hohe erweiterbarkeit eine gute community die im open source rahmen freie software die funktionalität bietet die sie brauchen bevor wir jetzt beginnen und uns joomla installieren möchten wir den begriff dynamik kurz klären und welche vorteile diese dynamischen cms-systeme eigentlich bieten seite 4 von 100

[close]

p. 5

1 statische vs dynamische seiten hier werden dynamische mit statischen internetseiten verglichen wenn sie eine html-seite bauen gibt es dafür diverse tools die innerhalb der letzten jahre entstanden sind seit beginn des internets das ist beispielsweise microsoft frontpage oder macromedia dreamweaver diese toolas sind dafür da um sich auf gut deutsch eine internetseite zusammenzuklicken dann gibt es nachher einen satz an html-dateien eine für ihre produkte eine mit ihren referenzen eine mit einem kontaktformular und Ähnliches und diese internetseite stellen sie dann einfach bei sich oder bei einem internetprovider ein haben eine domain über welche dann ihre internetseite erreichbar ist 1.1 statische internetseiten sie haben auf der einen seite grafik links einen browser einen client das ist dann der besucher ihrer seite dieser geht dann übers internet auf den server also zu ihrer seite und hat dann zugriff auf die einzelnen dateien wie die index.html das ist die startseite ihrer eigentlichen internetseite auf das impressum produkte usw dieses vorgehen hat einige nachteile z.b wenn sie etwas in ihrem design bzw layout verändern müssen ist man teilweise dazu gezwungen alle 6 dateien manuell zu editieren und auf die Änderung der struktur anzupassen diese dateien sind nicht wirklich leicht pflegbar d.h dafür muss mindesten die sprache html beherrscht werden es muss einfachere wege geben das zu bewerkstelligen 1.2 was bieten dynamische internetseiten mit dynamischen seiten haben sie eine hohe erweiterbarkeit sie haben die mögkichkeit dynamische inhalte einzubinden d.h wenn sie einen ordner mit fotos haben so haben sie mit hilfe einer dynamischen internetseite die möglichkeit diese fotos wirklich auch automatisch anzeigen zu lassen es ist nicht mehr viel arbeit notwendig da das programm dafür da ist mit einer eigenen intelligenz ihre inhalte wie gewünscht darzustellen seite 5 von 100

[close]

p. 6

auf der rechten seite der grafik sehen wir als erstes auch wieder den browser dieser geht natürlich auch wieder über das internet greift auf ihren server zu dort befindet sich dann ein content management system oder eine web-programmiersprache wie z.b php liesst aus einer datenbank oder auch aus einem dateisystem die inhalte aus und stellt diese dar der vorteil ist sie müssen nur einmal das layout das design ihrer seite bauen dann werden zentral in einer datenbank oder in einem dateisystem die inhalte gepflegt und können dann auf ihrer seite angezeigt werden d.h sie erreichen in diesem moment eine wesentlich höhere flexibiltät dazu ist ein content management system da das cms ist ein programm das hingeht und diese seite nach ihren bedürfnissen zusammenstellt in diesem cms können sie festlegen welche inhalte angezeigt werden sollen sie können festlegen welche blöcke von inhalten auf der seite erscheinen sollen und können menüs und inhalte verwalten seite 6 von 100

[close]

p. 7

2 2.1 eine kurze einführung in joomla die anfänge von joomla als ableger des cms mambo hat sich die community also die entwickler von mambo aufgrund von diversen differenzen damals getrennt dann enstanden zwei ableger der eine ableger hat das cms mambo weitergeführt aus dem zweiten ableger entstand eben dieses projekt joomla das zum grössten teil natürlich auch code von mambo cms enthielt und wieder verwendet hat im september 2005 entstand daraus eine version 1.0 von joomla diese version 1.0 unterschied sich nicht gross von mambo es war im prinzip der gleiche quellcode ein paar bilder wurden ausgetauscht ein paar backfixes wurden gemacht und im laufe der jahre wurde dieses neue joomla 1.0 von grund auf überarbeitet es wurder Änderungen im softwaredesign vorgenommen in der kompletten architektur ­ es wurde sozusagen renoviert ­ und das ganze mit dem ziel aus joomla ein flexibles und erweiterbares cms zu machen 2.2 joomla erweiterungen nach über zweieinhalb jahren entwicklung entstand daraus dann joomla 1.5 das bis zum relaese der heutigen version 2.5 zu einem der erfolgreichtesn cms wurde diverse firmen haben sich als drittanbieter in den markt eingeschleust und von zeit zu zeit kamen immer mehr erweiterungen auf den markt was dazu führte dass mit diesem cms jede art von internetseite gebaut werden kann es wurden foren entwickelt shop-systeme unmengen von websitegalerien grafische erweiterungen usw die heutige zahl an verfügbaren erweiterungen liegt bei ca 8 500 das ist eine sehr hohe zahl insbesondere wenn man bedenkt dass sich darum gleichzeitig eine grosse community entwickelt hat mit tausenden oder vielleicht mit zehntausenden von leuten die sich um die weiterentwicklung von joomla kümmern die immer neue erweiterungen entwickeln und damit natürlich auch geld verdienen und firmen die joomla nutzen um eine internetseite aufzubauen 2.3 templates einbinden hinzu kommt eine enorme flexibilität beim einbau von eigenen designs also entweder nimmt oder kauft man vorgefertigte designs es gibt dafür entsprechende anbieter diese designs werden im joomla jargon auch als templates bezeichnet man kann sich ein solches template herunterladen oder baut sich selber ein template und auch diese aufgabe ist für den angehenden webentwickler besonders einfach gehalten auch hier hat sich ein neues gewerbe gebildet wie z.b eigentliche joomla agenturen die auf der basis dieses cms die internetseiten ihrer kunden entwickeln 2.4 frontend und backend ­ aufbau eines cms nachfolgend eine grafik die die struktur von joomla bzw eines content management systems noch etwas genauer wiedergibt seite 7 von 100

[close]

p. 8

das cms befindet sich auf einem server ­ in unserem fall also joomla oder auch andere cms wie drupal oder typo3 das cms bietet einerseits das sogenannte frontend das ist das was der besucher sehen kann und andererseits das backend die sogenannte verwaltungsoberfläche oder administratorenoberfläche womit die gesamten inhalte verwaltet werden nun gibt es viele inhalte die man im backend verwaltet wie z.b medien die benutzer die inhalte dokumente erweiterungen menüs usw benutzer braucht man um festzulegen wer was darf inhalte sind die dinge die angezeigt werden medien wie fotos und videos müssen auf der seite integriert werden ein dokumentensystem mit dem man z.b pdf zum download anbietet erweiterungen um die funktionalität von joomla zu erweitern und natürlich auch menüs für die navigation das cms kümmert sich um die verwaltung all dieser inhalte im prinzip greifen sie einfach mit ihrem browser über das internet auf das frontend zu wenn sie die seite sehen wollen oder sie greifen auf das backend zu wenn sie die seite verwalten wollen 2.5 joomla im vergleich mit typo3 und drupal typo3 und drupal sind neben joomla die bekanntesten unter den freien cms systemen typo3 ist ein sehr mächtiges aber auch ein sehr komplexes system drupal hingegen geht eine etwas andere richtung drupal besteht aus einem sehr kleinen kern mit grundfunktionalitäten und darum herum rankt sich eine sehr rege community die sich im namen der open source bewegung gutes erweiterbares cms entwickeln will d.h es gibt für alles was man so braucht diverse erweiterungen drupal ist mehr darauf ausgelegt von der architektur her sauberes cms zu bieten die bedienung ist daher entsprechend komplex der aufbau dieses cms geht nicht in seite 8 von 100

[close]

p. 9

richtung maximaler intuitivität sondern die struktur der internetseite in einer vernünftigen und auch in einer hochgradig strukturierten oberfläche abzubilden drupal wird vor allem beim aufbau von portalen verwendet und ist sehr stark auf die zusammenarbeit innerhalb einer community fixiert d.h wenn sie grosse portale aufbauen viel mit einer community machen wollen eine seite wo sie musik anbieten oder selber ein label haben bietet sich drupal auf jeden fall an zu guter letzt gibt es noch word press word press ist nur begrenzt als cms zu bezeichnen es dient zwar für den aufbau von einigermassen vollständigen internetseiten word press ist aus einem blog-system heraus entstanden und dieses system wurde mit sehr vielen cms-features aufgepeppt und ist eher dafür geeignet wenn man eine kleine private internetseite zur präsentation seiner inhalte machen möchte joomla geht so etwas wie einen mittelweg es ist sehr intuitiv gut bedienbar und anpassbar joomla hat auch seine grenzen und zwar bezüglich der granulaität d.h die tiefe im detail bei der man bei joomla etwas machen kann ist nicht ganz so fein wie bei typo3 nachfolgend einige links zu seiten die mit joomla entwickelt wurden sehr sehenswert diese haben alle den sogenannte joomla award gewonnen http www.mogwai.co.uk http www.basta-media.de eine sogenannte joomla agentur http www.blueweb.pt http www.teachingforchange.net seite 9 von 100

[close]

p. 10

3 die domain der domain-name ist das aushängeschild für ihre webseite und daher enorm wichtig nachfolgend die häufigsten fehler die bei der wahl des domain-namens gemacht werden 3.1 falsche domain-endung top level domain der domain-name besteht aus seiner top level domain z.b «ch» und der second level domain z.b «nzz» damit ergibt sich der domain-name «nzz.ch» häufig sieht man hier webseiten die experimente mit der top level domain wagen so wird z.b die domain-endung «.com» häufig auch für schweizer webseiten genutzt oder man hat aus lauter verzweiflung auf die endungen «.info» oder «.org» zurückgegriffen weil andere domain-namen schon belegt waren es ist aber empfehlenswert als top level domain für ihre schweizer webseite die «.ch»endung zu wählen schweizer nutzer können sich diese webseiten-adressen besser merken und fühlen sich besser aufgehoben zudem haben sie einen bonus für die auffindbarkeit in den entsprechenden suchmaschinen auch wenn schon über 14 millionen adressen vergeben sind werden sie kreativ und suchen sie nach einem guten domain-namen mit dieser endung notfalls lassen einige webseitenbetreiber auch mit sich über den domain-verkauf verhandeln 3.2 schwierige schreibweise der domain verzichten sie beim domain-namen auf schwierige schreiweisen denken sie daran dass webseiten auch über mundpropaganda weiterempfohlen werden ist ihre webseiten-adresse dann sehr lang oder unaussprechlich wird sich keiner länger als ein paar minuten daran erinnern zudem kann das eintippen des domain-namens zur hürde werden 3.3 seo und keyword-domains domain-namen werden häufig aus gründen der suchmaschinenoptimierung seo registriert die domain-namen enthalten meist häufig gesuchte begriffe wie z.b «geschenke» und werden als keyword-domains bezeichnet suchen sie nach diesem begriff in google werden sie viel solcher domains auf den ersten positionen entdecken es ist aber nicht empfehlenswert für ihr unternehmen auf solche domains zu wechseln da auch diese benennungen für kunden und wiederkehrende besucher nur schwer zu merken sind behalten sie also den bestehenden domain-namen ruhig weiter bei und konzentrieren sie sich auf wichtigere dinge 3.4 domain auf verfügbarkeit prüfen prüfen sie ob ihre domain noch verfügbar ist die prüfung der verfügbarkeit und die registrierung können z b direkt bei hostpoint erledigt werden web und mail-hosting sowie domain-namen für privat und geschäftskungen bietet auch switch an http www.switch.ch seite 10 von 100

[close]

p. 11

3.5 der richtige hosting-anbieter es gibt verschiedene hoster bei denen sie ihre neue domain registrieren können zudem gibt es verschiedene tarife mit unterschiedlichen features joomla benötigt drei voraussetzungen die die meisten hoster auch schon in sehr günstigen paketen anbieten nachfolgend die mindestvoraussetzungen damit joomla funktioniert php mysql apache microsoft speicherplatz mindestens version 5.2.4 mindestens version 5.0.4 mindestens 2x falls sie eine apache webserver verwenden mindestens 7 falls sie einen microsoft ils webserver mind 200 mb je nach grösse und anzahl bildern sollte bei heutigen grössenordnungen keine rolle spielen bei hostpoint kann joomla direkt installiert werden seite 11 von 100

[close]

p. 12

4 die installation um joomla überhaupt nutzen zu können müssen wir zuert eine geeignete umgebung schaffen indem joomla laufen und funktionieren kann hierfür nehmen wir den computer auf dem sie zurzeit arbeiten das heist wir verwenden das lokale system und das ist das system mit dem sie gerade arbeiten und worauf auch ihr browser läuft also ihr firefox oder internet explorer auf dieses locale system installieren wir alle dienste die dafür notwendig sind um joomla laufen zu lassen ganz ähnlich verhält es sich auch bei der nutzung von webspace bei einem provider wie z.b hostpoint hier kann man ja gegen eine monatliche gebühr einen webspace ordern um joomla zu installieren und auch zu testen verwenden wir zuerst das locale system und haben später die möglichkeit die installierte joomla anwendung die fertige website auf einem fremden webserver zu installieren damit wir hier local auf dem system die gleichen bedingungen haben müssen wir versuchen die dienste die dafür notwendig sind um joomla laufen zu lassen bei uns auf dem lokalen system also auf dem rechner zu installieren diese infrastruktur besteht aus drei diensten zum einen aus dem apache das andere ist der sogenannte php und schliesslich noch mysql wenn sie in ihrem browser eine adresse eingeben z.b http www.google.de wird mit hilfe von http das ist ein sogenanntes Übertragungsprotokoll die webseite abgerufen d.h es wird über den webserver eine html-datei abgerufen die dann bei ihnen im browser angezeigt wird seite 12 von 100

[close]

p. 13

der normale weg wenn sie eine internetseite aufrufen ist folgendermassen und zwar haben sie ihren client pc laptop mit ihrem browser z.b firefox dann gehen sie über das internet über diese grosse wolke gehen sie zu dem server den sie erreichen wollen also z.b www.google.de und hier ist ein satz an diensten installiert der webserver nimmt die anfrage an php ist nachher dafür zuständig im falle von joomla zumindest joomla auszuführen auszuführen bedeutet in dem fall dass joomla gestartet wird die notwendigen inhalte abgerufen und dann angezeigt warden joomla erhält seine inhalte aus der mysql-datenbank dieser verbund aus den drei diensten ist immer notwendig damit joomla auch läuft joomla wird installiert sie erhalten joomla üblicherweise in einer zip-datei diese zip-datei entpacken sie einfach auf ihrer festplatte in einen sogenannten htdocs-ordner dieser htdocsordner ist ein ordner der vom webserver bereitgestellt wird in den sie ihre webandwendungenn also beispielsweise joomla installieren können auf ihrer festplatte gibt es ev mehrere verzeichnisse in dem htdocs-ordner wie z.b eben joomla installation eine wordpress-installation eine drupal-installation und/oder eine typo3-installation das sind noch andere cms-systeme die hier nur als beispiel aufgeführt sind sie erstellen nun in besagtem htdocs-ordner einen joomla ordner und joomla wird in diesen ordner hinein entpackt in dem moment wo sie joomla in diesen ordner hinein entpackt haben haben sie die möglichkeit joomla auszuführen damit wir nun joomla lokal laufen lassen können benötigen wir also apache php und mysql das sind die notwendigen komponenten und die gibt es in einem vorgefertigten paket namens xampp die uns freundliche andere entwickler grosszügig bereitgestellt haben das ist ein sogenanntes amp-paket steht auch für apache mysql und php das x bedeutet dass es auf jedem system lauffähig ist es gibt z.b noch lampp-pakete das l steht für linux oder wampppakete das w steht für windows 4.1 installation von xampp auf dem lokalen webserver als erster sollten sie ihren browser öffnen wir wählen firefox den wir auch im laufe des kurses weiter benutzen werden suchen sie bei google nach dem paket xampp apache friends heisst die community die dieses paket bereit stellt xampp ist ein verbund von diensten den sie ganz einfach bei sich installieren können xampp gibt es für mehrere betriebssysteme und xampp ist auch kostenlos seite 13 von 100

[close]

p. 14

xampp installieren für windows wählen sie also «xampp für windows» aus nachfolgende seite wird sich öffnen auf dieser seite wird beschrieben was alles in xampp enthalten ist · · · der apache also der webserver der die http-anfragen annimmt mysql das ist das datenbanksystem eine datenbank speichert immer die inhalte oder beispielsweise die menüpunkte des content managment-systems php ist die programmiersprache in der joomla entwickelt ist seite 14 von 100

[close]

p. 15

· · · phpmyadmin ist dafür da um die mysql-datenbank d.h die datenbank mit den joomla inhalten zu administrieren damit können diese gepflegt werden aber das ist sehr technisch filezilla ftp server damit können von einem system zu einem anderen dateien hochgeladen werden tomcat hier geht es um erweiterungen mit java hat aber für uns hier keine bedeutung wichtig hier sind die drei komponenten apache mysql und php scrollen sie auf der seite weiter nach unten und sie sehen das sogenannte «sprungbrett» wählen sie unter download die erste position also xampp wählen sie auf dieser seite den «installer» das ist eine exe-datei mit der wir die notwendigen komponenten installieren können laden sie nun also die datei herunter und speichern sie diese z.b auf dem desktop nachdem sie xampp heruntergeladen haben starten sie den installer indem sie doppelt auf die datei klicken der installer wird gestartet sprachauswahl deutsch bestätigen seite 15 von 100

[close]