Joomla 1.5.8

Cursus: Michel Lahaye@CKSA

Joomla 1.5.8Deel 1


Inle

idin

g Inleiding


Bestaande Joomla websites

• Vbn scholenhttp://www.ict-cks.behttp://www.dekleinejacob.be

• Vbn commercieelhttp://mogwai.co.uk/http://aboutdj.nl/

Inle

idin

g

http://www.ict-cks.be/


http://www.dekleinejacob.be/

http://mogwai.co.uk/

http://aboutdj.nl/

http://aboutdj.nl/


Basiskennis

• Zéér degelijke basiskennis Windows.• Probleemloos kunnen werken met

internet.

Inle

idin

g


Noodzakelijk

• Degelijke webruimte:Geen telenet, scarlet, …!!Registratie van een domeinnaam.

.be .net …

PHP, MySQL ondersteuning. http://www.one.com

Inle

idin

g


Noodzakelijk (2)

• Joomla Joomla- installatiebestanden (=CORE):

http://www.dutchjoomla.orgGratis registratie vereist

OF: http://www.ict-cks.be

Eventueel aanvullende extra joomla-plugins: gastenboek, forum, …

Eventueel templates:http://www.joomla24.com

Inle

idin

g

http://www.dutchjoomla.org/


http://www.joomla24.com/


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.orgOF: http://www.ict-cks.be

Photoshop of beeldverwerkingsprogramma: Om templates aan te passen. Gratis: http://www.gimp.org/

Inle

idin

g

http://filezilla-project.org/


http://www.gimp.org/


Noodzakelijk (4)

• Andere programma’s:Internet Explorer 7.Bij voorkeur: Mozilla Firefox.

Inle

idin

g


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.

Inle

idin

g


Overzicht benodigdhedenIn

leid

ing


Installatie

Inst

all

ati

e


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).

Inst

all

ati

e


1. Surf naar: http://www.webnaam.be

Inst

all

ati

e


2. Pre-installatie controleIn

stall

ati

e


3. LicentieIn

stall

ati

e


4.DatabaseMailtje one.com

Inst

all

ati

e


5. FTPIn

stall

ati

e


6. Configuratie

admin

NIET aanklikken!!!!

Inst

all

ati

e


7. Voltooien

In het FTP-programma verwijder je vervolgens de map “Installation”

Inst

all

ati

e


Aanmelden

Aan

meld

en


Het Joomla Systeem

• Aanmelden• Overzicht van het systeem

Aan

meld

en


Aanmelden

• http://joomla01.classy.be/administrator

• Log in met je gebruikersnaam en wachtwoord.

Aan

meld

en


Aanmelden

• Deze sessie:http://joomla01.classy.be/administratorGebruiker: adminWachtwoord: joomla

Aan

meld

en

http://joomla01.classy.be/administrator





OverzichtA

an

meld

en


Een eerste pagina toevoegen

Eers

te p

ag

ina t

oevo

eg

en


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.

Eers

te p

ag

ina t

oevo

eg

en


De eerste paginaE

ers

te p

ag

ina t

oevo

eg

en


De eerste pagina

STAP 1: Een nieuwe “tekst” of “artikel” toevoegen.

Eers

te p

ag

ina t

oevo

eg

en


De eerste pagina

Titel van de pagina/artikeltje

Een tekstje

Tools om je tekst op te maken(cfr: Word, …)E

ers

te p

ag

ina t

oevo

eg

en


De eerste pagina

Als je klaar bent kan je Kiezen voor “Opslaan”

1.

2.

Eers

te p

ag

ina t

oevo

eg

en


De eerste pagina

• Het resultaat:

Eers

te p

ag

ina t

oevo

eg

en


De eerste pagina

• Alle artikels worden opgeslagen in het “artikelenbeheer”

• Je kan in dit “beheer”-deel nieuwe artikels toevoegen, aanpassen en verwijderen.

Eers

te p

ag

ina t

oevo

eg

en


Het “artikelenbeheer”E

ers

te p

ag

ina t

oevo

eg

en


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.

Besl

uit


De structuur van de website

Theorie

Str

uctu

ur

(th

eori

e)


Globaal overzicht Joomla

nu!

Str

uctu

ur

(th

eori

e)


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

Str

uctu

ur

(th

eori

e)


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.

Str

uctu

ur

(th

eori

e)


Voorbeeld: Secties en categorieën

Website

Sectie Sectie

Categorie Categorie Categorie Categorie

Artikel/pagina

Artikel/pagina

Artikel/paginaArtikel/pagina

Artikel/pagina

Artikel/pagina

Str

uctu

ur

(th

eori

e)


Voorbeeld

ict-cks.be

Software Cursussen

Eerste graad Tweede graad BasiscursussenGevorderde cursussen

Klascement

OnlineKlas

WindowsXPRekenweb

Leerhulp

Joomla!

jClic

Website

Categorieën

Secties

Str

uctu

ur

(th

eori

e)


De structuur van de website

Praktijk

Str

uctu

ur

(pra

kti

jk)


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.S

tru

ctu

ur

(pra

kti

jk)


Overzicht

Sectie “Klassen”

Categorie “Klas 1”



Welkom in klas 1 De leerlingen



Str

uctu

ur

(pra

kti

jk)


Structuur

Een sectie aanmaken

Str

uctu

ur

(pra

kti

jk)


Een sectie aanmakenS

tru

ctu

ur

(pra

kti

jk)

Sectie


Een sectie aanmaken

Je hoeft geen beschrijving voor de sectie opgeven.

Str

uctu

ur

(pra

kti

jk)

Sectie


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, …

Str

uctu

ur

(pra

kti

jk)

Sectie


Structuur

Een categorie aanmaken

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie



• Keer terug naar het “Controlepaneel”

• Klik op “Categoriebeheer”

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie


Een categorie aanmakenS

tru

ctu

ur

(pra

kti

jk)

Categorie

Sectie



De categorie “Klas 1” wordt toegevoegd aan de sectie “Klassen”

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie



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, …

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie



• 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.

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie


Structuur

Een artikel maken

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie

Artikel


Een artikel makenS

tru

ctu

ur

(pra

kti

jk)

Categorie

Sectie

Artikel


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?”

Str

uctu

ur

(pra

kti

jk)

Categorie

Sectie

Artikel


Het menu- systeem

Men

usy

steem


Globaal overzicht Joomla

ok

nu!

Men

usy

steem


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.

Men

usy

steem


Voorbeelden

• Een menu-item kan dus verwijzen naar:Eén enkele pagina

= Directe link naar een specifieke pagina.

Men

usy

steem


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.

Men

usy

steem


Voorbeelden

Een overzichtspagina van een sectie Bv je krijgt een pagina te zien met “alle

klassen”.

Men

usy

steem


Het menu-systeem

Praktijk

Men

usy

steem


Een menu-item toevoegenM

en

usy

steem


Een menu-item toevoegen

• We gaan een menu-item toevoegen aan het “Hoofdmenu”

Men

usy

steem



• Joomla heeft al standaard één menu-item toegevoegd. De “Home”-link, die verbonden is met onze eerste pagina.

Men

usy

steem



en

usy

steem



• 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.

Men

usy

steem



• Artikel toevoegen

Men

usy

steem



• Menu-item toevoegen

Men

usy

steem



en

usy

steem


Een overzicht vaneen sectie toevoegen

Men

usy

steem




Men

usy

steem


Een overzicht van een sectie toevoegen

Men

usy

steem



Men

usy

steem


Een overzicht vaneen categorie toevoegen

Men

usy

steem




Men

usy

steem



en

usy

steem



Men

usy

steem


Weblinks

Web

lin

ks


• Met deze handige component kan je op een eenvoudige manier links toevoegen.

WeblinksW

eb

lin

ks


• Stappen:Weblink- categorie toevoegen.Weblinks toevoegen.Link in het menu naar de weblinks-

categorie leggen.

• ExtraVoorkeursinstellingen

WeblinksW

eb

lin

ks


Weblinks- categorie toevoegen

• Maak eerst een weblinks-categorie aan.

• Daarna kan je jouw links toevoegen aan deze categorie.

1

2

3

Web

lin

ks


Weblinks- categorie toevoegen

• * Een weblinks-categorie is niet hetzelfde als een gewone categorie!

1

3

2

Web

lin

ks


Weblinks toevoegen1

2

3

Web

lin

ks


Weblinks toevoegen

1

2

3

4

Web

lin

ks


Links naar menu1

2

3

4

5

Web

lin

ks


Extra• Onder “weblinks” kan je “voorkeuren”

vinden.• Alle weblinks worden dan in een

“nieuw venster” geopend.

Web

lin

ks


Standaard modules & componenten

Sta

nd

aard

com

pon

en

ten


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 Ga naar downloads > extensiesS

tan

daard

com

pon

en

ten

http://www.dutchjoomla.org/


Statistiek1

2

3

4

Sta

nd

aard

com

pon

en

ten


Enquête

1

2

Sta

nd

aard

com

pon

en

ten


Enquête3

4

Sta

nd

aard

com

pon

en

ten


Enquête1

2

3

4

Sta

nd

aard

com

pon

en

ten


EnquêteS

tan

daard

com

pon

en

ten


ModulebeheerS

tan

daard

com

pon

en

ten

Joomla 1.5.8

Documents

Transcript of Joomla 1.5.8