HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

Transcriptie

1 Terminologie

2 HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for short In de stylesheet wordt de opmaak van de HTML beschreven. Bijvoorbeeld de tekstkleur, achtergronden en positie.

3 Modules, componenten, plugins Modules: Onderdelen op de pagina die inhoud bevatten. (zie Wat zijn modules voor meer informatie) Componenten: zelfstandige programma's binnen Joomla! Plugins: Kleine programma's die functionaliteit toevoegen

4 Hoe kom ik in de Backend? Als je iets wilt wijzigen aan je site moet je inloggen in de backend. Dat kan via het volgende scherm:

5 Categorieën

6 Categorieën Categorieën zijn handig voor: Zoekmachines Overzicht houden Om categorieën toevoegen klik je op inhoud en dan op categorieën. Selecteren en sorteren van artikelen Het weergeven van groepen artikelen Het beheren van gebruikersrechten

7 Categorieën Categorieën toevoegen -Klik voor het toevoegen van een categorie op -Je kunt categorieën in een categorie maken.

8 Categorieën Categorieën toevoegen Vul een naam in voor de categorie Selecteer de overkoepelende categorie (indien aanwezig) Sla de categorie op. Na het opslaan kan je artikelen toevoegen aan de categorie Beschrijf eventueel de categorie voor jezelf of anderen.

9 Categorieën Artikelen toevoegen aan Categorieën Je kunt op twee manieren artikelen toevoegen aan een categorie: 1: Per artikel 2: Met meerdere artikelen tegelijk Ga eerst naar inhoud, artikelen

10 Categorieën Artikelen toevoegen aan Categorieën Eén artikel: Klik in het artikelbeheer op het artikel aan dat je toe wilt voegen. Je komt in het volgende scherm Selecteer hier de categorie en sla je artikel op.

11 Categorieën Artikelen toevoegen aan Categorieën Meedere artikelen: Selecteer de artikelen die je wilt toevoegen. (vink ze aan) Scroll naar de onderkant van de pagina. Je ziet dit: Selecteer de categorie en klik op verwerken. Je artikelen staan nu in de gekozen categorie.

12 Artikelen toevoegen en bewerken

13 Artikelen toevoegen Een website bestaat voornamelijk uit artikelen (articles / pagina's) Om een artikel aan te maken ga je naar het tabblad inhoud en klik je op artikelen

14 Artikelen toevoegen Het volgende scherm verschijnt: Artikelbeheer

15 Artikelen toevoegen Belangrijke knoppen in het artikelbeheer Nieuw artikel toevoegen Bestaand artikel bewerken (vink eerst een artikel aan) Artikel zichtbaar maken voor bezoekers van je site Artikel onzichtbaar maken voor bezoekers van je site Artikel markeren als speciaal (je kunt deze artikelen apart selecteren en weergeven) Artikel verwijderen Artikel opslaan in het archief (handig voor oude artikelen die je nog wel wilt bewaren, maar niet op de website wilt tonen) Opties voor alle artikelen wijzigen

16 Artikelen toevoegen Om een artikel toe te voegen klik je op Of direct in het menu op:

17 Artikelen toevoegen Je ziet het volgende scherm: Vul hier de titel in (deze verschijnt boven je artikel op je website) Hier staat de alias (die verschijnt in je url, bijv Selecteer evt. een categorie Hier kan je beginnen met het schrijven van je artikel.

18 Artikelen toevoegen Als je (even) klaar bent met schrijven klik je op één van de volgende knoppen: (rechtsboven in je scherm) Je artikel opslaan en daarna door gaan met schrijven Je artikel opslaan en afsluiten. Je gaat automatisch naar het artikeloverzicht. Je artikel opslaan en direct aan een nieuw artikel beginnen Stoppen met bewerken. Je artikel of wijzigingen worden niet opgeslagen. Hier vind je een heleboel handige tips en informatie over Joomla!

19 Artikelen toevoegen Als je een artikel heb opgeslagen kan je het terugvinden in het artikelbeheer. Of gebruik de zoekfunctie Of gebruik filters om te zoeken op categorie of auteur Zoek je artikel op in de lijst

20 Artikelen toevoegen Tips en tricks: Je artikel verschijnt niet automatisch op je website. Je hebt een menu-item of een andere link nodig om het te kunnen zien. Plak nooit teksten direct uit Word of OpenOffice in je website. Gebruik eerst het kladblok (te vinden in bureau-accesoires) om de opmaak uit je tekst te halen (zie ook de slides over tekstverwerken). Prop niet te veel tekst in één artikel en houd artikelen overzichtelijk met behulp van kopjes en alinea's.

21 Artikelen bewerken Als je een artikel hebt toegevoegd kan je het bewerken door erop te klikken in het Artikelbeheer. Je ziet dit scherm: Je kunt alle onderdelen van het artikel wijzigen. Deze wijzigingen verschijnen direct op je site nadat je op 'opslaan' hebt geklikt.

22 Artikelen bewerken Je bewerkt de inhoud van je artikel via de JCE-editor De JCE-Editor is de meestgebruikte editor. Deze tekstverwerker doet eigenlijk hetzelfde als Word of de OpenOffice writer. Wat kan je allemaal met deze editor doen? Tekstschrijven Tekst opmaken Tabellen maken Links maken Plaatjes toevoegen

23 Artikelen bewerken De editor verschijnt automatisch als je een artikel aanmaakt of bewerkt:

24 Artikelen bewerken Tekstverwerken Met de editor kan bijna net als op een gewone computer teksten bewerken. Je ziet hieronder de functies die te maken hebben met tekst. Onderstrepen Schuingedrukt Vette tekst Uitlijnen Quote Opmaak selecteren Opmaak verwijderen HTML opschonen Lettertype Tekstgrootte Tekstkleur Arceren Knippen Plakken Lijst invoegen Speciale tekens invoegen

25 Teksten bewerken is makkelijk! Selecteer de tekst die je wilt bewerken en druk op de juiste knop.

26 Artikelen bewerken Tips & Tricks Tekstverwerken Als je kopjes aan je artikel toe wilt voegen, maak ze dan niet vet, maar maak er heading van. Je selecteert de tekst en klikt vervolgens op: Kies vooral voor Heading 2 (dat vindt Google handig) Je template maakt je headings automatisch op zodat ze bij de rest van het ontwerp passen. Plak nooit teksten direct uit Word of OpenOffice in je website. Deze teksten bevatten vaak opmaak (lettertypes, lettergrootte). Als je deze teksten op de website zet ziet het er rommelig uit. Gebruik daarom eerst het kladblok (te vinden in bureau-accesoires) om de opmaak uit je tekst te halen. 1: kopieer en plak je tekst in het kladblok 2: kopieer en plak je tekst vanuit het kladblok naar de editor in Joomla!

27 Artikelen bewerken Links toevoegen Soms wil je in artikelen kunnen klikken op tekst. Om een link naar een andere pagina te maken doe je het volgende: 1: Selecteer je tekst 2: Klik op: 3: Het volgende scherm verschijnt:

28 Artikelen bewerken Links toevoegen Vul een URL in vb: -Hier verschijnt je linktekst- of Selecteer een menuitem, artikel of contactpersoon op je site Geef aan hoe de link moet openen: -in een nieuw venster -in hetzelfde venster Vul een titel in die verschijnt als je met je muis over de link gaat.

29 Artikelen bewerken Links toevoegen Je link verschijnt onderstreept en blauw in de tekst. Om de link te bewerken klik je op de link en daarna op Je kunt ook de rechter muisknop gebruiken. Rechtermuisklik op de link. Klik daarna op insert/edit link

30 Artikelen bewerken Afbeeldingen toevoegen

31 Artikelen bewerken Afbeeldingen toevoegen Klik op één van de afbeeldingsknoppen als je een afbeelding wilt invoegen:

32 Artikelen bewerken Je ziet dit pop-upscherm: Afbeeldingen toevoegen Selecteer hier de afbeelding die je wilt gebruiken Staat de afbeelding nog niet op de server? Met deze knop kan je een afbeelding uploaden

33 Afbeeldingen uploaden Dit scherm verschijnt als je op Uploaden hebt geklikt. Om een afbeelding te uploaden, sleep je hem in het scherm, of klik je op browse. Je kunt dan een bestand op je computer selecteren. Klik op Upload om het bestand definitief op je website te zetten.

34 Artikelen bewerken Afbeeldingen toevoegen Als je juiste afbeelding hebt gevonden vul je het volgende in: Een alt-text (een beschrijving van de afbeelding) Hoe groot de afbeelding moet zijn (in pixels) Rand om de afbeelding (border) Ruimte ten opzichte van de tekst (marge in pixels) Uitlijning van de afbeelding (links, recht, boven of onder)

35 Afbeeldingen toevoegen Bekijk hier hoe de afbeelding eruit gaat zien Tevreden? Klik op insert om de afbeelding in je artikel op te nemen

36 Afbeeldingen toevoegen Links toevoegen Je afbeelding verschijnt in de tekst. Om de Afbeelding te bewerken klik je op de afbeelding en daarna op Je kunt ook de rechter muisknop gebruiken. Rechtermuisklik op de afbeelding. Klik daarna op insert/edit image

37 Speciale artikelen U hebt de optie om artikelen speciaal te maken ( featured ) Op deze manier kan je artikelen onderscheiden die op dat moment belangrijker zijn dan anderen. Bijvoorbeeld: -Nieuwsartikelen die je op de voorpagina wilt tonen -De belangrijkste artikelen van dit moment (actueel)

38 Speciale artikelen Je kunt artikelen op verschillende manieren speciaal maken: 1: Bij het bewerken van het artikel zelf: (selecteer yes in het dropdownmenu) 2: In de artikellijst: (Klik speciaal aan of uit)

39 Menu s en menu-items

40 Een menu toevoegen Om een menu toe te voegen ga je naar het menubeheer

41 Een menu toevoegen Je ziet het volgende scherm: Voeg een menu toe met de knop nieuw of via het menu.

42 Een menu toevoegen Het volgende scherm verschijnt: Klik op opslaan Vul een titel in Vul hier een beschrijving in voor jezelf of anderen. Vul hier een type in (Het type is eigenlijk de id van het menu, een unieke naam)

43 Een menu toevoegen Je menu verschijnt in de lijst. Om een menu te bewerken vink je het aan. En klik je op bewerken Let op, als je op de naam van een menu klikt, Kom je bij de onderliggende menu-items.

44 Een menu-item toevoegen Om een menu toe te voegen ga je naar het menubeheer en klik je op je menu. Of je klikt direct je menu

45 Een menu-item toevoegen Je ziet dit scherm: Klik hier om een nieuw item toe te voegen Hier staan de menu items

46 Een menu-item toevoegen Sla het item op Selecteer een menu-itemtype Selecteer een menu-item-titel Selecteer eventueel een alias (dit verschijnt in je url) Selecteer een bovenliggend menu-item

47 Modules

48 Modules Wat is een module? Een module is eigenlijk een blok op de pagina. In een module kan van alles staan. In Joomla wordt een duidelijk onderscheid gemaakt tussen artikelen en modules. Een artikel vormt de basis van de pagina. Modules staan om het artikel heen. Bekijk het voorbeeld op de volgende slide:

49 Items publiceren en depubliceren

50 Items publiceren en depubliceren In de CMS kunnen de volgende items eenvoudig zichtbaar en onzichtbaar gemaakt worden: Artikelen Categorieën Menu-items Modules Bij al deze items gaat dat gelukkig hetzelfde

51 Items publiceren en depubliceren Dit item is niet gepubliceerd Dit item is gepubliceerd Om de status van een item te wijzigen klik je op de of de. De pagina vernieuwt zich. Je komt op hetzelfde scherm en ziet direct in de lijst of je item zichtbaar of onzichtbaar is.

52 Items publiceren en depubliceren Depubliceren en publiceren kan ook in het item zelf Dat kan hier.

53 Bestanden toevoegen Via een site deel je ook vaak bestanden Afbeeldingen Pdf's Powerpointpresentaties Etc.

54 Bestanden toevoegen Al de bestanden die je op je site gebruikt moet je eerst uploaden via het mediabeheer:

55 Bestanden toevoegen Je kunt een map selecteren en het bestand toevoegen via deze knop: