De website van het IVN / VNW ’s-Hertogenbosch is gemaakt met een Content Management Systeem (CMS) Het grote voordeel hiervan is dat je niet hoeft te programmeren om informatie op de website te zetten,maar dat je dat eenvoudig, net alsof je in Word aan het werk bent, kunt doen. Om de website te kunnen aanpassen moet je inloggen als lid. Daarnaast heb je dan de rechten nodig om inhoud toe te voegen. Deze zaken worden door de webmaster geregeld. In de linkerkolom op de HOME-pagina tref je het inlogformulier aan. Inloggen doe je met de door de webmaster verstrekte gegevens.
Als je bent ingelogd, kun je...
1. Een activiteit toevoegen aan de activiteitenkalender
2. Een artikel (tekst en afbeeldingen) maken of aanpassen.
- Een artikel maken of een activiteit toevoegen gaat via het speciale “Gebruikersmenu” helemaal links onderaan op de HOME-pagina
- Bestaande artikelen aanpassen kan door op het tandradje
(rechts bovenaan bij elk artikel) te klikken en dan op
bewerk te klikken.
Tip: ben je bezig met een nieuw artikel en wil je deze handleiding ernaast houden? Open dan twee vensters in je browser: één voor deze handleiding en één voor het artikel wat je wil schrijven.
{slide=Een activiteit toevoegen aan de activiteitenkalender | green | closed}
"Activiteit toevoegen" is bereikbaar via het speciale “Gebruikersmenu” helemaal links onderaan op de HOME-pagina.
Titel
De titel van de activiteit, bijvoorbeeld: "Publiekswandeling Wamberg"
Categorieën
Beslis hier of het een activiteit voor iedereen is of alleen voor leden. Activiteiten voor iedereen worden automatisch, vanaf 40 dagen vantevoren, op de hoofdpagina van de website gezet. Geef hier ook aan of je de activiteit in de nieuwsbrief wil zetten of op de pagina met Lezingen (Natuuractiviteiten-Natuurlezingen)..
Toegangsniveau
Toegangsniveau slaat op wie de activiteit kan zien in de kalender. Liefst zoveel mogelijk "Iedereen" gebruiken, ten eerste omdat gewone IVN-leden dan niet apart hoeven in te loggen (de meeste IVN-ers doen dat namelijk niet!). Ten tweede omdat niet-leden kunnen lezen wat het IVN allemaal doet. Je kunt bij 'Categorieën' aangeven of de activiteit zelf voor iedereen of alleen voor leden is. Zo nodig kun je bij het tekstveld zelf nog de zin opnemen: "activiteit alleen voor leden".
Status
Normaal is de status "gepubliceerd".
Tekstveld
Zet hier een korte omschrijving van de activiteit. Vergeet niet een afbeelding linksboven te plaatsen. Zie 'Artikel maken en aanpassen' voor meer informatie over het plaatsen van tekst en afbeeldingen.
Locatie
Dit is de plaats waar de activiteit plaats vindt.Denk aan vertrekpunt en liefst met een adres en/of postcode (voor de navigatie).
Contact
Zet, zo nodig, je contactgegevens hier.
Start, Eind, tijdsduur
Zet hier de start- en eindtijd van de activiteit,
Herhaaltype
Vul hier je voorkeuren in voor activiteiten die regelmatig terugkeren.
{slide=Artikel (tekst en afbeeldingen) maken en artikel aanpassen | green}
Als je op de link “artikel toevoegen” klikt opent zich een nieuw venster met de z.g
“Editor”. Zeg maar de WORD van het systeem. (zie Gebruikersmenu links onderaan). Als je op het tandradje
en op
klikt, dan opent ook dit venster.
Dit is wat je ziet:

- De titel
Dit spreekt voor zich. Dit is de titel die straks boven de pagina komt te staan.
- Tekstveld
Type hierin je tekst voor het artikel.
LET OP: In geval van Kopiëren + Plakken (met name vanuit WORD) komt er veel “Opmaak
code“ mee. Dit moet weggehaald worden. Dat doe je met de knop “Gummen”. Zie hieronder bij uitleg over de knoppenbalk
- Met de knop Afbeelding kun je afbeeldingen in het artikel plaatsen.
- Met de knop Link kan een link naar een andere pagina of naar andere bestanden (b.v. PDF) in het artikel gezet worden.
- Door de knop Lees meer te gebruiken, knip je het artikel in twee delen. Het is een goede gewoonte om de aandacht te trekken met een korte introtekst en daarna "Lees meer" te gebruiken. Anders wordt de hele pagina door één artikel in beslag genomen. De uiteindelijke lezer zal een introtekst met een uitnodiging “Lees meer….” op zijn beeldscherm zien.
Voor een uitgebreide beschrijving van alle knoppen zie hieronder.
N.B. E- mail adressen kun je gewoon intypen; deze worden automatisch omgezet naar een Mailto: link. Alle E-mailadressen op de site zijn beveiligd. Dat wil zeggen zij zijn voor een zoekrobot NIET als E-mailadres te lezen. Dit voorkomt SPAM.
Onder de tab Publiceren vul je nog een paar belangrijke zaken toe, die ervoor zorgen dat het artikel door lezers wordt gevonden op een logische plek.
Publiceren / Categorie -> Niet vergeten!
De IVN-website is onderverdeeld in Categorieën zoals Natuur ervaren, Vereniging, Natuurgebieden en subcategorieën zoals Natuurwandelingen of Bossche Broek; de gebruikte categorieën vind je bovenin het menu. Jouw artikel wordt straks opgeborgen in een bepaalde categorie dat je eenvoudig kunt kiezen d.m.v. het keuzemenu. Het is belangrijk dat je deze categorie goed opgeeft, het bepaalt waar een gebruiker van de website (en jezelf !) het artikel kan terugvinden. Voor de meeste menu-items kun je zo een artikel plaatsen, dat komt boven aan de webpagina te staan, of net onder een introductietekst. Als je geen categorie opgeeft, verschijnt je artikel onder "Nieuws" op de website
NATUUR-ACTIVITEITEN is bedoeld voor activiteiten die voor een breed publiek zijn - VERENIGING is voor activiteiten die bedoeld zijn voor IVN-leden.
LET OP: niet voor alle menu-items kun je een nieuw artikel plaatsen; in dat geval is er maar één artikel gelinkt aan dit menu-item en kun je dus alleen dit artikel wijzigen. Als je vindt dat dat veranderd moet worden,. neem dan contact op met Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken..
Publiceren / Alias van auteur
Hier kun je de naam van de auteur ingeven als dit iemand anders is dan jezelf.
Publiceren / Status
Als je hier gedepubliceerd kiest wordt het artikel niet zichtbaar op de website. Pas als je gepubliceerd aanvinkt is het zichtbaar.
Publiceren / Tonen op de voorpagina?
Als je hier JA aanvinkt is het artikel op twee plaatsen te zien: bij de categorie/subcategorie (bijv Natuurgebied / Bossche Broek) EN op de voorpagina als nieuwsbericht bovenaan de pagina.
Publiceren / Start Publiceren
Dit is de datum vanaf wanneer dit artikel te lezen is op de website. Door op het kalendertje achter het invulveld te klikken kun je een datum invoeren.
Publiceren / Stop Publiceren
Dit is de datum tot wanneer dit artikel te lezen is op de website. Door op het kalendertje achter het invulveld te klikken kun je een datum invoeren. Dit is handig als een activiteit geweest is, dan gaat het automatisch van de site af. Als je dit veld LEEG laat, blijft een artikel er altijd op staan.
Publiceren / Zichtbaar voor
Hiermee bepaal je wie het recht heeft om een artikel te zien.
LET OP: het is de bedoeling dat zoveel mogelijk mensen zien wat het IVN allemaal doet, probeer zoveel mogelijk zichtbaar voor iedereen te gebruiken. Als het nodig is, neem dan in je artikel een zin op "activiteit alleen voor leden". Alleen voor b.v. notulen van vergaderingen gebruiken we zichtbaar voor leden (na inloggen).
Opslaan Annuleren
Als je klaar bent klik je op Opslaan.
{slide=Afbeelding invoegen | green}
Ga eerst, in het tekstveld, op de plaats staan waar je de afbeelding wilt invoegen. Voor een standaard artikel is dat helemaal vooraan, vóór het eerste woord van het artikel.
Door te klikken op de knop Afbeelding opent een nieuw venster. Je ziet nu de mappen op de IVN-server, zodat je een bestaande afbeelding kunt gebruiken. In de volgende paragraaf wordt uitgelegd hoe je een eigen afbeelding of ander document van je eigen PC kunt uploaden naar de IVN-server.
Let op
Om de site snel te houden is het advies om het formaat van een afbeelding op max 640x480 px te uploaden, beter nog 300 x 200 px. Als een afbeelding te groot is, duurt het laden te lang. Zo nodig kun je een afbeelding verkleinen door in het menu rechts van de afbeelding te klikken op "maak miniatuurafbeelding" (symbool met twee vierkantjes onder het oogje), dan komt er een nieuwe sub-map "Thumbnails", met daarin de verkleinde afbeelding.
Tip: verklein de afbeelding voor het uploaden: rechtermuis - openen met Paint - Ctrl W - Horizontaal 40% - OK - Save. En check even hoe groot de afbeelding nu is. Evt. kun je 'm nogmaals met 40% verkleinen. Foto's van 100 KB zijn voor de website groot genoeg.
Let op
Upload een afbeelding met een zinnige naam, (dus niet IMG123456.jpg) zodat je die later ook kan terugvinden. Graag ook met de naam van de fotograaf.
Let op:
Upload een afbeelding in de juiste map

Bestaande afbeelding invoegen
De map Algemeen is bedoeld voor documenten en afbeeldingen voor algemeen gebruik op de website.
De mappen met NG ervoor zijn bedoeld voor documenten en foto’s per Natuurgebied.
De mappen met WG ervoor zijn bedoeld voor documenten en foto’s per Werkgroep.
Op deze manier houden we de informatie overzichtelijk bij elkaar.
Dus schrijf je een artikel voor een werkgroep, klik dan eerst op de map van die werkgroep om de foto’s te gebruiken.
Klik je op een foto, dan komt de bestandsnaam automatisch in het veld : URL afbeelding te staan. De Beschrijving van de afbeelding komt straks bij de afbeelding te staan als je er met je muis over gaat. De Titel van de afbeelding kan gebruikt worden om als onderschrift te gebruiken (wel het vakje aanvinken).
Met Dimensies kun je de grootte van de afbeelding regelen. Met Uitlijning kun je aangeven of de foto LINKS of RECHTS moet uitlijnen.Ben je klaar, klik dan op INVOEGEN (helemaal onderaan) en je afbeelding staat in de tekst.Eventueel kun je een afbeelding vergroten / verkleinen door de hoeken te verplaatsen met de muis.
Voor een standaard artikel kiezen we de volgende waarden:
- Afbeelding invoegen helemaal vooraan, vóór het eerste woord van het artikel.
- Dimensies breedte (eerste getal) : 300 (proportioneel aanvinken)
- Uitlijning links
- Marge Boven 3 (gelijke waarden aanvinken).
Tip: als je een aantal foto's wil plaatsen en je wilt ze een beetje netjes uitlijnen is het 't gemakkelijkst om eerst een tabel te maken (in de werkbalk van de artikel-editor de 9e knop van de tweede rij), b.v. een tabel van 3 kolommen en 4 rijen. Gebruik dan om en om een rij voor de foto's en voor het onderschrift. De onderschriften kun je gewoon intikken, voor de foto's klik je met de rechtermuis op een cel van de tabel en dan 'Afbeelding invoegen'. Zet de breedte van de foto's b.v. op 200 (bij Dimensies).
slide=Afbeelding of document uploaden | green}
Hiermee kun je zelf foto’s of bestanden (zoals pdf) uploaden van je eigen PC naar een map op de IVN-server. Hiervoor moet je altijd eerst op de knop Afbeelding klikken (dus ook als het om b.v. een pdf-document gaat). Kies eerst een geschikte map waar je het bestand neer wil zetten, b.v. NG_BosscheBroek of WG_vlinders. Links van het vraagteken staat een knop Uploaden, als je daar op klikt, kun je een bestand van je eigen PC selecteren; klik daarna op Upload. Als het om een afbeelding gaat, klik je op Invoegen. Als het om een PDF- of WORD-document gaat, klik je op Annuleren en ga je verder met de volgende stap, n.l. een link toevoegen.
{slide=Link toevoegen | green}
Klik op het icoon met de schakel of op de plek waar je met een
Hiermee kun je een link maken naar
- een andere pagina op deze website: kies onder Links Artikelen ...
- een pagina op een andere website: knip en plak het adres van de website in het vak URL:

- naar een document (b.v. PDF) dat je hebt geüploadt: klik op de knop Bladeren
rechts van het vak URL en selecteer het document in een van de mappen.
{slide=Uitleg knoppenbalk | green}

De knoppenbalk doet je denken aan Word. En de meeste knoppen werken ook zo.
Bovenste balk:
B Hiermee maak je tekst vet (Engels: bold - sneltoets CTRL-B)
I Hiermee maak je tekst schuin (Engels: italic - sneltoets CTRL-I)
U Hiermee onderstreep je tekst (Engels: underline - sneltoets CTRL-U)
Streepjes Uitlijning van de tekst, volledig uitvullen, centreren,links of rechts uitvullen.
“ tekstformaat voor citaat
1/2/3: regels voorzien van volgnummer
3 bolletjes: regels voorzien van bolletje (bullet)
A: tekstkleur (standaard zwart)
marker: markeer tekst met kleur (b.v. geel markeren)
Paragraaf: geef aan of een tekst een paragraaf is of een KOP (kop 1 .. t/m kop 5)
Onderste balk
Afbeelding: afbeelding invoegen of bewerken - voor meer info zie de paragraaf Afbeelding invoegen
Afbeelding onderschrift toevoegen of bewerken. Hiervoor moet je eerst de afbeeling selecteren
Kettingschakel: link maken naar een document of een andere webpagina - meer info zie de paragraaf Link toevoegen
Gebroken kettingschakel: link verwijderen
Anker: hiermee kun je in een tekst “ Ankerpunten” aanmaken, zodat je boven in de pagina een
link kan maken naar een bepaald ankerpunt verderop in de tekst.
Schaar: knippen van geselecteerde tekst
Twee velletjes: kopiëren van geselecteerde tekst
Eén velletje op klembord: plakken van gekopieerde of geknipte tekst.
LET OP: In geval van Kopiëren + Plakken (met name vanuit Word) komt er veel "opmaakcode" mee. Dit moet weggehaald worden. Dat doe je met de knop “Gummen”. Zie ook de volgende knop 'alleen tekst plakken'
T: alleen tekst plakken (dus zonder ingebouwde code van b.v. WORD)
Alle Volgende knoppen (vierkantjes) hebben te maken met het gebruiken van tabellen. Tabellen zijn soms handig als je tekst en afbeeldingen netjes onder elkaar wilt zetten in mooie kolommen.
Horizontale balk: de knop Lees meer knipt je het artikel in twee delen. Het is een goede gewoonte om de aandacht te trekken met een korte introtekst en daarna "Lees meer" te gebruiken. Anders wordt de hele pagina door één artikel in beslag genomen. De uiteindelijke lezer zal een introtekst met een uitnodiging “Lees meer….” op zijn beeldscherm zien.
Gum: Gebruik het gummetje om storende opmaak uit een tekst te verwijderen. Selecteer hiervoor tekst in het tekstveld en klik daarna op het gummetje.
veger: code opruimen (?)
Rechts boven de knoppenbalk zie je EDITOR - CODE - PREVIEW
Als je de knoppenbalk ziet ben je inde Editor.
Met de knop CODE kan je de html editen
Met de PREVIEW knop kan je een voorbeeld zien.
{slide=Fotoalbums maken | green|closed}
Fotoalbums algemeen
Wat er eigenlijk gebeurt, is dat de foto’s van de fotoalbums op de IVN website op de server van Google staan, maar getoond worden op de website van IVN. De reden dat we hiervoor gekozen hebben is dat
a) het heel veel serverruimte bespaard,
b) het uploaden van de foto’s in albums eenvoudiger is.
Wat is Google foto’s?
Photo’s is een product van Google. In feite is het één grote bewaarplaats van foto’s.
De foto’s kunnen geordend worden op tijd, onderwerp, of in albums.
Inloggen op Google
Om foto's in het IVN foto-album te zetten moet je inloggen op de IVN account van Google.
Vraag de webbeheerder om de inloggegevens via Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken.
Ben je al ingelogd met eigen account?
Log dan eerst even uit!
Waar vindt je de fotoalbums van het IVN op internet?
Hiervoor moet je eerst inloggen met het IVN account. Daarna ga je rechts bovenin naar het vakje met de 9 vierkantjes en je kiest voor Foto’s. zie afbeelding -->
Nu kom je bij alle IVN foto’s
Nieuwe fotoalbums maken
Nieuwe albums toe voegen werkt als volgt.
Stappen op hoofdlijnen
Minimaal één bestaande foto selecteren en toevoegen aan album, daarna gebruik maken van de Upload om foto’s op eigen PC te selecteren en te uploaden.
Evntueel de eerste foto weer uit het album verwijderen.
Stappen in detail
1. Eenmaal in Google Foto’s, klik je op Albums
2. Eenmaal in Albums, klik je op + Nieuw album
3. Nu wordt je gevraagd één of meerdere foto’s te selecteren.
Selecteer een foto door op het rondje links boven in de foto te klikken.
Nu zie je: X 1 geselecteerd en MAKEN. Klik op MAKEN

4. Nu heb je een album gemaakt met één (of meerdere) foto’s, en kan je verder gaan met:
4.1. De NAAM van het album .... klik op Naamloos en geef het album een relevante naam.
4.2. Uploaden van foto’s vanaf jouw eigen computer in dit album ( rechts boven op + klikken)
Daarna selecteer je de foto’s op jouw computer

4.3. Alle foto’s die je niet in het album wilt kan je verwijderen door op de foto te klikken en daarna op het kruisje links bovenaan de foto.
5. Instellingen aanpassen
Heb je eenmaal een fotoalbum gemaakt, dan kan je de instelling van dat album aanpassen door op de drie stipjes te klikken.
Je kan dan bijvoorbeeld de foto selecteren die als Albumomslag (= eerste foto) gaat dienen.

6. Heb je eenmaal een fotoalbum gemaakt, geef dit dan door aan de websitebeheerder (Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken.)
om het album op de IVN website zichtbaar te maken.
{slide=Video op website plaatsen | green}
Voor Video-filmpjes maken we gebruik van Youtube.
Dat betekend dat je een filmpje moet uploaden naar ons kanaal op Youtube, en daarna "embedden" of insluiten in een pagina op onze site.
Hoe werkt dat?
1. Login op Google met het account van IVN (vraag de webbeheerder naar UN en PW)
2. Ga nu naar Youtube via het vakje met de 9 vierkantjes
3. Ga daarna naar “Mijn kanaal” door op het paarse poppetje te klikken en upload de video’s in ons kanaal.

Let op:
Hoe deel je de video’s? Publiek (voor iedereen) of verborgen (alleen zichtbaar via de link) of Privé (alleen zichtbaar als je ingelogd bent)
4. Video plaatsen in artikel op IVN website
Gebruik de EMBED code die je per video vind onder DELEN
Plak de <iframe> code in de webpagina van de website onder het tabblad CODE op de website.
Hiervoor mag ju ook de hulp inroepen van de webbeheerder via Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken.
{slide=Aanwijzingen voor het schrijven van web-teksten | green|closed}
Hier zijn een aantal tips om de communicatie via de website -de tekstuele informatie- zo efficiënt en effectief mogelijk te ordenen en weer te geven. Schrijven voor het beeldscherm vereist nu eenmaal andere randvoorwaarden dan schrijven voor papier. De lijst is zeker niet volledig, maar is een handreiking om teksten zo helder mogelijk over te brengen.
Doelstelling van een tekst
• definieer zo nauwkeurig mogelijk de doelstelling van een tekst en realiseer je
waarover je schrijft. (naar welke informatie is je doelgroep op zoek?)
• wat is de boodschap?
• baken een onderwerp duidelijk af
• wat is de aard van de tekst: informatief, wervend,interactief
• verplaats je in de lezer.
Als je van de lezer/bezoeker interactie verwacht, pas dan de zgn. AIDA-methode toe voor de opbouw van uw tekst. Trek de aandacht van de lezer en wek interesse op een zodanige manier op, dat de informatiewens groeit en uitmondt in actie. AIDA: A = attention, I = interest, D = desire, A = action.
Structuur van de tekst
• voorzie de tekst van een kop (titel) die recht doet aan de inhoud.
• gevolgd door een lead (inleiding) noodzakelijk voor iedere tekst of pagina. (direct onder de kop) De inleiding is kort, kernachtig en bevat de belangrijkste informatie en wekt de aandacht op.
• deel je tekst op in bouwstenen, verdeel de bouwstenen in alinea’s (een bouwsteen is gemiddeld 4 tot 6 regels) (zie ook AIDA)
• maak tekstblokken voor beeldscherm veel korter danvoor papier
• maak gebruik van tussenkopjes (vet), voorzien van een kernachtig trefwoord
• maak gebruik van witregels, ze verhogen de attentiewaarde
• gebruik opsommingen (opsommingen komen in webteksten meer voor dan in papieren teksten, voorzie opsommingen van links)
• breng een logische volgorde (rode draad) aan
• zorg dat de tekst vindbaar is voor zoekmachines d.m.v. kernachtige woorden die te herleiden zijn tot het onderwerp
• vat lange teksten samen en neem een link op naar de volledige tekst als pdf-document of Word-document.
• Gebruik interne links (ankers) op een pagina om heen en weer te springen tussen
verschillende onderwerpen en boven en beneden op depagina.
• Gebruik geen onderstrepingen, dit lijkt op een weblink.
Leesbaarheid
• schrijf in de actieve vorm, niet lijdend en vermijd zoveel mogelijk voltooide deelwoorden.
• vermijd tangconstructies
• schrijf vanuit de lezer, de ontvanger van uw boodschap, schrijf niet zendergericht.
• persoonlijk, direct aansprekend
• helder, beknopt, kernachtig, to the point
• concreet, niet abstract
• eenvoudig met gangbare woorden (niet modieus, nietoubollig)
• vermijd zoveel mogelijk jargon of afkortingen.
• wissel lange en kortere zinnen af.
Tip
Maak bij lange teksten gebruik van de “Nieuwe Pagina” mogelijkheid.
Hierdoor wordt een tekst automatisch over meerdere pagina’s verdeeld en komt er een index bovenaan de pagina.
Checklist en pre-test
Check op:
leesbaarheid: aansprekend, inspirerend, origineel, prettig
volledigheid
overzichtelijkheid
feitelijke juistheid
correcte spelling en grammaticaal correct
interpunctie (leestekens)
contactgegevens: naam, telefoonnummer, E-mailadres
Leg je tekst voor aan de webredacteur als je twijfelt.
Correcties
De webredacteur heeft de bevoegdheid om teksten te corrigeren.
{/slide}