Handleiding redacteurs websites Gebruik van het CMS in DNN versie 8

Transcriptie

1 Handleiding redacteurs websites Gebruik van het CMS in DNN versie 8 Gery Spirinckx 17 januari 2017 VMSW.be

2 INHOUD 1 Inloggen Overzicht van de menu s Modules Pagina s Pagina s bewerken en pagina-instellingen 4 3 Indeling skins Aanmaken pagina Naar de bewerkmodus Pagina-instellingen bewerken Plaatsen van een module De editor of tekstverwerker De tekstverwerker Uitleg van de symbolen: Een interne of externe link leggen Een bestand (document of beeld) toevoegen Werken met tabellen Versiegeschiedenis Voor gevorderden Rechten op een pagina of een module wijzigen 22 9 Tips, tricks en aanbevelingen Aangaande de tekst Aangaande het uitzicht Aangaande beelden Aangaande Google Contacteer ons bij vragen januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 2 van 26

3 1 INLOGGEN Surf naar het webadres van je website. Rechtsboven (in de balk van het logo) zit meestal een knop INLOGGEN. Je gebruikersnaam en paswoord blijven hetzelfde als dat van de vorige versie van het CMS. 2 OVERZICHT VAN DE MENU S 2.1 MODULES 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 3 van 26

4 2.2 PAGINA S 2.3 PAGINA S BEWERKEN EN PAGINA-INSTELLINGEN 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 4 van 26

5 3 INDELING SKINS Dit onderdeel van de cursus mag je als optioneel beschouwen. Het is eerder om aan te geven wat de mogelijkheden zijn van je website en dat er meer is dan 1 vak om tekst in te schrijven. Modules kunnen steeds van pane verschoven worden. Dit systeem werkt met skins, modules en containers. We nemen hier het voorbeeld van het skin van de startpagina van de meeste websites. Je roept deze weergave op door bij pagina bewerken te klikken op weergeven van layout mode. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 5 van 26

6 4 AANMAKEN PAGINA Surf naar de moederpagina. In dit voorbeeld was dat opleiding. Ga naar het menu Pagina s en klik op het pijltje. Klik vervolgens op nieuwe pagina toevoegen. Je krijgt het volgende scherm: 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 6 van 26

7 Naam van de pagina: dit is ook de naam die in lijstjes (menu) zal verschijnen. Titel van de pagina: hier kan je best hetzelfde invullen als bij de naam van de pagina. Omschrijving: Het is nuttig om bij hoofdpagina s van je site hier een korte beschrijving te geven waarover deze pagina gaat. De surfers die je pagina vinden via Google bv zullen deze omschrijving te lezen krijgen. Sleutelwoorden. Deze kan je invullen bij de startpagina en bij hoofdonderdelen van je site. Bv: Sociale huisvesting, Tienen, huur, huren, lenen, sociale lening, Hoofdpagina: is automatisch ingevuld met de moederpagina van waaruit we vertrokken zijn dus daar hoeft je niets aan te wijzigen. Sjablonen: niet van toepassing Neem op in het menu: laat je best aangevinkt staan, tenzij het een pagina is die moet zweven en dus in geen enkel menu zichtbaar zou zijn (= uitzonderlijk) Vergeet niet onderaan op VOEG PAGINA (toe) te klikken. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 7 van 26

8 5 NAAR DE BEWERKMODUS Je kan een pagina inhoudelijk bewerken door er modules (en daarna tekst) op te plaatsen. Zet jezelf in de bewerkmodus om dit te kunnen doen. Gebruik daarvoor de menu rechtsboven: pagina bewerken. Klik op blauwe knop: deze pagina bewerken. Je schermt refresht en je ziet op de pagina verschillende andere menu- en bewerkknopjes verschijnen. Je kunt ook blijf in bewerk mode aanvinken: dat zorgt ervoor dat je bij het navigeren tussen verschillende pagina s niet steeds opnieuw naar deze pagina bewerken zou moeten gaan. Alle bewerkknopjes blijven dus zichtbaar tijdens het navigeren. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 8 van 26

9 6 PAGINA-INSTELLINGEN BEWERKEN Nadat een pagina is aangemaakt (nu of al vroeger) kan je nog altijd enkele basiszaken aanpassen als dat nodig blijkt: paginanaam wijzigen titel wijzigen omschrijving toevoegen of aanpassen sleutelwoorden toevoegen of aanpassen Klik op de menuknop rechtsboven pagina bewerken en ga naar die pagina-instellingen : 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 9 van 26

10 Een voorbeeld 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 10 van 26

11 7 PLAATSEN VAN EEN MODULE Open de pagina die je aanmaakte (meestal kom je er automatisch op terecht na aanmaak). Klik op het menu modules en kies nieuwe module toevoegen. Je krijgt nu de volgende keuze: Sommige SHM s hebben een paar modules meer of minder. Meestal gebruiken we HTML, wat een module voor tekst is. Klik deze module aan (hou je vinger aangeklikt) en sleep ze naar bijvoorbeeld het Contentpane. (Als je een nieuwe pagina aanmaakt, zal er bij de meeste websites standaard een html module in het contentpane staan dus dan mag je deze stap overslaan.) 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 11 van 26

12 Eenmaal de module geplaatst is, kan je de tekst gaan invullen of bewerken. Klik hiervoor op het potloodje bovenaan de module. En kies voor tekst bewerken. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 12 van 26

13 8 DE EDITOR OF TEKSTVERWERKER Voor het beheren van de content werken we met een tekstbewerker (CKeditor). Deze gaat de ingebrachte tekst en beeld omzetten naar HTML formaat. Je wordt niet geconfronteerd met codering voor opmaak en dergelijke. Zorg er eerst voor dat je in bewerk modus bent: 8.1 DE TEKSTVERWERKER 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 13 van 26

14 8.1.1 Uitleg van de symbolen: c Bewaren Stap terugkeren of herhalen Tekst in vet weergeven Tekst cursief weergeven Super- of subscript gebruiken Speciale tekens gebruiken Hier kies je vooringestelde stijlen. Deze verschillen van site tot site. Hier kies je vooringestelde kopstijlen (Kop1, kop2, ) Met deze reeks iconen kan je kopiëren, knippen en plakken Met dit icoon kan je tekst plakken vanuit Word. We bevelen deze werkwijze niet aan! Zoeken binnen de tekst Zoeken en vervangen van een deel van de tekst Opsommingen gebruiken. Ongeordende lijst (bolletjes) of geordende lijst (nummers) Inspringen vergroten of verkleinen Uitlijnen van de tekst. Links, centreren of rechts 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 14 van 26

15 Een link invoegen of bewerken. Dit voor zowel interne als externe linken maar ook voor bestanden en beelden. Meer uitleg staat verderop in deze handleiding. Een bestaande link verwijderen Een interne link leggen in de pagina (bookmark, anker) Een afbeelding invoegen Een tabel invoegen en opmaken Broncode of HTML code weergeven. Enkel voor specialisten Een interne of externe link leggen Klik dus op het icoon: 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 15 van 26

16 Onder linktype kan je portal page kiezen. Dit geeft je dan een overzicht van alle webpagina s in de website volgens de structuur. Het volstaat om de gewenste pagina aan te klikken en OK te kiezen. Je hebt dan een interne link gelegd. Om een link te leggen naar een externe website kies je voor linktype URL. Je typt of plakt de URL en klikt op OK. Vergeet het doelvenster niet in te stellen op nieuw venster, zodat mensen onze website niet kwijt zijn als ze naar de externe link doorklikken. Dat doe je in het tweede tabblad bovenaan. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 16 van 26

17 8.1.3 Een bestand (document of beeld) toevoegen Om een bestand te koppelen klik je ook op het icoon van link en kies je voor bladeren op server. Je krijgt nu het overzicht van zowel de bestanden (onder objects of documents) als van de beelden (onder images): 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 17 van 26

18 Het volstaat om te navigeren naar de juiste map, een bestand aan te klikken en voor OK te kiezen. Het URL-type wordt automatisch op relative URL gezet en dat mag zo blijven. Indien het bestand nog niet voorkomt op de server dan kan je het opladen door te klikken op het icoon. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 18 van 26

19 Je krijgt dan dit scherm: Op te laden bestanden sleep je vanuit de huidige locatie naar het rode veld. Of je kiest voor Bestanden toevoegen en je bladert naar de juiste locatie. Zoals je kan aflezen is er een beperking ingesteld in de bestandsgrootte en in de toegelaten bestandstypes. Op vraag aan de webmaster kan dit aangepast worden. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 19 van 26

20 8.1.4 Werken met tabellen Probeer tabellen zo veel mogelijk te vermijden. Dit verkleint de toegankelijkheid van de website en ook voor u als redacteur is het niet altijd een makkelijke klus om deze in te voegen. Voor eenvoudige tabellen, volg deze stappen: 1. Open in de tekstverwerker de tabel modus. Je krijgt onderstaand kader. Hier kan je al direct een aantal zaken ingeven. Zoals het aantal rijen en kolommen. De breedte van de volledige tabel (best in procenten uitdrukken) en of je de eerste rij als tabelhoofding wil gebruiken. Het resultaat zal er automatisch goed uitzien volgens de huisstijl. Opgelet: jij ziet als redacteur niet altijd het definitieve eindresultaat maar als je de editor terug verlaat (via close) en de pagina gewoon gaat bekijken. De turquoise kleur van de hoofding zie je bijvoorbeeld niet wanneer je nog in de editor zit. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 20 van 26

21 Alle andere opties zoals rijen of kolommen invoegen, cellen samenvoegen, kan je bereiken door de rechter muistoets te hanteren, als je op de tabel in een cel staat. De algemene tabeleigenschappen kan je zo ook terug oproepen (onderste menu-optie). 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 21 van 26

22 8.1.5 Versiegeschiedenis Je kan nagaan hoe vaak en door wie jouw paginatekst is gewijzigd. Het systeem onthoudt de laatste 10 versies. Klik onderaan op de pagina op het icoon: Je kan door op het vergrootglas te klikken een vorige versie bekijken. Door op het groene icoon te klikken kan je een oudere versie terugzetten VOOR GEVORDERDEN Rechten op een pagina of een module wijzigen Het is mogelijk om de rechten van een bepaalde pagina te wijzigen ten opzichte van de standaard rechten. Je kan dit bijvoorbeeld hanteren bij de aanmaak van een nieuwe pagina die nog niet zichtbaar mag zijn voor de surfers. Kies in het pagina bewerken menu voor pagina machtigingen. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 22 van 26

23 Je krijgt dan dit scherm. Standaard zal bij de aanmaak van een pagina dezelfde rechten worden overgenomen van de moederpagina. Alle gebruikers dit zijn alle surfers op je website. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 23 van 26

24 Redacteurs dat ben jezelf. Door het vinkje weg te nemen bij alle gebruikers zal de pagina niet meer zichtbaar zijn voor de surfer. Belangrijk is dat je als je dit doet je ook best even de pagina wegneemt uit het menu. Wil je van een bepaalde module de rechten wijzigen moet je naar de instellingen van de module gaan. Vervolgens het tabblad machtigingen aanklikken. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 24 van 26

25 Op module niveau kan je nu de rechten van alle gebruikers wegnemen. Eerst zal je erf weergave bevoegdheden van pagina uitvinken. 9 TIPS, TRICKS EN AANBEVELINGEN 9.1 AANGAANDE DE TEKST Wees steeds kort en bondig. De surfers zijn niet echt geduldig en willen snel iets vinden. Weet dat de gemiddelde bezoektijd op een pagina seconden is. Deel de tekst logisch en semantisch in. Met andere woorden gebruik de kopstijlen en gebruik ze in juiste volgorde Leg de link naar andere pagina s of documenten op een zinvolle tekst. Fout : om meer te weten over het reglement klik hier Juist : Reglement voor de huurders Linken naar een externe website doe je alleen maar als je de site laat openen in een nieuw venster. Tabellen zet je in functie van de mobiele weergave in procenten. Dus niet 500 px breed maar wel 100% breed bijvoorbeeld. 9.2 AANGAANDE HET UITZICHT Is de kleur, grootte of lettertype niet naar je wens. Vraag dan om de stijl aan te passen en ga niet zelf aan het werk om bijvoorbeeld titels groter te zetten. Denk na over foto s die je op de startpagina zet. Ze moeten de surfer uitnodigen om te blijven. 9.3 AANGAANDE BEELDEN Breng de beelden eerst op het juiste formaat vooraleer je ze gaat opladen naar de website Vul steeds bij het invoegen van een beeld de alt-tekst in. 9.4 AANGAANDE GOOGLE Meld je site aan bij Google ( Geef de belangrijkste pagina s een omschrijving. Zeker de startpagina. Maar vooral! Zorg ervoor dat meerdere andere sites-organisaties naar jou verwijzen. 17 januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 25 van 26

26 10 CONTACTEER ONS BIJ VRAGEN Technische ondersteuning en vragen aangaande het gebruik van het CMS: Gery Spirinckx Dienst informatica Vragen aangaande het gebruik van het CMS: Lieve De Waele Dienst informatica januari 2017 Handleiding redacteurs websites SHM-SVK CMS DNN 8 pagina 26 van 26