1 Datum :6 Maart 2007 Verise :1.0 Voor :JoR Systems2 Inhoudsopgaven Inhoud Inleiding... Inloggen... Basis Principes... Toepassingen, Secties en Catogo...
In dit boek maken we gbruik van een antal icoontjes deze zal ik hieronder nader toelichten.
Ieder hoofdstuk begint met dit icoontje
Een Subhoofdstuk
Een weblink word met dit icoontje aangegeven
Een handeling word met dit icoontje aangegeven
Een Belangrijke tip word met dit icoontje aangegeven
Versie 1.0
-1-
Inloggen
1.0 Inloggen Om de Joomla Website te kunnen beheeren moet je inloggen als “Administrator”. Dit kun je door achter het website adres “/ administrator” toe te voegen als je bedrijfswebsite bijvoorbeeld www.copnay.com is dan kun je inloggen door in je webrowser te gaan naar http://www.company.com/administrator er word nu een loginscherm (afb 1) getoond waarmee je kan inloggen en zo toegang krijgt tot je controlle paneel wat is getoont in Afb. 2
Secties en Catogorieen Dit vereist een menu systeem waarin jij links kunt plaatsen naar jou content. Je menu systeem hoeft niet perse de structuur van de secties en catogorieen te volgen alhoewel dit over het algemeen wel het makkelijkst zal werken en tevens ook het overzichtelijkst. De secite, Catogorie, Item structuur is met name voor de beheerder van de site. De bezoekers van de website zullen de content van je site zien door middel van menu`s.
3.1 Secties aan maken Hier word uitgeleg hoe je het eerste onderdeel maakt namelijk de Secties. In het hoofdscherm kun je hier op 2 manieren komen Door in het menu “Content” voor “Section Manager te kiezen of door op het blauwe icoontje met het groene plusje te klikken. (afb. 3) Het is misschien verontrustend maar iedere keer als je een editor opend is het hoofdmenu inclusief de back button verdwenen. Dit heeft echter wel een reden. Iedere keer dat je een item opend voor te bewerken word deze op slot gezet dit is omdat de andere er dan niet aan kunnen werken. Dit word op Geheven zodra je op “Opslaan” of “Anuleren”drukt. Je kunt zien als er een item op slot staat. Er Staat dan een slotje voor zoals Afbeelding 3 in afbeelding 4. Versie 1.0
Afbeelding 4 -4-
Secties en Catogorieen Dit betekent wel dat jij altijd op “opslaan”of “anuleren moet drukken anders blijft het document op het slotje staan. Als je de sectie editor bent betreden (Afb. 5)dan ben je ook in staat een “Title” en “name” aan je sectie toe te voegen evenals een introductietekst. De “title” is bedoeld voor een of twee woorden die gebruikt woden als tekst in menu`s of lijsten terwijl de “name” iets langer kan zijn en gebruikt word voor de titel van de pagina. je mag voor zowel “Name” als “Title” dezelfde naam gebruiken maar dit is niet verplicht.
Afbeelding 5
We gaan nu de eerste Sectie daadwerkelijk maken zoals je in hoofdstuk 3.0 heb kunnen lezen moeten we een sectie “Tips en Tricks” gaan maken je ziet in Afbeelding 6 wat we invoeren bij de velden van de sectie. Zowel de “Title”als de “Name” zijn het zelfde genaamd en hebben bij description de tekst met een beschrijving van de Sectie gezet. Let op dat de content van een sectie uit meer dere catogorie en en dat de be zoeker van je website de om schrijving zal zien samen met een lijst met de catogorieen in deze sectie.
De Description maakt eigenlijk Afbeelding 6 gebruik van een 3rd party ofwel geen Joomla. Het is een toevoeging op joomla namelijk de HTML Editor. Joomla staat het toe meerdere van deze editors te gebruiken maar we gebuiken in deze gids alleen de standaarrd namelijk “Tiny MCE” Deze Editor maakt namelijk HTML code die compatible is met de internationale standaarden.In joomla heb je weinig te doen met HTML code zelf want deze bevat namelijk een wysiwyg (what you see is what you get) editor. dit is een editor waar je alles opmaakt zoals het daadwerkelijk ook uit ziet zonder verstand te hebben van de code zelf. Versie 1.0
-5-
Secties en Catogorieen In afbeelding 7 zie je een toolbar waarmee je de teksten kunt aanpassen. Deze bevind zich Altijd boven de tekst die je hebt ingevoerd en bevat heel veel mogelijkheden Afbeelding 7 voor het aanpassen van de tekst maar bevat ook de mogelijkheid om Smileys, Flash ,links en afbeeldingen toe te voegen. Het bevat ook en dropdownmenu “style” hier staan de stylen die in je gebruikte template staan zodat je deze snel kunt gebruiken. Naast het dropdown menu style is er nog een ander dropdown menu die je in staat steld te selecteren om wat voor type tekst het gaat bijvoorbeeld geformateerde teks. Dit is namlijk makkelijk om type teksten te onderscheiden (titel hoofdtekst, bijtekst, etc). De manier waarop deze instellingen de tekst beinvloeden is afhankelijk van je template. De toolbar bevat ook nog een “?”button deze geeft informatie weer als je het even niet meer weet
3.2 Catogorieen aan maken Het aanmaken van een catogorie is bijna gelijk aan die van een sectie. Je kunt de Catogorie manager bereiken door in het foofdmenu te klikken op “Catogorie manager”of in het menu “content” te kiezen voor “catogorie manager” Het lijkt dat de Catogorie manager lijkt op de Sectie manager maar er zijn in de catogorie manager meer opties. Zo kun je filteren op een bepaalde sectie en kun je catogorieen verplaatsen naar andere secties.
Afbeelding 8
Waneer je in de catogorie manager klikt op “New” (afb.8) in de toolbar of op een link van een bestaande catogorie dan kom je in de catogorie editor die vrijwel gelijk is aan de sectie editor het enige verschil is dat je hier ook moetselecteren in welke Sectie de nieuwe catogorie geplaatst moet worden. Als je nog niks heb toegevoegt dan ziet de catogorie manager als afbeelding 9 uit.
Afbeelding 9
Versie 1.0
-6-
Secties en Catogorieen Klik op “New” in de toolbar en er verschijnt een venster zaols in afbeelding 10
We maken nu een nieuwe ca togorie aan genaamd “Windows XP” en zetten deze tekst dus ook bij “title” en “Name” neer Bij section selecteren we de eerder aangemaakte sectie “Tips and Tricks”aan en zetten bij description een relevante tekst neer. Klik op “Opslaan” nu keer je terug naar de catogorie manager en zie je de catogorie “Win dows XP” Erbij Staan (Afb. 11)
Afbeelding 10
Nu We dit hebben gedaan hebben we zowel een Sectie als een Cattogorie. Maar we missen nog iets namelijk de teksten. Dit is nu eenvoudig toe te voegen door in het menu te kiezen voor: Content Afbeelding 11 vervolgens Content by Section vervolgens de juiste sectie en dan item te kiezen Zie Afbeelding 12
Zoals je ziet kent Joom la de nieuwe data struc tuur meteen.
Afbeelding 12
Zoals je ziet, kent Joomla! de nieuwe datastructuur. Even terzijde dat een static content manager geen structuur van Contents en Categories kent. Handig om te weten als je een pagina hebt, die totaal nergens in zo’n boomstructuur thuis hoort.
3.3 Content Item maken We gaan nu een tekst oftewel een content item aanmaken. Het aanmaken kun je op verschillende maniern doen ik beschrijf ze hieronder. * Je kan naar een sectie gaan via de ‘Content by Section’ optie in het ‘Content’ menu (hier krijg je een lijst te zien van alle content items, je kan filteren op categorie als je dat zou wil len) * Klik op het ‘Content Items Manager’ icoon op de homepage of de ‘All Content Item’ optie in het ‘Content’ menu (hier krijg je een lijst te zien van alle items in alle secties, je kan fil teren op secties en/of categorie als je dat zou willen) Versie 1.0
* Klik op het `Add New Content` icoon op de backend startpagina, deze brengt je re chtstreeks naar de content item editor.
-7-
Secties en Catogorieen Door gebruik te maken van de `Content by Section` optie (methode 1 uit bovenstaande lijst) helpt je een overzicht te krijgen van alle items aangezien de content automatisch gefilterd zal worden op een bepaalde sectie. Dit komt misschien niet als belangrijk over, maar wanneer je veel content items hebt maakt deze functie het een stuk makkelijker om het overzicht te behouden Als je een van de vorige opties gebruikt dan kom je in het scherm van afbeelding 13 terecht en kun je de items gaan toevoegen. Je ziet bij section en category de eerder aangemaakte sectie en catogorie staat. (vandaar de volgorde Sectie, Catogorie, Item. Afbeelding 13
Geef ook een “Title”aan je item en een “title alias” zet je tekst bij “intro Text”en klik erna op save. Zoals je kunt zien in afbeelding 14 zie je dat het gemaakte item nog niet iop dr “frontpage”is gepubliseerd. Niemand kan deze pagina dus nog zien. Klik op het rood kruisje en de pagina word gepu- Afbeelding 14 pliseerd zadat hij te zien is op de website. In afbeelding 15 zie je het resultaat. Je ziet dat de hele tekst zichtbaar is en dit maakt de pagina on overzichtelijk. Dit komt omdat we de tekst bij “intro text”hebben ingevoerd dit gaan we ve randeren Ga terug naar content items d.m.v de opties aan het begin van dit hoofdstuk en klik vervolgens op het aangemaakte item om in de editor te komen en verplaats de tekst bij intro naar het vak eronder (main text) en klik op opslaan. Bekijk op de website het resultaat en je ziet het volgende (afb 16) . Afbeelding 15
Op deze manier van het tonen kun je al je items in een catogorie aan Afbeelding 16 bezoekers tonen in de stijl van een “blog” of “journal” Een blog (afgekort weblog) is een steeds populairder woordende manier om informatie artiekelen te tonen die regelmatig geupdate worden zoals nieuws berichten. een blog bestaat uit de volgende Versie 1.0
-8-
Secties en Catogorieen dingen. *De titel *introductie *De link naar het gehele artikel Op die manier kunnen de bezoekers van je website eenvoudig door de content van je website scannen en datgene wat ze willen lezen selecteren. De introductie is de eerste paragraaf (of twee) van het artikel of een samenvatting van het geheel, een soort teaser die de bezoeker weet aan te moedigen om verder te klikken naar het complete artikel. Als je de blogmethode niet wil gebruiken dan kun je gewoon al je content in de bovenste HTML editor en laat je de onderste gewoon leeg
3.4 Home page instellen Als je naar je webadres gaat opent er een pagina de zogehete Home pagina Deze kun je in joomla ook iinstellen dit doe je door de volgorde we nemen in dit voorbeeld de standaardpagina “Welcome to joomla” die bij ons op nummer vijf staat als home pagina.We moeten de 5 veranderen in een 1 (afb. 17) en surf naar je homepage je ziet dat “welcome to joomla” geopend word als home page. We gaan deze pagina nu nog aanpassen. ga naar de “content items manager”en klik op “welcome to joomla”om de pagina inhoud te wijzigen en wijzig de introtext De main tekxt mag je laten staan. Afbeelding 17
3.5 Logo Je kunt ook een logo in de tekst opnemen maar dit moet echter wel eerst geupload worden naar je webspace en in de map (NIET VIA DE MEDIA MANAGER!!!)Daar waar de pijl naar wijst 9Afb. 18) zet ik mijn cursor. Dat is waar ik de tekening wil zetten. Druk nu op ‘Insert Image’. Dan komt er een code te staan nl. {mosimage}. Klik op images tab en je kan de instelling en de image uitkiezen uit de lijst. Eerst moeten we echter onze joomla logo nog uploaden. (afb. 19). Het word in de map STORIES bewaard! Afbeelding 18
Klik dan op joomla.jpg en volg de pijlen (afb. 20)
Afbeelding 19
Afbeelding 20 Versie 1.0
-9-
Menu We hebben ook nog manieren van plaatsen hieronder laat ik 2 voorbeelden zien. Image align uit
Je ziet dat het aan zetten van align veel effect heeft op het tonen van de pagina`s en ik raad dan ook aan om deze optie altijd uit te proberen om de lege ruimtes op de pagina`s te verminderen en de pagina een professioneel uiterlijk te geven. In het volgen Hoofdstuk gaan we het navigatie menu maken van onze website
Menu Het eerste woord vertelt ons HOE het op het scherm zal komen. Als Blog of table. Het tweede woord vertelt ons WAT we zullen zien op het scherm. Als je nu klikt op ‘Next’ of op één van de links, zul je gepresenteerd worden met een ander scherm waar je additionele informatie kunt plaatsen zoals de naam van het menu, het content item waar naar gelinkt moet worden en of het in een nieuw scherm moet worden geopend of niet. De exacte opties zullen afhangen van het type menu dat je geselecteerd hebt in de eerste stap, maar afb 24 laat je zien wat de opties zijn als je hebt gekozen voor een directe link naar een content item. We zullen bij wijze van oefening nog eens een menu aanmaken nl Quick Copy Bis.
Afbeelding 24
Je typt de naam in en kiest naar welk content item deze link moet verwijzen. Als men klikt op de link, kan je kiezen of het in een nieuwe venster komt of niet. De `Parent Item` dropdown box toont je een lijst van de bestaande menu items en staat toe om een ander item als `ouder` aan te wijzen en het huidige item dus als `kind` (of submenu item). Dit werkt alleen als je een template hebt met een hiërarchisch menu systeem - dit is niet beschikbaar in alle templates. Het effect is dat je sub-menu’s ziet verschijnen wanneer de gebruiker op een `ouder` item klikt. In Afbeelding 26 zie je het resultaat van het toevoegen van “quick copy bis
Afbeelding 26
Nu kun je de website gaan `voorbekijken` previewen. Je zult de nieuwe menu optie die je net ingevoerd hebt zien staan. klik in het hoofdmenu iop site en vervolgens op Previeuw in a new window om je site te bekijken Afb 26 en 27 Afbeelding 25 Nadat je een menu item opgeslagen hebt worden meer opties aan je beschikbaar gesteld. Als je terug gaat naar het menu item zul je nu ook een parameter sectie zien aan de rechterkant van het scherm met daarin verschillende nieuwe opties, afhankelijk van het menu item dat je aangemaakt hebt. Deze opties geven je de mogelijkheid de content (die getoond Afbeelding 26 wordt na het klikken op het menu item) te beïnvloeden. Als je je content pagina wil aanpassen en je kan niet vinden hoe dan is de kans groot dat je hier een parameter vindt die voor elkaar krijgt wat jij wilt. Afbeelding 27 Versie 1.0
- 11 -
Menu We gaan het menu nu nog aanpassen om te demonstreren hoe ver je met joomla wel niet kan gaan. We passen de parameters van Quick copy bis aan en zetten bij Parent Item de parameter Quick Copy neer en kijken wat er gebeurt.
Afbeelding 29
Afbeelding 30
je ziet dat Quick Copy Biz nu een sub onderdeel van Quick Copy is. In je admin gedeeldte van de site zie je dit ook in je menu manager (afb. 31)
Afbeelding 28 Afbeelding 31
Je mag nu de Quick copy verwijderen. Ga naar de menu manager en vink Quick copy af en klik rechts boven op “Trash” zodat het menu item verwijderd word (afb. 32)
Afbeelding 32
Versie 1.0
- 12 -
Templates
5.0 Templates Als je in Joomla een pagina maakt dan zet hij deze in zijn standaard template. Deze template kan uiteraard gewijzigd worden maar de indeling blijft hetzelfde. Als je een joomla pagina zou maken in tabellen zou hij als afbeelding 33 uitzien. Afbeelding 34 geef dezelfde template weer maar dan opgemaakt.
Afbeelding 33
Afbeelding 34
Je ziet dat de html en opgemaakte pagina`s overeenkomsten hebben namelijk de indeling. Deze is gelijk bij beiden alleen het uiterlijk is anders. Je kunt deze templates zelf maken maar ook downloaden. Op dit moment gaan we ze nog niet zelf maken maar gaan we er downloaden. Enkelen adressen hiervoor zijn: www.joomlaforge.net www.joomla-templates.com www.zkaradza.masterspt.com www.freemambo.com www.joomlawebber.com www.designformambo.com www.mambosolutions.com www.mamboforge.net www.dezinedepot.com www.joomlactive.com www.mambohut.com www.mambodesign.co.uk www.joomlaya.com www.templatehunter.com www.joomlart.com www.joomlashack.com www.lady-beetle.com www.pixelthemes.com www.joomlaresource.com
Versie 1.0
- 13 -
Templates
5.1 Installeren van Templates Als je Joomla! voor jezelf aan het opzetten bent zal één van de eerste zaken waar tegenaan loopt (na de installatie) de keuze voor het ontwerp van de website zijn. Er zijn veel vrij verkrijgbare template beschikbaar voor Joomla!(zie Hoofdstuk 5.0) en het installeren en toepassing van een nieuwe template is vrij simpel. Ook alle Mambo 4.5.2 en eerdere templates zijn volledig compatible met Joomla! 1.0. Joomla! templates worden over het algemeen geleverd in de vorm van een .zip bestand (en soms in .tar.gz formaat)- wat een ingepakte folder is die de benodigde informatie bevat om de bestanden op je server aan te maken. Om een nieuwe template te installeren bewaar je de zipfile op je computer - ergens waar je het makkelijk kan terugvinden.Je hoeft de zipfile in het algemeen niet uit te pakken deze kan direct gebruikt worden. Klik in het hoofdscherm op site vervolgense op “Template Manager” en dan op site template je ziet nu de templates die geinstalleerd zijn. Wij gaan er nu een nieuwe installeren. We gaan er vanuit dat je een template in het juiste zip formaat op je pc hebt staan. Klik in de template manager op “New”
Afbeelding 36
Er word een nieuw scherm geopend waar je de gedownloade template moet gaan uploaden ik zeg het nog maals selecteer de COMPLETE zip. Klik op “Bladeren” en vervolgens op Upload file & Install” De File word nu naar je webspace ges tuurd. Is Dit met succes gedaan dan word hier melding van gegeven. En is dit mislukt dan word er een error gegeven. Klik bij de melding op “Continue”. JE moet nu terug gaan naar de templte manager je ziet dat de templater er nu bij staat deze word niet meteen toe gepast. Selecteer de zonet geinstalleerde template en klik rechts boven op Default je ziet dat er een Groen v-tje dit wil zeggen dat dit je default Afbeelding 37 template is. Je kan zo verschillende templates installeren en je kan zelfs een verschillende template toewijzen aan verschillende menu-items via assign. Tenzij je een hele goede reden hebt, denk ik dat 1 template voor de hele site wel het beste is. Als je er toch voor kiest om de template toe te wijzen aan een bepaalde menu optie, zul je een scherm krijgen met een lijst van menu opties waaruit je kan kiezen wanneer je op de ‘Assign’ toolbar knop klikt. Selecteer de betreffende pagina en klik op ‘Save’ om de template alleen aan die pagina toe te wijzen. Wanneer je voor de default kiest zal een groen vinkje verschijnen naast de geselecteerde template, en alle pagina’s die niet toegewezen zijn zullen de standaard geselecteerde template gebruiken. Ook is het mogelijk je bezoekers een template te laten kiezen maar dan moet je de module “template chooser” wel installeren. Hierover later meer. Versie 1.0
- 14 -
Templates
5.2 Template Chooser
De template chooser is een module die standaard in Joomla zit maar niet aan staat. De template chooser stelt bezoekers in staat t kiezen uit verschillende templates. Ga naar de module manager en zien een rood kruisje achter template chooser hier klikken we op en We veranderd zien dat het kruisje in een symbool afbeelding 38. De template shooser staat nu aan. Als we nu naar de website surfen dan zie je dat er op de hoofdpagina een “template chooser”bij is gekomen dit zie je ook op afbeelding 39
Afbeelding 38
Afbeelding 39
Er zijn nog wel wat extra`s maar deze kun je zelf uit testen het is een kwestie van proberen en kijken wat er gebeurt. in het volgende deel gaan we de templates zelf maken.
5.3.2 Het uitzien van een Template Hoewel een template layout een .PHP bestand is is het grootste gedeelte HTML met kleine stukjes PHP code erin. Je hoeft geen php expert te zijn om een lay-out bestand te maken. Alles wat je moet doen is het juist plaatsen van de stukjes php code hierionder een voorbeeld 1: ”; 2: /** ensure this file is being included by a parent file */ 3: defined( ‘_VALID_MOS’ ) or die( ‘Direct Access to this location is not allowed.’ ); 4: ?> 5: 6: 7: 8: <?php echo $mosConfig_sitename; ?> 9: <meta http-equiv=”Content-Type” content=”text/html; ” /> 10: id) { 13: initEditor(); 14: } 15: ?> 16: 17: /templates/basic_template/css/template_css. css” rel=”stylesheet” type=”text/css” /> 18: 19: 20:
21:
22:
23: 24:
25:
26:
27:
28: 29:
30:
31:
32:
33: 34:
35:
36: 37:
47 38:
39:
Versie 1.0
- 16 -
Templates We gaan er vanuit dat je enige kennis van HTML hebt en dat je weet wat de Header is en weet wat tabellen tag of body tags zijn. Een kleine toelichting. regel 1: definieërd het bestand als XML . regel 3: Voorkom direct toegang tot het bestand. het is belangrijk dat deze regel in je templateheader staat. regels 5-6: definieërd de xHTML standaards voor deze pagina. regel 8: geeft de naam van de website zoals je hebt staan in de configuration. regel 9: ISO is een code die aangeeft welke characterset er wordt gebruikt en staat in het taalbestand waar het kan worden gewijzigd. regels 10-15: $my->id is een script dat kijkt of iemand is ingelogd op de website. wanneer iemand is ingelogd wordt de WYSIWYG editor geladen, niet noodzakelijk, bij het weglaten van deze regel wordt de editor altijd geladen. regel 16: Invoegen van een aantal metadata blokken, de inhoud kan je in je administrator aanpassen. regel 17: Laad de CSS stylesheet $mosConfig_live_site is een variable die de absolute URL van de website bevat. regel 23: Hier wordt de websitenaam getoond in een tabelcel die verdeeld is over de drie kolommen. regel 28: Dit laad de modules die zijn gepubliseerd met de positie “top” .Het tweede argument, “1”, geeft aan dat de modules horizontaal worden uitgelijnd. regel 33: toont alle modules die gepubliseerd zijn met de positie “left”. De modules komen hier in de linker kolom . regel 36: toont de componenten op deze plaats. Elk component heeft een eigen URL, als voorbeeld, index.php?option=com_content, toont het Content component. regel 39: toont alle modules die gepubliseerd zijn met de positie “right”. De modules komen hier in de rechter kolom.
5.3.3 jOOMLA bESTANDENSTRUCTUUR De bestanden structuur van joomla is makkelijk en overzichtelijk en daardoor erg gebruiksvriendelijk. Template vind je in de map “Templates”. hieronder een overzichtje van de bestandenstructuur van joomla. Betekenissen van de bestanden in de root /templates index.php is de layout van de template. /naam_template template_css.css de css die in de template wordt gebruikt. /css templateDetails.xml een metadata bestand in XML formaat met details template_css.css /images over de template index.php template_thumbnail.png een kleine screenshot van de template, nortemplate_thumbnail.png templateDetails.xml maal gesproken met de afmetingen 140px breed en 90px hoog. Versie 1.0
- 17 -
Templates
Betekenissen van de MAPPEN IN DE ROOT In de map css staan alle gegevens over hoe de site er moet uitzien. Definitie van de tags. In de map images staan alle tekeningen, die bij de index.php horen.
Afbeelding 41
5.4 jOOMLA lOKAAL iNSTALLEREN Er is een moglijkheid om Joomlac lokaal te installeren dit is handig als je internet verbinding traag is. het bedrijf JSAS op http://jsas.joomlasolutions.com Heeft een programma ontwilleld dat Joomla lokaal kan laten draaien. je kunt het vanaf de site downloaden en installeren. De installatie is zeker niet technisch en is zeer handig Na de installatie kun je JSAS opstarten vanuit het startmenu (afb. 41) Bij het opstarten zal JSAS Joomla gaan uitpakken. Start JSAS en joomla Afbeelding 42 en surf dan naar http://localhost Wil je iets uittesten dan klik je op administrator. Login en paswoord zijn beiden admin. Dan staat je website lokaal en je map waar de templates staan is op deze pc op deze plaats. C:\Program Files\JSAS\http_root\www\joomla\templates\js_thinking_jsas In de back-end wordt er ook een Apache server, MySQL en PHP gedraaid
5.5 Achtergrond Informatie Technieken
PHP : Een taal die specifiek is toegesneden op het creëren van interactieve websites. PHP wordt momenteel al op vele miljoenen websites gebruikt. Oorspronkelijk heette het systeem ‘Personal Home Page Tools’. Het werd in 1994 ontwikkeld door Rasmus Lerdorf. Hij gebruikte deze oervorm van PHP om in de gaten te houden hoeveel bezoekers naar zijn online-cv keken. PHP is vrij gemakkelijk te leren en is ook als CGI parser in te zetten. PHP3 is een uitbreiding voor internet-servers die het mogelijk maakt om snel en eenvoudig dynamische websites op Internet te maken. Het is een scripttaal op de server; wat betekent dat de client die de informatie vraagt nooit de eigenlijke scriptcode maar alleen de HTML-pagina krijgt. PHP wordt door een groot aantal databases ondersteund. Website:http://www.php.net/ MySQL : MySQL is een op freeware gebaseerde relationele DBMS. Website:http://www.mysql.com/ Apache : De meest gebruikte en gratis verspreide server voor websites. Oorspronkelijk op de NCSA-daemon gebaseerd (afgeleid van ‘a patchy server’). Als gratis freeware biedt het een zeer hoge performance bij geringe resources-belasting. De platforms waarop Apache kan worden geïnstalleerd zijn UNIX en 32-bits Windows. Website: http://www.apache.org/ Versie 1.0
- 18 -
6.0 Banners
Banners
Joomla heeft zelfs gedacht aan de mogelijkheden van reclame...Banners het zijn kleine Afbeeldingen meestal langwerpig van vorm. In afbeelding 42 zie je er eentje. Eerst moet je in het bezit komen van een banner deze zijn mees tal van de officieele websites te downloaden maar je kunt er ook zelf eentje maken. Dit gaat met Afbeelding 43 paint of een speciaal banner programma. Als je deze hebt zorg je er voor dat dit een bmp is dit werkt het fijnst Ga naar het Joomlac beginscherm en verwijder je huidige banners dit doe je door in het menu op component te klikken vervolgens banners en dan op banner manager je ziet al je banners selecteer ze en klik rechts boven op “delete” zoals op afbeelding 44 je oude banners zijn nu weg en je kun je eigen nu toevoegen klik op component en vervolgens op banner en dan op manage clients Afb. 45 We gaan Afbeelding 44 een nieuwe client toevoegen je mag de andere clients verwijderen deze zijn namelijk overbodig. Er opend het volgende scherm Afb. 46 waar je de juis te gegevens diend in te voeren en klik vervol gens in het hoofdscherm op. We moeten nu de banners gaan uploaden Afbeelding 45 Dit gaat via de “media manager”vanuit het hoofds cherm zorg er voor dat de ban ners in de goede map komen te staan zodat je ze naderhand kunt selecteren. Klik op file upload Afbeelding 46 Rechts boven in de media manager en browse naar je banner En klik op upload let op Selecteer eerst de banner map!! Als Afbeelding 47 dit is gedaan moet je terug gaan naar de banner manager (afb.48) en maak je een nieuwe banner aan Je komt in een nieuw scherm waar je alles kan instellen Afb. 49 Afbeelding 48
Je kan aflezen hoeveel clicks er per banner zijn en hoeveel impressies. Interessante info als je geld kan verdienen door iemand anders banner op je website te zetten. Afbeelding 49 Versie 1.0
- 19 -
Frontpag Manager Je zult zien dat de banner niet mooi in het midden staat. Daar kan je weinig aan doen via het cms want dat is lay-out en dat staat geschreven in de html code van je template. Dit is een kleine ingreep
Afbeelding 50
klik op de template in de template manager en klik op Edit zodat je de code van je template ziet.. Op een bepaald moment zien we de woorden “advertisement…” Dus we voegen zoals hieronder align=”center” m.a.w. centreer de tekening in de cel van de tabel (horizontaal).Bewaar je instelling en test het uit.
Afbeelding 51
7.0 Frontpage manager De frontpage manager heeft niets te maken met het programma Frontpage. Het heeft niets te maken met de titels van je artikel maar het heeft alles te maken met nummers. in afbeelding 52 staat Welcome to Joomla als eerste. Dus deze tekst zal als belangrijkste tekst prijken op je eerste pagina. De andere volgen in volgorde van belangrijkheid. je eerste pagina (main body) bestaat uit items, die al dan niet deel uitmaken van categorieën en secties. Je post er items op. Klik je published weg. Dan is het artikel niet meer te zien op je eers Eigenlijk is de frontpage alleen maar deel van een blog. Dit is een manier om de informatie te laten zien. te pagina. Afbeelding 52
Versie 1.0
- 20 -
Modules, Componenten en mambots
8.0 modules, componenten en mambots
Modules zijn plug-ins, die er voor zorgen dat de informatie op je site worden gezet op een bepaalde manier. Enkele modules zijn: Login form, template chooser Deze modules kan je activeren of deactiveren en je kan ze zetten op een bepaalde plaats. Componenten zijn toepassingen. Zij dragen toe aan de functionaliteit van Joomla en vooral voor de administrator. Je zal dikwijls een module en een component terugvinden na installatie van Afbeelding 52 een module. Denk aan het voorbeeld van de templates. Soms moet je ze apart installeren. Mambots zijn kleine taakgerichte functies, die informatie onderscheppen vooraleer de gebruiker het ziet en die vervormd. Bijvoorbeeld de code {mosimage} wordt omgezet in een tekening. Mospagebreak zorgt voor je paginatie. Normaal gesproken heb je een mambot veel minder nodig dan een module of component. Deze aanpassingen strek ken zich meestal uit over de gehele site.
Afbeelding 53
9.0 De Contactpagina Het is de belangrijkste pagina van de hele website. De pagina om contact met je op te nemen. De pagina “contact us is een link naar components – contacts – Manage Contacts to create or edit contacts.Ofwel kies je ervoor om alle contacten te laten zien ofwel kies je maar een enkel contact Ga naar Components vervolgens kies je Contacts en dan Manage Contacts er oppent een nieuw venster zoals in afbeelding 55. Vul hier alle gegevens zo goed en compleet mogelijk op. Het resulltaat zie je in afbeelding 56. Afbeelding 54 Niet in gevulde Afbeelding 55 items toont hij niet ook toont die op die plaats geen lege regel. Als je de contacten wilt mailen gaat dit echter nog niet. Hiervoor moeten we eerst nog een ander email adress ingeven. ook is het mogelijk maar niet verplicht een foto toe te voegen aan het contact
Afbeelding 56 Versie 1.0
- 21 -
Mailen via Joomla
10. Mailen Via Joomla In het vorige hoofdstuk hebben we een contact aangemaakt. In de combinatie van Joomla moet je echter geen moeilijk technische data ingeven. Mailen zal zo ook lukken. In de Global Configuration mode hoef je alleen maar de gegevens in te voerren en je gegevens op te slaan. Het kan echter ook zo zijn dat je hosting geen PHP ondersteund dan moet je bij je hosting bedrijf je mail gegevens opvragen en deze in de global Configuration onder het tab-blad “mail”
Afbeelding 57
11. Add-ons Dit is het onderdeel waar je naa het goed draaien van het syteem de meeste fun aaan gaat beleven. Add-ons zijn kleine programmatiuurs die je toevoeg aan je site. Denk hierbij aan: gastenboeken, Forums en dergelijken. Het installeren van iedere add-on kan anders zijn maar er is toch een redelijke standaard manier. Je gaat naar installers en kiest vervolgens Components, modules of mambots (lig eraan welke add-on). Op deze manier kom je in de manager van het desbetreffende Afbeelding 58 onderdeel. Je krijgt hier de mogelijkheid je add-on te uploaden. Je moet echter de zip file uploaden die je gedownload hebt deze bevat alle infomatie. Na afloop zie je de melding van afbeelding 58 en is je add-on geinstaleerd klik op “Continue”. In deze handleiding kan je niet lezen hoe je de modules, Componente en mambots verder configureerd maar er zit meestal een goede handleiding bij en veel moet je gewoon proberen en mee expermiteren. Met dit zijn we aan het einde van de handleiding gekomen.
