Nieuwland Opleidingen BV, Junushoff, Postbus 522, 6700 AM Wageningen, t: 0317 421711, f: 0317 425046, http://www.nieuwland.nl BASIC CMS Handleiding Beheer Versie januari 2006
Inhoudsopgave 1 Inleiding... 3 2 Het Content Beheer... 3 2.1 Algemeen...3 2.2 Pagina s...4 2.2.1 Pagina toevoegen / bewerken...4 2.2.2 Teksteditor mogelijkheden...5 2.2.3 Afbeeldingen invoegen...8 2.2.4 Hyperlinks toevoegen in de tekst...9 2.3 Pagina verwijderen...9 2.4 Locatie in het menu toewijzen...10 2.5 Pagina s sorteren in het menu...10 3 Tips voor de gevorderde gebruiker... 12 3.1 Binnen de site linken:...12 3.2 Binnen een pagina linken (ankers)...12 3.3 Word/pdf documenten beschikbaar maken...13 Inhoudsopgave 2
Versie 2006 1 INLEIDING Wanneer aan een website het Content Management Systeem is gekoppeld, wordt het wijzigen van zowel de structuur (navigatie) als de inhoud (pagina s) eenvoudig. De beheerder van de website heeft naast de bevoegdheid om deze wijzigingen aan te brengen, ook de bevoegdheid voor speciale functies. De website waaraan een Content Management Systeem is gekoppeld, bestaat dus uit inhoudspagina s en speciale functies: De inhoudpagina s zijn qua inhoud aan te passen als in een tekstverwerker. Bij de speciale functies maakt de beheerder vooral gebruik van invoervelden. Sommige elementen bijvoorbeeld labels bij de invoerformulieren kunnen niet aangepast worden door de beheerder, alleen door de ontwerpers van Nieuwland. 2 HET CONTENT BEHEER 2.1 ALGEMEEN Als content beheerder moet u inloggen. Dit kan vanuit de openingspagina van de website, door op login te klikken. Na het invullen van het juiste wachtwoord verschijnt voor de beheerder een knoppenbalk onder alle inhoudspagina s die door de betreffende beheerder mogen worden gewijzigd. De inhoud van de website is ingedeeld in hoofdstukken en pagina s. Aan pagina s kunnen weer andere pagina s gekoppeld worden, waardoor een hele boomstructuur ontstaat vergelijkbaar met een mappenstructuur van een computer. De door u ingestelde paginatitels vindt u terug in het navigatiemenu van de website. Handleiding Beheer CMS Nieuwland 3
In onderstaande figuur ziet u drie niveau s uit deze boomstructuur. 1 op de horizontale balk ( werkvelden ) en 2 als uitklapmenu s (GIS, Adviezen). 2.2 PAGINA S De knoppenblak onder iedere inhoudspagina geeft de mogelijkheid om pagina s toe te voegen, te wijzigen en te verwijderen. Bovendien kunnen de volgorde waarin pagina s in het menu verschijnen en de toegang voor bepaalde gebruikersgroepen geregeld worden. 2.2.1 Pagina toevoegen / bewerken Een veld met een tekstverwerker opent zich, hierin kunt u de inhoud van de pagina wijzigen. 4 Handleiding Beheer CMS Nieuwland
Versie 2006 Voer in het veld achter titel de naam van de pagina in; na het opslaan van de pagina verschijnt deze naam in het navigatiemenu van de website. Daaronder staan nog drie extra functies om de pagina ergens in het menu te koppelen, de pagina toegankelijk te maken voor specifieke gebruikersgroepen en de status van de pagina bij te houden. Met Opslaan worden de wijzigingen doorgevoerd. Met Annuleren worden de wijzigingen ongedaan gemaakt, die nog niet eerder zijn opgeslagen. 2.2.2 Teksteditor mogelijkheden Met de teksteditor kunt u tekst opmaken alsof u in een normale tekstverwerker werkt. Deze is geschikt voor de browsers IE 5.5+, Firefox 1.0+ en Netscape 7+. In andere browsers wordt een kaal tekstvak getoond met daarin de HTML-broncode. Kennis van de opmaaktaal HTML is in de meeste gevallen overbodig, echter kan wel van pas komen op het moment dat er rare dingen gebeuren in de vormgeving van de tekst (bijvoorbeeld overblijfselen van slecht gekopieerde passages uit MS Word). Middels de knop code opent u de HTML brondcode, waarin u onjuistheden kunt herstellen. Onderstaande symbolen zijn beschikbaar in de knoppenbalk. Daarnaast heeft u nog een aantal functies tot uw beschikking onder de linker muisknop (met name bij het werken met tabellen). Belangrijk: Bij het invoeren van informatie in het CMS werkt u op een server, niet op uw eigen desktop pc. Het kan zijn dat tijdens het werk uw verbinding vervalt, waarmee de kans aanwezig is dat er werk verloren gaat. Daarom is het van belang dat u uw werkwijze hierop aanpast. Schrijf uw tekst eerst uit in een tekstverwerker. Vervolgens kunt u met copy-paste de tekst in het CMS plaatsen. Sla de tekst in een document op. Zo hebt u altijd ook een backup van de tekst. Als u met WORD van Microsoft werkt: Het nadeel van deze werkwijze is dat de opmaakcode die in WORD aan de tekst wordt meegegeven, de opmaakmogelijkheden in het CMS verstoort. Deze opmaakcode is namelijk zeer moeilijk te verwijderen. De oplossing lijkt omslachtig maar zal u zeker tijdwinst opleveren. Copy-paste de tekst eerst naar het tekstverwerker notepad/kladblok. Deze tekstverwerker ontdoet de tekst volledig van opmaak code. Selecteer de tekst vervolgens opnieuw (ctrl + A) en Knip&Plak de tekst vervolgens in het CMS. Daar kunt u dan de tekst gaan opmaken. Handleiding Beheer CMS Nieuwland 5
Zoeken Doorzoekt de volledige workspace op de door u ingegeven zoekterm. Knippen Verwijdert in de paginaweergave geselecteerde items van de pagina en verplaatst ze naar het Klembord. Als u plakt naar de paginaweergave, worden de laatst geselecteerde items geplakt. Kopiëren Kopieert in de paginaweergave geselecteerde items van de pagina en verplaatst ze naar het Klembord. Plakken Plakt de inhoud van het Klembord op de invoegpositie in de paginaweergave. Als items zijn geselecteerd wanneer u deze opdracht kiest, worden ze overschreven door de inhoud van het Klembord. Wanneer u tekst plakt, kunnen bepaalde tekenkenmerken van de tekst worden vervangen. Bijvoorbeeld als u tekst plakt in een alinea met een grotere tekengrootte, wordt de tekengrootte van de geplakte tekst aangepast aan de tekengrootte van de tekst in de alinea. Plak als tekst zonder vormgeving De tekst die u gekopieerd heeft wordt zonder vormgeving ingevoegd. Toon broncode Via deze knop krijgt u de broncode te zien in de paginaweergave, en u kunt deze hier vervolgens aanpassen. Zet lettertype in het vet Wilt u in uw tekst de aandacht trekken door een stuk tekst vetgedrukt weer te geven selecteer dan de bewuste tekst en klik op deze knop. Zet lettertype in het cursief Wilt u in uw tekst sommige woorden of zinnen cursief weergeven selecteer dan de bewuste tekst en klik op deze knop. Onderlijn het lettertype Teksten onderlijnen kan eenvoudig door de gewenste tekst te selecteren en op deze knop te klikken. Doorstreep het lettertype Soms is het handig om delen tekst te doorstrepen. Met de web editor kunt u dit doen door de gewenste tekst te selecteren en op deze knop te klikken. Plaats lettertype in subscript Een tekst in subscript plaatsen kan door de gewenste tekst te selecteren en op deze knop te klikken. Plaats lettertype in superscript Een tekst in superscript plaatsen kan door de gewenste tekst te selecteren en op deze knop te klikken. Speciale tekens Speciale tekens invoegen kan door op dit icoon te klikken en in de uitgebreide lijst van speciale tekens het gewenste teken te selecteren. Lijn tekst links uit Tekst kan links worden uitgelijnd door de tekst te selecteren en op deze knop te klikken 6 Handleiding Beheer CMS Nieuwland
Versie 2006 Centreer tekst Tekst kunt u centreren door de tekst te selecteren en op deze knop te klikken. Lijn tekst rechts uit Tekst kan rechts worden uitgelijnd door de tekst te selecteren en op deze knop te klikken. Nummeringlijst Een genummerde opsomming in uw tekst gebruiken kan met de web editor door de gewenste tekst te selecteren en deze functie te activeren. Opsomminglijst Een opsomming in uw tekst gebruiken kan met de web editor door de gewenste tekst te selecteren en deze functie te activeren. Verklein inspringing Inspringingen in een pagina kunnen bijdragen tot een overzichtelijke website. Om een inspringing te maken plaatst u de cursor op de gewenste locatie en klikt u op deze knop. Vergroot insprong Inspringingen in een pagina kunnen bijdragen tot een overzichtelijke website. Om een inspringing te maken plaatst u de cursor op de gewenste locatie en klikt u op deze knop. Tekstkleur Om uw tekst een kleur mee te geven selecteert u de gewenste tekst en klikt vervolgens op deze knop. Een pop-up venster verschijnt waarin u de mogelijkheid heeft een selectie te maken uit een groot aantal opgegeven kleuren, of een eigen kleur in te geven. Achtergrondkleur voor tekst Om de achtergrond van uw tekst een kleur mee te geven selecteert u de gewenste tekst en drukt u vervolgens op deze knop. Een pop-up venster verschijnt waarin u de mogelijkheid heeft een selectie te maken uit een groot aantal opgegeven kleuren, of een eigen kleur in te geven. Voeg afbeelding toe Met Afbeelding Invoegen laadt u de afbeeldingen van uw pc naar het gedeelte van de webserver waar uw website staat. Daarna kunt u daar de afbeelding selecteren voor gebruik in de pagina. Zie paragraaf 2.3.3. Hier heeft u de mogelijkheid ALT-Tag teksten toe te voegen (teksten die verschijnen als u met de muis over een afbeelding gaat). U kunt hier ook de spatiëring, kaderrand en uitlijning meegeven. Handleiding Beheer CMS Nieuwland 7
Hyperlink Voeg een hyperlink in voor de geselecteerde tekst of op de invoegpositie. Als er geen tekst geselecteerd is, wordt de URL van de hyperlink gebruikt als hyperlinktekst. Kies voor target blank als u de link in een nieuw window wilt openen. Voeg een horizontale lijn in Met deze functie kunt u horizontale lijnen in uw website invoegen. Voeg een tabel in Deze functie maakt een nieuwe tabel op basis van het aantal rijen en kolommen dat u opgeeft. Verder kunt u steeds de celspatiëring, - padding en kaderranden meegeven in dit venster. Wist u dat: Bij internetbrowsers en Website-pakketten is er een afspraak dat het indrukken van de Enter toets het begin van een nieuwe paragraaf (<p>) betekent. Wilt u slechts op een nieuwe regel beginnen, gebruik dan shift-enter (<br>). 2.2.3 Afbeeldingen invoegen Voordat afbeeldingen in een pagina geplaatst kunnen worden, moeten ze eerst naar de website worden geupload. Ze komen in een aparte upload directory te staan. Zowel het uploaden als het plaatsen op de pagina gebeurt in het dialoogvenster dat wordt geopend bij gebruik van de knop Afbeelding Invoegen. Om een afbeelding op de server te selecteren, dan wel te uploaden, kiest u de knop bladeren op server. Klik op Bladeren en selecteer de afbeelding die u wilt uploaden naar de website. Klik vervolgens op Upload; de afbeelding wordt naar de afbeeldingendirectory van de website gekopieerd en verschijnt bij de beschikbare afbeeldingen. Selecteer in de lijst beschikbare afbeeldingen de gewenste afbeelding en klik op OK om de afbeelding op de pagina te plaatsen. 8 Handleiding Beheer CMS Nieuwland
Versie 2006 Het is mogelijk om binnen de uploadmappen te navigeren en nieuwe mappen aan te maken (bijvoorbeeld per thema of jaartal). NB! Houd goed in de gaten dat het hier een afbeelding in een website betreft, en dat u qua afbeeldingsgrootte rekening moet houden met de ruimte op de pagina. Bovendien zorgen grote afbeeldingen ervoor dat een site trager vrschijnt (performance). Open uw afbeelding daarom eerst in een foto-bewerk pakket zoals Adobe photoshop, the Gimp (GPL), Microsoft PhotoEditor (office), photofiltre (gratis). Verklein de afbeelding tot ongeveer 200 tot 500px en sla hem op in het.gif,.jpg of.png formaat. 2.2.4 Hyperlinks toevoegen in de tekst Om vanuit een plek in de website door te kunnen linken naar een andere plaats of pagina binnen de website, of zelfs door te linken naar een andere website kunt u gebruikmaken van de knop Hyperlink. Daarvoor is het noodzakelijk om de doelverwijzing (de URL ofwel webadres) te achterhalen. Dit kan bijvoorbeeld door met de rechter muisknop op de link te klikken en Snelkoppeling kopiëren te kiezen. De link (URL) staat nu in het geheugen. Ga vervolgens naar de pagina waarvandaan u wilt linken, selecteer het woord of de woorden die de link moeten gaan bevatten, en klik op Hyperlink. Onder URL kunt u nu de verwijzing plakken of intypen. Klik op OK en de geselekteerde tekst verschijnt als hyperlink op de pagina. 2.3 PAGINA VERWIJDEREN Door vanuit een bestaande pagina op Verwijderen Pagina te klikken kunt u deze pagina verwijderen. Er wordt gevraagd of u dit echt wilt. Handleiding Beheer CMS Nieuwland 9
2.4 LOCATIE IN HET MENU TOEWIJZEN Als u op deze knop klikt opent een venster met daarin functionaliteit om door de boomstructuur van de website heen te navigeren. Zodra u een geschikte locatie voor uw (nieuwe) pagina heeft gevonden, kiest u voor de knop selecteren en sluit het venster. NB! In sommige browsers worden popups standaard geblokeerd, zorg dat u de blokkering voor uw website opheft. Dit kan in de meeste gevallen door in de gele balk te klikken die bovenaan uw scherm verschijnt op het moment dat de website een popup probeert te openen. Navigeren door de boomstructuur gaat door middel van het aanklikken van het gewenste niveau. Zodra uw selectie gereed is verschijnt de titel van het geselecteerde niveau in het formulier veld naast de knop selecteer menu locatie. 2.5 PAGINA S SORTEREN IN HET MENU In de popup Menu locatie kiezer is ook een link beschikbaar om een venster te openen waarin de pagina s op dat niveau in het menu gesorteerd kunnen worden. U selecteert de gewenste pagina en klikt op de pijltjes om hem naar boven dan wel beneden te verplaatsen. Met de knop opslaan slaat u de gemaakte wijzigingen op. De knop terug brengt u terug naar het scherm menu locatie kiezer. 10 Handleiding Beheer CMS Nieuwland
Versie 2006 Handleiding Beheer CMS Nieuwland 11
3 TIPS VOOR DE GEVORDERDE GEBRUIKER 3.1 BINNEN DE SITE LINKEN: Om van één plek in het CMS door te linken naar een andere plek dient u de verwijzing naar de doelpagina te achterhalen. U kunt dit achterhalen door met rechts op de link in het menu te klikken en Snelkoppeling (link) Kopieren te kiezen. De verwijzing bevindt zich nu in het geheugen. Vervolgens opent u met Wijzigen Pagina de gewenste pagina waar u de link aan wilt toevoegen en selecteert u een woord/zin waaraan u de link wilt koppelen. Klik op de hyperlink knop en plak de link in het URL veld. Voor links naar websites buiten uw website is het aan te raden om in de tab doel als doel _blank te nemen (dan opent de website in een nieuw venster en komen bezoekers altijd weer terug in uw website). 3.2 BINNEN EEN PAGINA LINKEN (ANKERS) Op webpagina s is bovenaan de pagina wel eens een lijstje zichtbaar met links naar punten lager op de pagina. Om dit op te zetten dient u eerst ankers in de pagina te plaatsen; plaats de cursor in de tekst en klik op Anker (ankericoontje). 12 Handleiding Beheer CMS Nieuwland
Versie 2006 Geef het anker een unieke naam. Nu kunt u bovenaan de pagina een lijstje met links plaatsen. Gerbuik het hyperlink dialoogvenster om de link te activeren. Kies type anchor in this page en selecteer het gewenste anker uit de lijst. Wist u dat: In HTML begint een verwijzing naar een anker met een aantal-teken # gevolgd door de naam van het anker (in plaats van http://www.url.nl). 3.3 WORD/PDF DOCUMENTEN BESCHIKBAAR MAKEN Met behulp van het dialoogvenster hyperlink kunnen ook word, excel, powerpoint, zip en pdf documenten worden geupload en beschikbaar gemaakt worden. Selecteer de tekst of het icoon waaraan u de link wilt koppelen en open het dialoogvenster. Kies bladeren op de server, navigeer naar het gewenste document of upload een nieuw document. NB! Word en powerpoint documenten kunnen zeer groot in omvang zijn. Bedenk dat gebruikers de documenten ook moeten kunnen downloaden (over een modem?). Tevens kunt u in de problemen komen met de opslagruimte binnen uw hostingscontract. Conversie naar pdf (www.sourceforge.net/projects/pdfcreator) of versturen als zip-archief, kunnen de bestandsgrootte flink reduceren. Het is aan te raden om achter een download altijd tussen haakjes aan te geven hoe groot de download is (380kb). Handleiding Beheer CMS Nieuwland 13