Handleiding Content Management Systeem Captise: DotNetNuke 7x

Transcriptie

1 Handleiding Content Management Systeem Captise: DotNetNuke 7x 2014 Voor beheerders van een DotNetNuke website, versie 7x Captise

2 2014 Captise, Tweede Bloksweg 4, 2742 KJ Waddinxveen Versie: 1.0, januari 2014 Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd bestand, of openbaar gemaakt, in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, fotokopieën, opnamen of op enige andere manier, zonder voorafgaande schriftelijke toestemming van de uitgever. 2

3 Inhoud Voorwoord... 5 Verklarende woordenlijst Algemene uitleg over DNN Eerste kennismaking Doelstellingen van DNN Structuur van DNN Functionaliteiten binnen DNN Werken met de basis van DNN Inloggen en uitloggen Het regelpaneel Website Modules Pagina s Gebruikers Pagina bewerken Het werken met pagina s Een nieuwe hoofdpagina toevoegen Een nieuwe subpagina toevoegen Een pagina verborgen maken Een pagina verwijderen Een pagina kopiëren Werken met modules Werken met modules Een module toevoegen Wat zijn panelen? Bewerken van een module Een module verwijderen Een module onzichtbaar maken Een bestaande module toevoegen

4 5. De HTML module Teksten bewerken Het maken van een link Plakken vanuit een tekstverwerker Afbeeldingen toevoegen aan een tekst Gebruikersbeheer Gebruikersoverzicht Een gebruiker aanmaken Gegevens van een gebruiker wijzigen Wachtwoord wijzigen / resetten Profiel van een gebruiker aanvullen Toegangsrollen Een rol toevoegen Een rol toekennen aan een gebruiker Ondersteuning Aantekeningen Bijlage I, Een afbeelding verkleinen met IrfanView Bijlage II, Schrijven voor het internet

5 Voorwoord Deze handleiding is bestemd voor alle beheerders en administrators van een DotNetNuke (hierna afgekort als DNN) website. De meest voorkomende werkzaamheden die uitgevoerd worden met een DNN website staan hierin beschreven. Denk hierbij aan: Het toevoegen, bewerken of verwijderen van pagina s. Het toevoegen, bewerken of verwijderen van modules. Het toevoegen, bewerken of verwijderen van tekst. Het werken met afbeeldingen, documenten en hyperlinks. Het aanmaken van gebruikers, rollen en rechten. Etc. Naar aanleiding van de grotere vraag naar een gedegen DNN handleiding zijn wij gestart met het schrijven van onze eigen handleiding voor onze klanten. Op basis van ervaringen die wij hebben opgedaan is deze handleiding opgesteld. Schrijf- en denkwijze zijn dan ook gebaseerd op de ervaring van onze klanten. Deze handleiding is samengesteld door de teamleden van Captise Web B.V. Dankzij de feedback van onze klanten hebben we de handleiding kunnen optimaliseren en uitbreiden. Het blijft een continue proces waar we aan werken maar hopen dat u als klant zelfstandig aan de slag kunt. Een aantal opmerkingen is voor deze handleiding van belang: Er is voor gekozen de standaardinstellingen van het content management systeem zoveel mogelijk over te nemen. Dit geldt ook voor de standaard vormgeving. Enige ervaring met computers en administratie met computers is een vereiste. Succes met de handleiding en het gebruiken van de DNN website. Captise 5

6 Verklarende woordenlijst Term Browser Bug CMS DNN HTML Betekenis Het programma op uw computer waarmee websites te bekijken zijn. Een fout in een systeem waardoor gekke dingen optreden of er foutmeldingen optreden. Content Management Systeem, de term waarmee de tools voor Beheer en onderhoud van een website aangeduid worden. Staat voor DotNetNuke, de naam van het CMS waarvoor deze handleiding geschreven is. De programmeertaal/-code waarmee websites voor het grote deel gemaakt zijn. 6

7 1. Algemene uitleg over DNN 1.1 Eerste kennismaking DNN is een zogenaamd open source content management systeem (CMS). Dat wil zeggen dat het gratis verkrijgbaar is en mogelijkheden biedt tot aanpassing en uitbreiding. Hier zitten zowel voor- als nadelen aan vast waarvan we enkele zullen noemen. Voordelen Het is gratis en kost dus niets. Ook niet als het gaat om gebruikerslicenties etc. Je kunt het aanpassen zoveel als je wilt zodat het naar je eigen wensen werkt. Het kent een grote community, veel (eind)gebruikers waardoor er veel kennis en ervaring is. Er zijn veel verschillende oplossingen bovenop DNN te verkrijgen die aansluiten bij de wensen van een klant. Nadelen Bij nieuwere versies van het systeem zijn niet altijd de wensen en eisen van u als klant doorgevoerd. Het is soms wachten. Je kunt geen keiharde eisen stellen aan de functionaliteiten in een volgende versie van het systeem. Indien er bugs of andere fouten in zitten worden deze niet direct opgelost. Soms worden er wijzigingen aan gebracht in functionaliteiten of worden sommige functionaliteiten compleet verwijderd in nieuwe versies. Keuzes voor dergelijke beslissingen zijn soms niet te doorgronden. 1.2 Doelstellingen van DNN Het beheer en onderhoud van websites vereenvoudigen en efficiënt laten verlopen. Zorgen voor tools die technische kennis overbodig maken zodat iedereen een eigen website kan beheren. 1.3 Structuur van DNN DNN werkt op basis van pagina s en modules. In het kort betekent dit dat met pagina s de structuur (menu s) van uw website gevormd kunnen worden. Met modules kan er inhoud aan elke pagina worden toegevoegd zodat de gebruiker inhoud/content kan zien en gebruiken. 7

8 Modules zijn te vergelijk met stukjes functionaliteiten zoals het plaatsen van een tekst of een compleet contactformulier. Het maken van een website in DNN kent over het algemeen de volgende werkwijze: Aanmaken beheerder(s) Aanmaken pagina's, menu's Plaatsen content, functionaliteiten Testen 1.4 Functionaliteiten binnen DNN DNN kent een groot aantal standaard functionaliteiten waarmee u uw website kunt inrichten. Standaard zijn de volgende functionaliteiten (modules dus) aanwezig: Advertentiesysteem Afbeeldingen Aankondigingen/nieuws Banners Bestandsbeheer Contactformulier Documenten Gebruikersaccounts Google Analytics Iframe Links Nieuwsbrieven Pagina s Poll Veel gestelde vragen Teksten Zoeken 8

9 2. Werken met de basis van DNN 2.1 Inloggen en uitloggen Om de functionaliteiten van het content management systeem te gebruiken, moet u eerst inloggen. Elke beheerder heeft zijn/haar eigen account, gebruikersnaam en wachtwoord. Opdracht 1 Inloggen in het content management systeem 1. Open de website door deze op te roepen (bijv Klik op de link Inloggen of ga naar 3. Voer je gebruikersnaam en wachtwoord in 4. Klik op de knop Aanmelden De website gaat nu naar de homepage en toon diverse knoppen. Let op: in het vervolg van starten we opdrachten altijd met het inloggen op de website. Zolang u niet uitlogt hoeft u deze stap niet uit te voeren en kunt u gelijk door met de volgende stappen. Opdracht 2 Uitloggen in het content management systeem. U kunt elk gewenst moment uit loggen. De link waarmee u ingelogd hebt is nu gewijzigd in Uitloggen. Mocht er geen link aanwezig zijn, ga dan naar 9

10 Zodra u uitlogt wordt u naar de homepage van uw website gestuurd. 2.2 Het regelpaneel Het regelpaneel is een werkbalk bovenaan de website. Hiermee kunt u vrijwel alle taken uitvoeren. In het regelpaneel zijn de volgende belangrijkste opties zichtbaar Beheer Gastheer (alleen voor Administrators) Modules Pagina s Gebruikers Pagina bewerken Door met de muisaanwijzer de eerste vier opties heen te bewegen verschijnt er een uitklapmenu. We lopen de belangrijke functionaliteiten van de onderdelen van het regelpaneel kort even door. In latere hoofdstukken komen de functionaliteiten uitgebreid aan bod. 10

11 2.2.1 Website Onder Beheer (dit heette voorheen Website ) vallen een aantal opties in 3 verschillende tabbladen. Standaard worden de 7 belangrijkste opties genoemd: Bestandsmanager Uitgebreid bestandsbeheer voor de website. Met opties voor het uploaden van bestanden, het aanmaken van mappen, en het toekennen van rechten. Gebruikersaccounts Beheer van de gebruikers op de website Logboek Hier kun je alle uitgevoerde acties op de website terugzien, inclusief foutmeldingen Pagina s Een overzicht van alle pagina s van de website met beheer mogelijkheden Prullenmand Als modules en pagina s worden weggegooid komen ze eerst in de prullenmand terecht. Vanaf hier kunt u ze weer terug zetten, of definitief verwijderen. Toegangsrollen Beheer van de toegangsrollen die op de website worden gebruikt. Website instellingen Hieronder zijn een aantal belangrijke instellingen te vinden die gelden voor de gehele website. Onder het tweede tabblad staan wat minder belangrijke functie als: Talen Instellingen voor de talen die op de website worden gebruikt. Skins Instellingen voor de sjablonen/skins die op de website worden gebruikt. 11

12 Google Analytics Door hier een Google Analytics code in te voeren, worden statistieken van de website bijgehouden Nieuwsbrieven Vanaf deze pagina kun je nieuwsbrieven versturen naar verschillende lijsten Modules Modulefuncties van het regelpaneel bestaan uit: Nieuwe module toevoegen Vanuit de module bibliotheek beschikbare modules als nieuwe functionaliteiten toevoegen aan de geopende pagina. Bestaande module toevoegen Vanaf een bestaande pagina een complete module met instellingen en inhoud kopiëren naar de geopende pagina. Zo kan je eenvoudig content hergebruiken op de website. LET OP: dit geldt niet voor alle modules! 12

13 Meestal kies je ervoor om een nieuwe module toe te voegen. Als je dit hebt gedaan kun je de soort module kiezen. Deze module kun je naar het betreffende pane op de pagina slepen of via het icoontje rechtsboven in een pane laten plaatsen. Het toevoegen van een module is ten opzichte van oudere DNN versies behoorlijk veranderd Pagina s De Pagina s optie in het regelpaneel bestaan uit: Nieuwe pagina toevoegen Met deze functie kunt u pagina s toevoegen aan de website. Pagina kopiëren Met deze functie kan de huidige pagina gekopieerd worden. Instellingen en inhoud zoals modules, kunnen eenvoudig mee gekopieerd worden. Zo kunt u snel pagina s dupliceren. Pagina importeren Hiermee kan de inhoud van een pagina worden geïmporteerd vanuit een paginasjabloon in bestandsbeheer. 13

14 2.2.4 Gebruikers De Gebruikers optie van het regelpaneel bestaan uit: Nieuwe gebruiker toevoegen Snelle manier om een gebruiker aan te kunnen maken op de website. Beheer gebruikers Snelle manier om een gebruiker meer of minder rechten te geven op de website. Beheer rollen Snelle manier om een rol toe te voegen bij de toegangsrollen van de website Pagina bewerken Bij de optie Pagina bewerken kan gekozen worden uit: Deze pagina bewerken Standaard staat de website in de bekijk modus Blijf in bewerk mode Hiermee zorg je ervoor dat de website als ingelogde gebruiker standaard in de bewerk mode staat Mobiele voorbeeld weergave Hier kun je bekijken hoe de website er op verschillende devices uitziet. Pagina instellingen Met deze functie kunnen de instellingen van de huidige pagina gewijzigd worden. Pagina uiterlijk Met deze functie kun je het paginasjabloon wijzigen Pagina machtigingen Met deze functie kun je de bevoegdheden per gebruikersrol wijzigingen. Zowel voor beheerders als bezoekers van de website Pagina exporteren Hiermee kan de huidige pagina geëxporteerd worden naar een pagina sjabloon. Hiermee kan bijvoorbeeld een back-up gemaakt worden van de pagina met inhoud. 14

15 Pagina verwijderen Met deze functie kan de huidige pagina direct verwijderd worden. Verwijderde items, zoals pagina s en modules, komen in eerste instantie in de prullenbak terecht. 15

16 3. Het werken met pagina s In dit hoofdstuk leggen we uit hoe u een pagina kunt aanmaken zodat er een menu ontstaat waar gebruikers op kunnen klikken. We kijken eerst naar het aanmaken van een nieuwe pagina en vervolgens naar het bewerken van eigenschappen en het verwijderen van de pagina. 3.1 Een nieuwe hoofdpagina toevoegen Opdracht 1 Het aanmaken van een nieuwe hoofdpagina. 1. Klik in het regelpaneel onder Pagina s op Nieuwe pagina toevoegen. U komt nu in een formulier terecht. 2. Vul achtereenvolgens de volgende eigenschappen in voor de pagina (opties dit niet worden benoemd kun je leeglaten): o Naam Pagina (Deze verschijnt in het menu.) 16

17 o o o Omschrijving (Beschrijf in twee zinnen waar de pagina inhoudelijk over gaat. Dit wordt gebruikt door zoekmachines.) Sleutelwoorden (Idem als bij omschrijving, echter nu met trefwoorden. Voer deze in gescheiden door komma s.) Machtigingen (dit staat onder het tabblad Machtigingen bovenin): Klik op het tabblad Machtigingen, en zet hier een vinkje achter Alle gebruikers in de kolom Pagina bekijken. Hiermee zorgt u ervoor dat alle website bezoekers de pagina mogen zien. Zet je dit vinkje niet dan is de pagina alleen zichtbaar voor beheerders. o o Scroll verder naar beneden en klik op Voeg pagina in. U heeft nu een nieuwe pagina aangemaakt die in het menu verschijnt. U heeft nu een nieuwe hoofdpagina aangemaakt. Deze verschijnt in het menu zodat uw bezoekers deze pagina kunnen benaderen. 3.2 Een nieuwe subpagina toevoegen Naast een hoofdpagina kunt u ook subpagina s aanmaken. Hiermee kunt u hoofdstukken en submenu s creëren zodat een complete websitestructuur ontstaat. Opdracht 1 Het aanmaken van een nieuwe subpagina. 1. Klik in het regelpaneel onder Pagina s op Nieuwe pagina toevoegen. 2. Vul de gegevens in zoals u dat ook voor een hoofdpagina doet. 17

18 3. Zoek vervolgens in het formulier naar de kop Hoofdpagina. 4. Klap het dropdown menu open. U ziet hier alle pagina s die in uw website beschikbaar zijn. 5. Kies hier voor één van de reeds aangemaakte pagina s. 6. Scroll naar beneden en klik op Bijwerken. 7. U heeft nu een subpagina onder de hoofdstuk pagina aangemaakt. Wanneer u met de muis over de hoofdpagina gaat, zal in het menu de subpagina uitklappen. 3.3 Een pagina verborgen maken Het is denkbaar dat een pagina niet voor iedereen zichtbaar moet zijn. Met behulp van pagina-instellingen is het eenvoudig om een bestaande pagina verborgen te maken. Deze handeling kan je doen door in de Pagina instellingen de functie Machtigingen te wijzigen. Opdracht 1 De bevoegdheden van een pagina wijzigen. 1. Open een willekeurige pagina 2. Klik in het regelpaneel, onder Pagina bewerken, op Pagina instellingen 3. Een pagina opent zich en je ziet de pagina instellingen voor de huidige pagina. 4. Ga naar het tabblad Machtigingen 5. Klik bij Alle gebruikers, in de kolom Pagina bekijken, eenmaal op het groene icoontje. 6. Het icoontje is nu rood. 18

19 7. Klik onderaan de pagina op Pagina Bijwerken. De pagina wordt nu bijgewerkt. Opdracht 2 Bekijken van een verborgen pagina. 1. Log uit via de link Uitloggen of ga naar 2. Probeer via de navigatielinks naar de verborgen pagina te gaan. Als het goed is gegaan, kan je deze pagina niet meer vinden. Let op: wijzig enkel de instellingen in de bevoegdheden voor het Pagina bekijken. 3.4 Een pagina verwijderen Het kan handig zijn een pagina te verwijderen. Deze handeling kan je doen door in het regel paneel onder Pagina bewerken op de knop Pagina verwijderen te klikken. Opdracht 1 Een pagina verwijderen. 1. Open de nieuw aangemaakte pagina 2. Klik in het regelpaneel, onder Pagina bewerken, op Pagina verwijderen 19

20 3. Er verschijnt een melding met de vraag: Weet u zeker dat u deze pagina wilt verwijderen?. Zo ja, klik op Ja. De pagina wordt nu gewist en je wordt nu doorgestuurd naar de Homepage. Je blijft ingelogd in het content management systeem. Tip: een pagina wordt niet direct gewist, maar verplaatst naar de Prullenbak. Hier kunt u de pagina terug zetten of definitief verwijderen. 3.5 Een pagina kopiëren Het kan handig zijn om een pagina te kopiëren. Meestal wordt dit gebruikt omdat u een indeling van een pagina inclusief onderdelen op die pagina er handig vindt en vaker wilt gebruiken. LET OP: Lees voordat u gaat kopiëren eerst in het volgende hoofdstuk hoe u een module toevoegt. 20

21 Opdracht 1 Een pagina kopiëren. 1. Bekijk een pagina die u wilt kopiëren. 2. Klik in het regelpaneel onder de kop Pagina s op Pagina kopiëren. 3. U komt nu in het formulier terecht voor het aanmaken van een nieuwe pagina. Het tabblad Pagina kopiëren staat geselecteerd. 4. Selecteer/Deselecteer hier de modules die u wilt kopiëren en wijzig indien nodig de titel van de module(s). U kunt hier ook aangeven of u een nieuwe instantie wil aanmaken van de module, een kopie wil maken van de module, of een verwijzing naar de bestaande module wil maken. 5. Vul voor de pagina verder de gegevens in zoals u dat net heeft geleerd (onder het tabblad Pagina details ) 6. Klik onderaan op Voeg pagina in. De nieuwe pagina wordt nu aangemaakt en de modules worden gekopieerd zodat u alleen nog maar inhoud hoeft toe te voegen. De opmaak en indeling van de pagina is nu exact gelijk aan degene waarvan u gekopieerd heeft. 21

22 4. Werken met modules Modules zijn functionaliteiten die toegevoegd kunnen worden aan pagina s. De meest gebruikte module is de HTML module. We gebruiken deze dan ook als voorbeeld in dit hoofdstuk. 4.1 Werken met modules De werking van modules is vergelijkbaar met het werken met pagina s. Via de optie Modules (in het regelpaneel) kunnen verschillende acties uitgevoerd worden die betrekking hebben op modules. 4.2 Een module toevoegen Opdracht 1 Een module toevoegen. 1. Ga op een pagina waar u de module wil invoegen naar Modules in het regelpaneel o o Als u een nieuwe module wilt toevoegen (dit is meestal het geval), klikt u op Nieuwe module toevoegen. Als u een bestaande module wilt toevoegen, klikt u op Bestaande module toevoegen. 22

23 2. We gaan ervan uit dat u heeft gekozen voor Nieuwe module toevoegen. 3. Vervolgens kunt u een keuze maken voor één van de beschikbare module. Meestal kiest u voor de HTML module (ook wel tekstmodule genoemd). Met de horizontale scrollbar kunt u deze module op alfabetische volgorde opzoeken. 4. Vervolgens versleept u de module naar de pagina waar u de module wilt plaatsen. Eventueel kun je de module ook invoegen met het icoontje rechtsboven bij de module. Hier kust u dan voor het pane waar u de module wilt toevoegen. De HTML module wordt nu toegevoegd aan de pagina. Je krijgt de pagina met de HTML module direct te zien in het scherm. 4.3 Wat zijn panelen? Panelen zijn voor gedefinieerde plekken op de pagina waar modules geplaatst kunnen worden. Hiermee is het voor u als beheerder dus mogelijk om zelf de modules in te delen en een eigen layout te creëren. U kunt dit per pagina dus verschillend doen! 23

24 Wanneer u een module bijvoorbeeld in de rechterkolom wilt hebben dan kunt u in het regelpaneel onder modules bij het kopje paneel een andere plek kiezen. Opdracht 1 Een module in een ander paneel plaatsen. 1. Voeg een nieuwe HTML module toe zoals geleerd. 2. Bij het slepen van de module plaatst u de module nu op een andere plaats. 3. Bekijk het resultaat. LET OP: de panelen die u kunt kiezen zijn afhankelijk van hetgeen de vormgever heeft bedacht. Indien op een pagina bijvoorbeeld geen rechterkolom bedacht is zal deze niet beschikbaar zijn. 4.4 Bewerken van een module Net zoals met pagina s is het mogelijk instellingen van een module aan te passen. Het werkt vergelijkbaar. Opdracht 1 Instellingen van een module aanpassen. 1. Ga naar een module. 2. Boven elke module ziet u 3 zwarte iconen aan de rechterkant. 3. Ga met de muis op het middelste icoon staan en klik op Instellingen. 24

25 4. De instellingen voor module worden nu getoond. 5. Onder Module vindt u de soort module. 6. Onder Module Titel, de titel van de module. 7. Dit is standaard Text/HTML. Geef deze een andere naam. 8. Onder het tabblad Machtigingen ziet u de verschillende rechten opties voor de verschillende rollen. 9. De overige opties slaan we op dit moment over. 10. Klik op Bijwerken. De module instellingen worden nu bijgewerkt en u krijgt de bestaande pagina onder de nieuwe hoofdpagina, direct te zien in het scherm met de gewijzigde module titel. 4.5 Een module verwijderen Het is mogelijk modules te verwijderen. Dit gaat als volgt: Opdracht 1 25

26 Een module verwijderen. 1. Ga naar een module. 2. Ga met de muis op het middelste icoon staan en klik op Verwijderen. 3. Er verschijnt een melding met Weet u zeker dat u deze module wilt verwijderen?. 4. Klik op Ja. De module wordt nu verwijderd. De pagina waarop de module stond, wordt nu geopend. Tip: Ook deze actie resulteert in het verplaatsen van de module naar de Prullenbak. 4.6 Een module onzichtbaar maken Het is denkbaar dat een module niet voor iedereen zichtbaar moet zijn. U kunt bijvoorbeeld alvast iets klaar maken maar er is nog geen goedkeuring om de nieuwe module met de functionaliteit te publiceren. Met behulp van module instellingen is het eenvoudig om een bestaande onzichtbaar te maken. Deze handeling kunt u doen door in de Module instellingen de functie Machtigingen te wijzigen. Opdracht 1 De bevoegdheden van een module wijzigen. 1. Open een willekeurige pagina. 2. Ga naar een willekeurige module. 3. Ga met de muis op het middelste icoon staan en klik op Instellingen. 4. De instellingen voor module worden nu getoond. 5. Een pagina opent zich in het tabblad Instellingen voor module. 6. Klik op het tabblad Machtigingen. 7. Zet het vinkje uit bij Erf weergave bevoegdheden van pagina. 26

27 8. Klik onderaan de pagina op Bijwerken. De module instellingen worden nu bijgewerkt en u krijgt de bestaande pagina met de nieuwe module instellingen, direct te zien in het scherm. De module is nu nog wel zichtbaar. Dat komt omdat alleen de rol Alle gebruikers de module niet meer kunnen zien. Opdracht 2 Bekijken van een verborgen module. 1. Log uit de website via de knop Uitloggen of ga naar 2. Blader via de navigatie links naar de pagina met de verborgen module Als het goed is gegaan, is de module voor bezoekers nu niet meer zichtbaar. Let op: wijzig enkel de instellingen in de bevoegdheden voor het Module bekijken. 4.7 Een bestaande module toevoegen Naast het toevoegen van nieuwe modules kunt u ook bestaande modules toevoegen. Het voordeel hiervan is dat u content op meerdere plaatsen kunt tonen zonder het opnieuw in te hoeven voeren. Bovendien geldt dat wanneer u content in een module wijzigt dit ook automatisch wordt doorgevoerd op alle andere modules die u gekopieerd heeft op basis van 27

28 die ene. Een mogelijke toepassing is de HTML module die u inzet voor het tonen van adresinformatie. LET OP: dit principe geldt niet voor alle modules. Opdracht 1 Een bestaande module toevoegen 1. Open een willekeurige pagina 2. Selecteer in het regelpaneel onder Modules de optie Bestaande module toevoegen. 3. U kunt vervolgens eerst een pagina kiezen waar vandaan u de module wilt kopiëren. Selecteer een pagina in het uitklapmenu. 4. Zodra u een pagina heeft gekozen zie u de modules van de betreffende pagina tevoorschijn komen. 5. Selecteer er één en sleep deze naar het gewenste pane op de pagina. 28

29 5. De HTML module Een van de meest gebruikte onderdelen van de website is het schrijven of aanpassen van teksten. De module die hiervoor gebruikt wordt heet de HTML module. In de volgende hoofdstukken zijn een aantal opdrachten opgenomen die het werken met de module zo goed mogelijk uitleggen. 5.1 Teksten bewerken Het content management systeem is uitgerust met een editor. Een editor is het beste te vergelijken met een tekstverwerker. De editor heeft veel gelijkenis met MS Word, de meest gebruikte tekstverwerker. 29

30 Opdracht 1 Het bewerken van een bestaande tekst. 1. Bekijk een willekeurige pagina met een tekstmodule. 2. Ga met de muis op het eerste icoon staan en klik op Tekst bewerken. 3. Zet de muis in de tekst en type een voorbeeld tekst. 4. Klik onderaan de bewerkpagina op Opslaan. De wijzigingen zijn nu bijgewerkt en de pagina wordt weer getoond. Tip: vergeet niet de wijzigingen op te slaan, door onderaan de pagina op Opslaan te klikken. Tip: Maak een gewoonte van het controleren van de wijzigingen. Vraag bijvoorbeeld een collega om de aangepaste pagina s te bekijken. Misschien levert het wat op. 5.2 Het maken van een link Door middel van link browsen bezoekers eenvoudig door de verschillende pagina s van de website. Het is een kenmerk dat vaak vergeten wordt, maar door bezoekers als zeer prettig wordt ervaren. Het is ook mogelijk om een link te maken naar een document. Opdracht 1 Het maken van een link naar de startpagina. 1. Ga naar een willekeurige pagina met een HTML module, behalve de homepage. 2. Ga via het menu van de module naar Tekst bewerken. 3. Zet de muis in de tekst en selecteer een groep van woorden. 4. Klik in de editor op het ketting-icoontje Hyperlink beheer. 30

31 5. Het venster Hyperlink beheer wordt geopend. 6. Er kan een pagina in het portaal gekozen worden bij Page, of er kan direct een link in worden gevuld onder URL. 7. Klik onder Page op de startpagina van uw website. 8. Klik onderaan het venster op Ok De link is nu gemaakt. 9. Klik onderaan de pagina op de knop Opslaan om het werk op te slaan. De wijzigingen zijn nu opgeslagen en de pagina wordt weer getoond. Bekijk de wijzigingen. 31

32 In plaats van het maken van een link naar een pagina, is het ook mogelijk een link te maken naar een bestand. Opdracht 2 Het maken van een link naar een document. 1. Bekijk een willekeurige pagina uit uw website met een HTML module. 2. Ga via het menu van de module naar Tekst bewerken. 3. Zet de muis in de tekst en selecteer een groep van woorden. 4. Klik in de editor op het ketting-icoontje Hyperlink beheer. Het Link venster wordt geopend. 5. Klik op de volgende knop: 6. Documentbeheer wordt nu geopend: 7. In het documentbeheer ziet u de mappen en bestand die bij uw website horen. 32

33 8. U kunt hier een bestaand document selecteren, of een document uploaden naar de website, en dit document selecteren. 9. Vervolgens klikt u op Invoegen 10. U bent nu terug bij Hyperlink beheer 11. Meestal worden documenten of bestanden geopend in een nieuw venster. Om dit te doen selecteert u onder Doel de optie Nieuw venster. 12. Klik nu op Ok 13. De link naar het bestand is ingevoegd. Klik nu op Opslaan om de gewijzigde tekst op te slaan. De wijzigingen zijn nu bijgewerkt en de pagina wordt weer getoond. Bekijk de wijzigingen. 5.3 Plakken vanuit een tekstverwerker Bij het schrijven voor internet kan het voorkomen dat teksten eerst in een tekstverwerker zoals MS Word worden opgemaakt. Dat is voor veel mensen ook prettig om op de oude vertrouwde wijze teksten te schrijven. Het nadeel van een tekstverwerker is dat er onzichtbare opmaakcode worden gebruikt. Deze opmaakcodes hebben geen functie op een internetpagina. Het zorgt voor een internetpagina die qua stijl en opmaakt afwijkt. Het is rommelig en komt de leerbaarheid niet ten goede. In de editor van de website is een functie opgenomen die de onzichtbare opmaakcodes opschoont. En dus alleen de platte tekst uit de tekstverwerker kopieert. TIP: Een andere optie is op tekst vanuit Word eerst naar een tekstverwerker als Kladblok te kopiëren. Hier worden opmaakcodes van Word ook al opgeschoond. Opdracht 1 Opschonen van ongewenste opmaakcodes uit een tekstverwerker 1. Kopieer een willekeurig stuk tekst vanuit een Word document, PDF document of website. 2. Ga naar een willekeurige pagina met een HTML module. 3. Klik op Tekst bewerken in het menu van de module. 4. Zet de muis helemaal onderaan de tekst. 5. Klik in de editor op het icoontje Standaard tekst plakken 33

34 Hier dient u de tekst te plakken en vervolgens onderaan op Plakken te klikken. De alinea die gekopieerd is in de tekstverwerker, wordt nu geplakt op de plek waar de muis was gezet, maar zonder de verborgen opmaakcodes. 6. Klik onderaan de pagina op Opslaan. De wijzigingen worden nu bijgewerkt en de pagina wordt weer getoond. Bekijk het resultaat. Zoals je kunt zien zijn de lettertypes in de stijl van de rest van de website. Uiteraard kun je zelf teksten vetgedrukt maken of koppen zichtbaar maken. 34

35 5.4 Afbeeldingen toevoegen aan een tekst Opdracht 1 Een tekst verrijken met een afbeelding. 1. Bekijk een willekeurige pagina met een HTML module. 2. Klik op Tekst bewerken uit het menu van de module. 3. Zet de muis in de tekst waar de afbeelding moet komen, bijvoorbeeld links naar het eerste woord. 4. Klik in de editor op het icoon met de paperclip, en kies in het submenu voor Afbeeldingsbeheer. 5. Het venster Afbeeldingsbeheer wordt geopend. 35

36 6. Indien er geen afbeelding aanwezig is kunt u deze uploaden door middel van de Uploaden knop (je kunt er ook meerdere gelijk toevoegen). 7. Selecteer een afbeelding die aanwezig is, en klik op Invoegen. 8. Het venster Afbeeldingsbeheer sluit, en de afbeelding wordt ingevoegd. 9. Klik op Opslaan om de tekst op te slaan en terug te gaan naar de pagina. De wijzigingen zijn nu bijgewerkt en de pagina wordt weer getoond. Bekijk het resultaat. Tip: In stap 7 kunt u na de selectie van een afbeelding er ook nog voor kiezen om de eigenschappen van een afbeelding in te stellen voordat u de afbeelding invoegt. Bij de eigenschappen kunt u bijvoorbeeld een alt tag toevoegen of de afbeelding op een bepaalde positie naast de tekst plaatsen. 36

37 6. Gebruikersbeheer DotNetNuke kent standaard een uitgebreid gebruikerssysteem. Hiermee kunnen gebruikers worden aangemaakt die vervolgens allerlei rechten kunnen krijgen. Gebruikers kunnen inloggen in uw website en diverse afgeschermde onderdelen bekijken. In dit hoofdstuk behandelen we hoe een overzicht van gebruikers kunt krijgen, hoe u een gebruiker aanmaakt en wat u verder aan gegevens kunt vinden bij een gebruiker. 6.1 Gebruikersoverzicht Om een overzicht te krijgen van al uw gebruikers (geregistreerde gebruikers, beheerders, etc.) kunt u gebruik maken van de optie Gebruikers in het regelpaneel. Opdracht 1 Oproepen van het gebruikersoverzicht 1. Klik in het regelpaneel onder Gebruikers op Beheer gebruikers. 2. U ziet nu een overzicht van de gebruikers. 3. Indien u niet alle gebruikers ziet, kunt u klikken op Alles. Deze link vindt u rechts naast het getoonde alfabet. 4. U kunt nu zoeken naar gebruikers door in het zoekveld een term op te geven en te kiezen op welk veld u wilt zoeken. Standaard staat Gebruikersnaam geselecteerd. 5. U kunt ook zoeken door in het alfabet op een specifieke letter te klikken. 37

38 6.2 Een gebruiker aanmaken Opdracht 1 Aanmaken van een nieuwe gebruiker 1. Ga met de aanwijzer in het regelpaneel over de optie Gebruikers heen, en kies voor Nieuwe gebruiker toevoegen. Mocht je overzicht met gebruikers geopend hebben klik je op Nieuwe gebruiker toevoegen. 2. Vul vervolgens het formulier in a. Gebruikersnaam: Kies hier een gebruikersnaam voor uw gebruiker. Zorg voor een makkelijk te onthouden naam zoals voorletter. achternaam. b. Naam weergeven: Dit veld wordt gebruikt om te tonen op de website zodra de gebruiker inlogt. Het beste kan hier een voornaam of voor- en achternaam ingevuld worden. c. adres: Het adres van de gebruiker. Hier kunnen berichten op worden gestuurd door DNN. d. Autoriseer: Laat deze optie aangevinkt staan. Indien u deze optie uitvinkt wordt de gebruiker aangemaakt maar kan deze NIET op de website inloggen. 38

39 e. Bericht: Vink deze optie uit. Indien u deze optie aanvinkt dan krijgt de bezoeker een met de melding dat hij is aangemaakt als gebruiker in de website. f. Willekeurig wachtwoord: U kunt er voor kiezen om DNN een wachtwoord te laten genereren voor u. Daarvoor vinkt u deze optie aan. De onderstaande velden rondom het wachtwoord hoeft u dat niet in te vullen. Indien u zelf een wachtwoord wenst te kiezen laat u deze optie leeg. g. Wachtwoord: Indien u zelf een wachtwoord kiest vul dat dan hier in. h. Bevestig wachtwoord: Indien u zelf een wachtwoord kiest moet u deze twee keer invullen om er zeker van te zijn dat er geen tikfouten zijn opgetreden. 3. Klik onderaan op Nieuwe gebruiker toevoegen. 4. U keert nu terug naar het overzicht van gebruikers en uw nieuwe gebruiker is aangemaakt. U heeft nu een geregistreerde gebruiker aangemaakt. U kunt nu pagina s die afgeschermd zijn voor anonieme bezoekers zichtbaar maken voor deze gebruiker. Zie de vorige hoofdstukken voor de werkwijze hiervan. LET OP: indien u ongeldige waarden heeft ingevuld in een van de velden dan zal DNN u dit vertellen en een foutmelding geven. 39

40 6.3 Gegevens van een gebruiker wijzigen Mocht u gegevens van een gebruiker willen wijzigen dan kunt u dat altijd achteraf doen. Opdracht 1 Het wijzigen van gegevens van een gebruiker. 1. Klik in het regelpaneel onder Gebruikers op de optie Beheer gebruikers om het overzicht van gebruikers te bekijken. 2. Klik op het bewerk icoon voor de gebruiker waarvan u de gegevens wilt wijzigen. 3. U komt nu terecht in het bewerk scherm waarmee u de gegevens voor deze gebruiker kunt aanpassen. 4. Er wordt een onderscheid gemaakt in vier tabbladen. a. Beheer account de basisgegevens van een account b. Beheer rollen voor deze gebruiker van welke rollen is de gebruiker lid (zie ook hoofdstuk 7). c. Wachtwoord beheren voor het wijzigen van het wachtwoord d. Profiel beheren voor de uitgebreide profielgegevens van deze gebruiker 5. Wijzig de gegevens die nodig zijn en klik op Bijwerken. Tip: in dit overzicht vindt u tevens meer informatie over de activiteiten van de gebruiker. Wanneer is deze aangemaakt, wanneer is er voor het laatst ingelogd, is de gebruiker online, etc. 40

41 6.4 Wachtwoord wijzigen / resetten Het wachtwoord kan door beheerders gewijzigd worden. Opdracht 1 Het wijzigen van een wachtwoord voor een gebruiker. 1. Klik in het regelpaneel onder Gebruikers op de optie Beheer gebruikers om het overzicht van gebruikers te bekijken. 2. Klik op het bewerk icoon voor de gebruiker waarvan u de gegevens wilt wijzigen. 3. U bent nu in hetzelfde scherm als bij het wijzigen van de gegevens in de vorige paragraaf. 4. Klik nu op het tabblad Wachtwoord beheren 5. U ziet nu enkele gegevens over het wachtwoord. 6. Hier kunt u een nieuw wachtwoord invoeren. Ook hier moet u dit twee keer doen om er zeker van te zijn dat er geen typefouten ontstaan. 7. Klik vervolgens op Verander wachtwoord. 8. U kunt ook het wachtwoord door DNN laten resetten zodat er automatisch een wachtwoord wordt gegenereerd. Klik hiervoor op Wachtwoord resetten onderaan dezelfde pagina. 41

42 6.5 Profiel van een gebruiker aanvullen DNN biedt vele mogelijkheden rondom gebruikers. Zo is er de mogelijkheid om elke gebruiker zijn of haar profiel te laten vullen. Dit kan interessant zijn wanneer gebruikers elkaar ontmoeten op uw website via een forum of chat. Ook kan het interessant zijn wanneer u met een smoelenboek werkt voor uw intranet. Opdracht 1 Aanvullen van een profiel van een gebruikers. 1. Ga naar het overzicht van gebruikers zoals in voorgaande stappen. 2. Klik op het bewerk icoon voor de gebruiker waarvan u de gegevens wilt wijzigen. 3. Klik vervolgens op het tabblad Profiel beheren. 4. U ziet nu een lang formulier met allerlei informatie die over de gebruiker ingevuld kan worden. 5. Vul aan wat u nodig acht en klik onderaan op Bijwerken. 42

43 7. Toegangsrollen Met Toegangsrollen kunt u zelf de rechten gaan bepalen binnen uw website. Bij het aanmaken van pagina s en het plaatsen van modules hebben we gezien dat er verschillende bevoegdheden in te stellen zijn op basis van deze rollen. Door zelf rollen aan te maken en gebruikers daaraan toe te kennen kunt u alles zelf instellen. 7.1 Een rol toevoegen Opdracht 1 Een rol toevoegen aan uw website. 1. Start de website en log in als beheerder. 2. Klik in het regelpaneel onder Gebruikers op Beheer rollen. 3. U ziet nu een overzicht van alle rollen die in de website aanwezig zijn. Standaard zijn dit: a. Administrators (De standaard rol voor beheerders) b. Registered Users (Iedere gebruiker die aangemaakt wordt in het systeem) c. Subscribers (Kan gebruikt worden voor inschrijving op nieuwsbrieven of andere diensten) 4. Klik onderaan deze pagina op Nieuwe rol toevoegen. 5. Een nieuw scherm verschijnt waarin enkele gegevens over de rol ingevuld kunnen worden: a. Naam Rol: De naam van de rol zoals deze ook bij pagina- en module instellingen verschijnt. Dit is als enige een verplicht veld. b. Omschrijving: Eventueel een extra omschrijving over de rol. Bijvoorbeeld wat voor rechten deze rol kent. c. Rolgroep: Het is mogelijk om rollen in groepen (ook wel categorieën) te plaatsen. Dit is puur om het voor u als beheerder overzichtelijk te houden. 43

44 d. Publieke rol? Wordt deze rol voor iedereen beschikbaar of kan alleen een beheerder deze toewijzen? Deze staat standaard niet aangevinkt. e. Automatisch toekenning? Indien u deze optie aanvinkt dan wordt deze rol automatisch toegekend aan een nieuwe gebruiker zodra u deze aanmaakt. 6. Klik vervolgens onderaan op Bijwerken om de nieuwe rol op te slaan. 7. Ga nu naar een willekeurige pagina en klik in het regelpaneel op Instellingen onder Pagina functies. 8. Als het goed is gegaan ziet u daar onder Bevoegdheden de nieuwe rol staan. 44

45 7.2 Een rol toekennen aan een gebruiker Wanneer u een nieuwe rol heeft aangemaakt kunt u deze vervolgens gaan toekennen aan gebruikers. Op deze manier krijgen gebruikers automatisch de rechten die u ingesteld heeft op basis van deze rol. Dit kan bijvoorbeeld een hoofdstuk zijn wat alleen voor één specifieke rol zichtbaar moet zijn. Opdracht 1 Een rol aan een gebruiker toekennen. Hier zijn diverse manieren voor. We leggen er één uit. 1. Klik in het regelpaneel onder Gebruikers op Beheer gebruikers om naar het overzicht van gebruikers te gaan. 2. Zoek de gebruiker op waar u de nieuwe rol aan wilt toekennen. 3. Klik op het icoon in de derde kolom voor de gebruiker om de rollen voor een gebruiker te beheren. U ziet nu een nieuw scherm waarin één of meerdere rollen kunnen worden toegekend. 4. Klap het uitklapmenu open en kies voor de nieuw aangemaakte rol. 45

46 5. Eventueel kunt u onder Ingangsdatum een datum kiezen waarop de gebruiker automatisch aan deze rol wordt toegekend. 6. Eventueel kunt u onder Verloopdatum een datum kiezen waarop de gebruiker automatisch uit de rol wordt verwijderd. 7. Vink de optie Notificatie versturen? uit. Indien u deze aan laat staan zal de gebruiker een krijgen met de melding dat deze is toegevoegd aan de rol. 8. Klik vervolgens op Rol toevoegen rechts van het veld Verloopdatum. In de lijst onderaan komt de nieuwe rol te staan en ziet u een totaaloverzicht van alle rollen voor een gebruiker. 46

47 8. Ondersteuning de trainer Materiaal Handleiding Cursus Vervolg cursus (optioneel) Informeer naar de mogelijkheden Hulp binnen de DNN websites Help iconen bij alle invulvelden 47

48 9. Aantekeningen 48

49 Bijlage I, Een afbeelding verkleinen met IrfanView Voordat u een foto of afbeelding gaat plaatsen moeten we ervoor zorgen dat deze geschikt is voor internet. Dit betekent dat de breedte en hoogte ingesteld moeten worden en de bestandsgrootte. Met een fotobewerkingsprogramma kunnen deze zaken ingesteld worden. In deze handleiding gebruiken we hiervoor het gratis programma IrfanView. We gaan uit van een gemiddelde grootte van 30 kb voor een foto en een maximale breedte van 400 pixels. Download IrfanView vanaf de volgende website: Opdracht 1 Een afbeelding verkleinen met IrfanView. 1. Start IrfanView. 2. Ga naar File > open en zoek de foto op die verkleind moet worden. 3. Ga naar Image > Resize/Resample. 4. U ziet het scherm zoals in onderstaande figuur. 5. Aan de linkerkant vindt u de optie om een nieuwe breedte en hoogte in te voeren. Hier staan standaard de afmetingen van uw originele foto. Deze kunt u wijzigen. 6. Vul bij de breedte maximaal 400 in. De hoogte wordt automatisch uitgerekend. In dit voorbeeld houden we de breedte op 250 pixels zodat de teksten er mooi omheen zullen lopen. 7. Klik vervolgens op OK om de wijzigingen door te voeren. De foto zal nu veel kleiner worden weergegeven. De foto kan nu opgeslagen worden. 8. Ga naar File > Save as. 49

50 9. Kies een plek om je bestand op te slaan. Naast het scherm om een bestandslocatie te kiezen verschijnt een kleiner scherm met opties om de foto te verkleinen. 10. Schuif de balk bij Save quality naar bijvoorbeeld 60%. 11. Klik vervolgens op Save in het scherm waar u de bestandslocatie en de naam van je foto hebt ingesteld. 12. U heeft de foto nu verkleind en opgeslagen. Deze is nu klaar om geupload te worden naar de website. 50

51 Bijlage II, Schrijven voor het internet II.1 Doelgroep Bepaal voor wat voor bezoekers je de pagina s schrijft. Je kunt hierop je taalgebruik en inhoud aanpassen. II.2 Opmaak Probeer zo min mogelijk af te wijken van lettertype of kleur. Er zijn sjablonen aangemaakt met een bepaalde vormgeving en lay-out. Hierin moet al zijn rekening gehouden met leesbaarheid en navigatie. Meestal is van te voren een stijlpagina gemaakt waarvan de pagina gebruik maakt. Dit betekent dat het lettertype vast staat, de hyperlinkkleuren altijd hetzelfde zijn en er altijd hetzelfde formaat voor koppen, inhoud en opsomming wordt gebruikt. Deze aspecten zijn meestal opgenomen in een stijlgids, een set van regels waarin alle eisen staan waaraan sites, brieven en dergelijke moeten voldoen. II.3 Content Verplaats je in de bezoeker van jouw website. Maak duidelijk waar het op deze pagina om gaat en wat er inhoudelijk behandeld wordt. Dit is zeer belangrijk bij het gevonden worden via zoekmachines. a) Kunnen ze op deze pagina vinden wat ze zoeken? b) Moeten sommige gedeeltes herhaald of verduidelijkt worden? c) Staan er verwijzingen naar gerelateerde pagina s? d) Moet er jargon worden gebruikt? e) Gebruik niet te veel afbeeldingen. Afbeeldingen mogen circa 5-15% van het paginaoppervlak beslaan en worden voorzien van bijschrift en alt-tekst. f) Zorg voor korte paden zodat informatie snel en gemakkelijk gevonden wordt. II.4 Schrijfstijl Gebruik korte inhoudelijke zinnen en maak geen overbodig gebruik van bijzinnen. Een pagina met 4 koppen met elk een paragraaf is makkelijker te lezen dan een grote lap tekst. Vermijdt jargon of leg dit uit. Alinea s mogen niet langer zijn dan 4-5 regels. Dit zal bezoekers helpen om uit elke paragraaf het centrale idee te destilleren. Zorg voor een consistente schrijfstijl van begrippen, diensten, producten enzovoort. Schrijf datums volledig uit. II.5 Structuur Gebruik een kop, samenvatting en een opsomming. Eerste alinea is een samenvatting met de conclusies van de rest van de informatie. Mensen scannen vaak een pagina en komen op deze manier altijd waar ze moeten zijn. Dus het belangrijkste staat bovenaan en de detaillering onderaan of, afhankelijk van de inhoud, op een nieuwe pagina. Vaak zijn er al in 51

52 de sjablonen contentblokken aangemaakt waarin korte, duidelijke en pagina gerelateerde informatie staat. De homepage toont delen van de inhoud van de site. II.6 Links Plaats hyperlinks naar onderwerpen binnen de pagina of naar andere pagina s op de website. Het is niet erg om mensen door de website heen te loodsen als je er voor gezorgd hebt dat ze de weg op de website kunnen vinden (een overzichtelijke navigatiestructuur). Wissel eventueel links uit met inhoud gerelateerde websites. Zorg voor een markeringspunt U bevindt zich hier: (ook wel broodkruimel genoemd). II.7 Controleren Alvorens te publiceren is het raadzaam even te controleren of de pagina er goed uitziet. Kloppen de hyperlinks naar andere pagina s? Zijn er geen hyperlinks met dode verwijzingen? Staan er geen spelfouten in? Is er geen andere stijl gebruikt? Voldoet de pagina aan de regels zoals deze beschreven staan in de stijlgids? Controleer pagina s in meerdere browsers. Om na te gaan of de internetpagina voldoet aan de meest belangrijke eisen, kunnen er checklists afgewerkt worden om dit te controleren. Deze zijn te vinden via de site: II.8 Publiceren Het is verstandig de gepubliceerde inhoud van uw website altijd te (laten) controleren. Laat ook een collega mee kijken. Er kan in de haast altijd iets verkeerd gaan. II.9 Pagina ontwerp Let bij het schrijven van de pagina s op zaken, zoals het vermijden van frames, volledige zichtbaarheid bij 800 x 600, plaatsing van logo s (bovenaan, bijvoorkeur aan linkerkant), design van de homepage ten opzichte van de rest van de pagina s en zorg ervoor dat de opmaak geregeld wordt via CSS. Zorg ervoor dat op elke pagina de primaire navigatiestructuur aanwezig is welke 7 plus of min twee onderdelen moet bevatten. Zorg voor de aanwezigheid van een sitemap. De primaire navigatiestructuur moet herkenbaar zijn vormgegeven. II.10 Niet doen Een aantal, dat vooral niet gedaan moeten worden bij het maken/ schrijven van een internetpagina staan hieronder opgesomd. Hyperlinks met de titel Klik hier Knop Terug in de browser onwerkzaam maken. 52

53 Tien of meer hyperlinks in de primaire navigatiestructuur. Onaangekondigd nieuwe vensters openen. Geluiden laten horen bij het openen van een pagina. Animaties. 53