Een website maken met Joomla!

Transcriptie

1 Een website maken met Joomla! In deze workshop gaan we laten zien hoe werken met Joomla! Maar eerst, wat is Joomla!? Joomla is een Content Management Systeem (CMS). Het is een software die je op een webserver installeert en waarmee je vervolgens een website inricht. Het is te vergelijken met andere Content Managementsystemen, zoals WordPress en Drupal. Die software zorgt ervoor dat je website veel meer kan dan in platte websites. Hiermee zijn stuk voor stuk met de hand aangemaakte html-pagina s het resultaat. Behalve website maken biedt Joomla ook mogelijkheden om krachtige onlineapplicaties te bouwen. Wat zijn de voordelen van Joomla? Elk systeem heeft zijn voor- en nadelen. Het maakt daarin niet zoveel uit of je met WordPress, Joomla of Drupal werkt (om even voorbeelden te noemen). De belangrijkste voordelen van Joomla zijn: Het is een gratis open source CMS-systeem. Dat betekent dat er veel gebruikers actief zijn waardoor het altijd verder ontwikkeld. Je kunt te allen tijde zelf aan de onderhoud van de website sleutelen. Joomla kent oneindig veel extensies. Dit zijn extra functionaliteiten, te denken aan een webshop, fotogalerij, video s

2 en/of muziek, extra talen, agenda s en nieuwsbrieven. Met ruim 8000 extensies is dit slechts een hap van alle ontwikkelde extra functies. Het systeem staat bekend als een zeer stabiel en betrouwbaar CMS-systeem. Het is mogelijk meerdere gebruikers toe te voegen met elk hun eigen rechten. Tot zover een summiere opsomming van de voordelen van Joomla. Open de website joomla.org Ga naar het menu-item Downloads & Extend Get a free site Klik op Advanced Settings

3 Selecteer Europe bij Launch Location (1) Klik vervolgens op de knop Launch now (2) Controleer nu je mail Je hebt nu twee opties om in loggen, kies voor optie 1 De betekenissen van de knoppen summier doornemen

4 Demo backend naar Nederlandse taal instellen Ga naar Extensions Manage Install Languages Scrol naar Dutch en klik op Install Taal activeren Activeer de Nederlandse taal door op kruisje te klikken (4) Klik op menu item Installed (5)

5 Nederlands als standaardtaal in stellen Ga nu naar Users Manage Klik op Super User

6 Klik op tabblad Basic Settings Klik op het pijltje bij zowel Backend Language als Frontend Language op pijltje en klik op Nederlands. Klik nu op Save, de Nederlands taal wordt nu direct geactiveerd

7 Artikel via menu item maken Ga naar Menu s Main Menu Nieuw menu-item toevoegen Klik op Nieuw, geef het menu een naam (Menutitel) Klik op Selecteren (2)

8 Selecteer in het scherm Artikelen (1) Klik in het uitklapscherm op Individueel artikel Klik nu op de knop Maken

9 Kopieer de tekst uit tekstbestand en plak die in de tekstverwerker. Maak eventueel de koppen op. Klik op de knop Opslaan & sluiten (4) Klik nu wederom op Opslaan & sluiten Klik rechtsboven in het scherm op de tekst Joomla! De frontend van Joomla om het resultaat te bekijken.

10 Keer terug naar de backend Extensie installeren Ga naar Extensies Installeren Een extensie via web installeren Klik op de knop Add Install from web tab We gaan nu en andere tekstverwerker installeren, de Joomla Content Editor (JCE) Typ in het zoek veld jce

11 Klik op JCE en nu wordt een nieuw venster geopend Klik eerst voordat je op de knop Install op Developor Website knop (Openen in nieuw venster) Klik nu op de knop Install Klik in het nieuwe venster wederom op Install Ga nu naar de Developor website Voor de Nederlandse taal Download het taal bestand Klik nu op de tab Upload Package file Selecteer het zojuist gedownloade taal bestand

12 Klik op Openen en het taal bestand wordt geinstalleerd. Jce als standaard tekstverwerker instellen Ga naar Systeem Algemene instellingen Selecteer Tekstverwerker-JCE en klik op de knop Opslaan We nemen de tabladen even door en zetten de time zone op Amsterdam Klik op Sluiten

13 Een afbeelding invoegen Open het artikel wat we al hebben gemaakt Zet de cursor op plaats waar je een afbeelding wilt plaatsen Klik op het icon Afbeelding invoegen/bewerken Selecteer de afbeelding wadden_pond.jpg uit map headers en centreer die bij Uitlijning en klik op de knop Invoegen Sla het geheel op en bekijk de website

14