Cursus: Michel Joomla 1.5.8 Deel 1. Cursus: Michel Inleiding.

Presentatie over: "Cursus: Michel Joomla 1.5.8 Deel 1. Cursus: Michel Inleiding."— Transcript van de presentatie:

1 Cursus: Michel Lahaye@CKSA Joomla 1.5.8 Deel 1

2 Cursus: Michel Lahaye@CKSA Inleiding

3 Cursus: Michel Lahaye@CKSA Bestaande Joomla websites Vbn scholen http://www.ict-cks.be http://www.dekleinejacob.be Vbn commercieel http://mogwai.co.uk/ http://aboutdj.nl/ Inleiding

4 Cursus: Michel Lahaye@CKSA Basiskennis Zéér degelijke basiskennis Windows. Probleemloos kunnen werken met internet. Inleiding

5 Cursus: Michel Lahaye@CKSA Noodzakelijk Degelijke webruimte: Geen telenet, scarlet, …!! Registratie van een domeinnaam. .be .net  … PHP, MySQL ondersteuning.  http://www.one.com Inleiding

6 Cursus: Michel Lahaye@CKSA Noodzakelijk (2) Joomla Joomla- installatiebestanden (=CORE):  http://www.dutchjoomla.org http://www.dutchjoomla.org Gratis registratie vereist  OF: http://www.ict-cks.behttp://www.ict-cks.be Eventueel aanvullende extra joomla-plugins:  gastenboek, forum, … Eventueel templates: http://www.joomla24.com http://www.joomla24.com Inleiding

7 Cursus: Michel Lahaye@CKSA Noodzakelijk (3) Andere programma’s: WinRAR, WinZIP  Staat vaak standaard op computer FTP-client:  Om bestanden naar de server te kopiëren  Gratis Filezilla http://filezilla-project.org OF: http://www.ict-cks.behttp://www.ict-cks.be Photoshop of beeldverwerkingsprogramma:  Om templates aan te passen.  Gratis: http://www.gimp.org/http://www.gimp.org/ Inleiding

8 Cursus: Michel Lahaye@CKSA Noodzakelijk (4) Andere programma’s: Internet Explorer 7. Bij voorkeur: Mozilla Firefox. Inleiding

9 Cursus: Michel Lahaye@CKSA Overzicht benodigdheden Website: Degelijke website (.be). Joomla: Joomla installatiebestanden. (core 1.5.8). Optioneel: joomla-plugins, templates. Andere programma’s: FTP-programma (FileZilla). WinZIP of WinRAR. Photoshop of ander beeldverwerkingsprogramma. Inleiding

10 Cursus: Michel Lahaye@CKSA Overzicht benodigdheden Inleiding

11 Cursus: Michel Lahaye@CKSA Installatie

12 Cursus: Michel Lahaye@CKSA Installatie Wie? Gevorderde gebruiker. ICT-coördinator. Hoe? Joomla Core unzippen in map op harde schijf. Aanmelden op website via FTP (Filezilla). Alle Joomla- bestanden rechtstreeks op server kopiëren (hoeft dus niet in aparte ‘joomla’ map te staan). Installatie

13 Cursus: Michel Lahaye@CKSA 1. Surf naar: http://www.webnaam.be Installatie

14 Cursus: Michel Lahaye@CKSA 2. Pre-installatie controle Installatie

15 Cursus: Michel Lahaye@CKSA 3. Licentie Installatie

16 Cursus: Michel Lahaye@CKSA 4.Database Mailtje one.com Installatie

17 Cursus: Michel Lahaye@CKSA 5. FTP Installatie

18 Cursus: Michel Lahaye@CKSA 6. Configuratie admin NIET aanklikken!!!! Installatie

19 Cursus: Michel Lahaye@CKSA 7. Voltooien In het FTP-programma verwijder je vervolgens de map “Installation” Installatie

20 Cursus: Michel Lahaye@CKSA Aanmelden

21 Cursus: Michel Lahaye@CKSA Het Joomla Systeem Aanmelden Overzicht van het systeem Aanmelden

22 Cursus: Michel Lahaye@CKSA Aanmelden http://joomla01.classy.be/administrator Log in met je gebruikersnaam en wachtwoord. Aanmelden

23 Cursus: Michel Lahaye@CKSA Aanmelden Deze sessie: http://joomla01.classy.be/administrator http://joomla01.classy.be/administrator Gebruiker: admin Wachtwoord: joomla Aanmelden

24 Cursus: Michel Lahaye@CKSA Overzicht Aanmelden

25 Cursus: Michel Lahaye@CKSA Een eerste pagina toevoegen Eerste pagina toevoegen

26 Cursus: Michel Lahaye@CKSA De eerste pagina Hoe? We voegen een nieuwe tekst of “ARTIKEL” toe. We zeggen dat die tekst als de Voorpagina (of de “Frontpage”) wordt ingesteld.  De voorpagina is in Joomla altijd de eerste pagina die getoond wordt. Eerste pagina toevoegen

27 Cursus: Michel Lahaye@CKSA De eerste pagina Eerste pagina toevoegen

28 Cursus: Michel Lahaye@CKSA De eerste pagina STAP 1: Een nieuwe “tekst” of “artikel” toevoegen. Eerste pagina toevoegen

29 Cursus: Michel Lahaye@CKSA De eerste pagina Titel van de pagina/artikeltje Een tekstje Tools om je tekst op te maken (cfr: Word, …) Eerste pagina toevoegen

30 Cursus: Michel Lahaye@CKSA De eerste pagina Als je klaar bent kan je Kiezen voor “Opslaan” 1. 2. Eerste pagina toevoegen

31 Cursus: Michel Lahaye@CKSA De eerste pagina Het resultaat: Eerste pagina toevoegen

32 Cursus: Michel Lahaye@CKSA De eerste pagina Alle artikels worden opgeslagen in het “artikelenbeheer” Je kan in dit “beheer”-deel nieuwe artikels toevoegen, aanpassen en verwijderen. Eerste pagina toevoegen

33 Cursus: Michel Lahaye@CKSA Het “artikelenbeheer” Eerste pagina toevoegen

34 Cursus: Michel Lahaye@CKSA Besluit We hebben een nieuw artikel toegevoegd aan de website via “Nieuw artikel toevoegen” Dit artikel hebben we als “eerste pagina” ingesteld. Alle “artikels” kunnen worden bekeken in het artikelenbeheer. Besluit

35 Cursus: Michel Lahaye@CKSA De structuur van de website Theorie Structuur (theorie)

36 Cursus: Michel Lahaye@CKSA Globaal overzicht Joomla nu! Structuur (theorie)

37 Cursus: Michel Lahaye@CKSA Verschillende fasen Brainstormen, samenzitten, overleggen, … Basisstructuur uittekenen. Duidelijk concept & doel van de website ! Concreet plan! Welke informatie wél/ welke niét? Welke categorieën?  Home  Ons contacteren (adres, telefoon, … ??)  Links  Foto’s Structuur (theorie)

38 Cursus: Michel Lahaye@CKSA De eigen structuur omzetten naar “Joomla”- structuur Joomla heeft een systeem ontwikkeld om informatie te ordenen. Dit systeem bestaat uit secties, categorieën en artikelen. Structuur (theorie)

39 Cursus: Michel Lahaye@CKSA Voorbeeld: Secties en categorieën Website Sectie Categorie Artikel/pagina Categorie Artikel/pagina Sectie Categorie Artikel/pagina Categorie Artikel/pagina Structuur (theorie)

40 Cursus: Michel Lahaye@CKSA Voorbeeld ict-cks.be Software Eerste graad Klascement OnlineKlas Tweede graad Rekenweb Leerhulp Cursussen Basiscursusse n WindowsXP Gevorderde cursussen Joomla! jClic Website Categorieën Secties Structuur (theorie)

41 Cursus: Michel Lahaye@CKSA De structuur van de website Praktijk Structuur (praktijk)

42 Cursus: Michel Lahaye@CKSA Overzicht We voegen een nieuwe ‘sectie’ toe aan onze website. Vervolgens voegen we enkele nieuwe categorieën toe aan de nieuwe sectie. We maken tenslotte een artikel in elke categorie. Structuur (praktijk)

43 Cursus: Michel Lahaye@CKSA Overzicht Sectie “Klassen” Categorie “Klas 1” Welkom in klas 1 De leerlingen Categorie “Klas 2” Welkom in klas 2 De leerlingen Categorie “Klas 3” Welkom in klas 3 De leerlingen Structuur (praktijk)

44 Cursus: Michel Lahaye@CKSA Structuur Een sectie aanmaken Structuur (praktijk)

45 Cursus: Michel Lahaye@CKSA Een sectie aanmaken Structuur (praktijk) Sectie

46 Cursus: Michel Lahaye@CKSA Een sectie aanmaken Structuur (praktijk) Sectie

47 Cursus: Michel Lahaye@CKSA Een sectie aanmaken Je hoeft geen beschrijving voor de sectie opgeven. Structuur (praktijk) Sectie

48 Cursus: Michel Lahaye@CKSA Een sectie aanmaken Op dit moment zitten er nog geen categorieën in onze sectie! Je kan in “Sectiebeheer” ook nieuwe secties aanmaken, bestaande secties bewerken en verwijderen, … Structuur (praktijk) Sectie

49 Cursus: Michel Lahaye@CKSA Structuur Een categorie aanmaken Structuur (praktijk) Categorie Sectie

50 Cursus: Michel Lahaye@CKSA Een categorie aanmaken Keer terug naar het “Controlepaneel” Klik op “Categoriebeheer” Structuur (praktijk) Categorie Sectie

51 Cursus: Michel Lahaye@CKSA Een categorie aanmaken Structuur (praktijk) Categorie Sectie

52 Cursus: Michel Lahaye@CKSA Een categorie aanmaken De categorie “Klas 1” wordt toegevoegd aan de sectie “Klassen” Structuur (praktijk) Categorie Sectie

53 Cursus: Michel Lahaye@CKSA Een categorie aanmaken Op dit moment zitten er nog geen artikels in onze categorie! Je kan in “Categoriebeheer” ook nieuwe categorieën aanmaken, bestaande categorieën bewerken en verwijderen, … Structuur (praktijk) Categorie Sectie

54 Cursus: Michel Lahaye@CKSA Een categorie aanmaken Op dezelfde manier maken we nog twee andere categorieën aan: Klas 2 en Klas 3 In onze categorieën gaan we tenslotte onze pagina’s voegen. Structuur (praktijk) Categorie Sectie

55 Cursus: Michel Lahaye@CKSA Structuur Een artikel maken Structuur (praktijk) Categorie Sectie Artikel

56 Cursus: Michel Lahaye@CKSA Een artikel maken Structuur (praktijk) Categorie Sectie Artikel

57 Cursus: Michel Lahaye@CKSA Een artikel maken Structuur (praktijk) Categorie Sectie Artikel

58 Cursus: Michel Lahaye@CKSA Opmerking Je “hoeft” niet elk artikel aan een categorie & sectie toe te voegen maar het is wel aan te raden. Bijvoorbeeld: Pagina met adres of contactgegevens, … Eerste pagina met verwelkoming Verklaring: “Ga jij een aparte categorie aanmaken waarin twintig verschillende ‘verwelkomingen’ of ‘contactpagina’s’ zitten?” Structuur (praktijk) Categorie Sectie Artikel

59 Cursus: Michel Lahaye@CKSA Het menu- systeem Menusysteem

60 Cursus: Michel Lahaye@CKSA Globaal overzicht Joomla ok nu! Menusysteem

61 Cursus: Michel Lahaye@CKSA Het menu-systeem De secties/categorieën of artikelen zijn nog niet zichtbaar op de website. Na het aanmaken van je secties, categorieën, artikelen dien je in Joomla nog menu-items toe te voegen om te kunnen navigeren tussen al de informatie. Menusysteem

62 Cursus: Michel Lahaye@CKSA Voorbeelden Een menu-item kan dus verwijzen naar: Eén enkele pagina  = Directe link naar een specifieke pagina. Menusysteem

63 Cursus: Michel Lahaye@CKSA Voorbeelden Een menu-item kan verwijzen naar: Een overzichtspagina van een categorie  Als je op deze link klikt, krijg je een overzicht van alle artikelen die in de categorie zitten. Menusysteem

64 Cursus: Michel Lahaye@CKSA Voorbeelden Een overzichtspagina van een sectie  Bv je krijgt een pagina te zien met “alle klassen”. Menusysteem

65 Cursus: Michel Lahaye@CKSA Het menu-systeem Praktijk Menusysteem

66 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Menusysteem

67 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen We gaan een menu-item toevoegen aan het “Hoofdmenu” Menusysteem

68 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Joomla heeft al standaard één menu-item toegevoegd. De “Home”-link, die verbonden is met onze eerste pagina. Menusysteem

69 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Menusysteem

70 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Opdracht: Ga terug naar het Controle Paneel en maak een nieuw artikel aan. (hoeft niet in een sectie/categorie te zitten)  Noem het artikel “Contacteer ons”  Vul enkele gegevens in van je school. Voeg een menu-item toe die naar deze enkele pagina verwijst. Menusysteem

71 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Artikel toevoegen Menusysteem

72 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Menu-item toevoegen Menusysteem

73 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Menusysteem

74 Cursus: Michel Lahaye@CKSA Een overzicht van een sectie toevoegen Menusysteem

75 Cursus: Michel Lahaye@CKSA Een overzicht van een sectie toevoegen We gaan een menu-item toevoegen aan het “Hoofdmenu” Menusysteem

76 Cursus: Michel Lahaye@CKSA Een overzicht van een sectie toevoegen Menusysteem

77 Cursus: Michel Lahaye@CKSA Een overzicht van een sectie toevoegen Menusysteem

78 Cursus: Michel Lahaye@CKSA Een overzicht van een categorie toevoegen Menusysteem

79 Cursus: Michel Lahaye@CKSA Een overzicht van een categorie toevoegen We gaan een menu-item toevoegen aan het “Hoofdmenu” Menusysteem

80 Cursus: Michel Lahaye@CKSA Een menu-item toevoegen Menusysteem

81 Cursus: Michel Lahaye@CKSA Een overzicht van een categorie toevoegen Menusysteem

82 Cursus: Michel Lahaye@CKSA Weblinks

83 Cursus: Michel Lahaye@CKSA Met deze handige component kan je op een eenvoudige manier links toevoegen. Weblinks

84 Cursus: Michel Lahaye@CKSA Stappen: Weblink- categorie toevoegen. Weblinks toevoegen. Link in het menu naar de weblinks- categorie leggen. Extra Voorkeursinstellingen Weblinks

85 Cursus: Michel Lahaye@CKSA Weblinks- categorie toevoegen Maak eerst een weblinks- categorie aan. Daarna kan je jouw links toevoegen aan deze categorie. 1 2 3 Weblinks

86 Cursus: Michel Lahaye@CKSA Weblinks- categorie toevoegen * Een weblinks- categorie is niet hetzelfde als een gewone categorie! 1 3 2 Weblinks

87 Cursus: Michel Lahaye@CKSA Weblinks toevoegen 1 2 3 Weblinks

88 Cursus: Michel Lahaye@CKSA Weblinks toevoegen 1 2 3 4 Weblinks

89 Cursus: Michel Lahaye@CKSA Links naar menu 1 2 3 4 5 Weblinks

90 Cursus: Michel Lahaye@CKSA Extra Onder “weblinks” kan je “voorkeuren” vinden. Alle weblinks worden dan in een “nieuw venster” geopend. Weblinks

91 Cursus: Michel Lahaye@CKSA Standaard modules & componenten Standaard componenten

92 Cursus: Michel Lahaye@CKSA Modules & Componenten Het standaard Joomla! Systeem bevat enkele handige componenten. Onder andere: Laatste nieuws, random afbeelding, zoekfunctie, banner, login-zone, pol etc. Meer informatie op http://www.dutchjoomla.org http://www.dutchjoomla.org Ga naar downloads > extensies Standaard componenten

93 Cursus: Michel Lahaye@CKSA Statistiek 1 2 3 4 Standaard componenten

94 Cursus: Michel Lahaye@CKSA Enquête 1 2 Standaard componenten

95 Cursus: Michel Lahaye@CKSA Enquête 3 4 Standaard componenten

96 Cursus: Michel Lahaye@CKSA Enquête 1 2 3 4 Standaard componenten

97 Cursus: Michel Lahaye@CKSA Enquête Standaard componenten

98 Cursus: Michel Lahaye@CKSA Modulebeheer Standaard componenten