Handleiding Beeldmateriaal op de afdelingspagina s van alzheimer-nederland.nl

Transcriptie

1 Inhoudsopgave 1. Inleiding 2 2. Uitleg fotogebruik Alzheimer Nederland Uitgangspunten voor goede foto s op Richtlijnen voor de fotografie van de headers afdelings- en cafépagina s 2 3. Uitleg over het bestand afbeeldingen Bestandsnaam afbeeldingen Richtlijnen formaat afbeeldingen Tips voor het aanpassen van afmetingen/grootte van afbeeldingen 4 4. In 5 stappen foto s uploaden in het CMS Drupal Uitleg geschikte foto s vinden Gezamenlijke beeldbank gebruiken Privé-acount Flickr.com Waarop letten bij het zoeken in de beeldbank? Tips voor rechtenvrij beeldmateriaal 9 1

2 1. Inleiding Dit is een instructie voor de webmasters van de afdelingen om in het CMS Drupal 8 van afbeeldingen te kunnen plaatsen. Voor het vinden van geschikte afbeeldingen heeft Alzheimer Nederland een Flickr account, met daarin alvast enkele afbeeldingen, opengesteld voor de webmasters. 2. Uitleg fotogebruik Alzheimer Nederland 2.1 Uitgangspunten voor goede foto s op We zijn wie we zijn. Hiermee geven we aan dat we mensen het liefst zo natuurlijk mogelijk fotograferen. Op bekende locaties, zo min mogelijk geposeerd, niet anders gekleed dan zij gewend zijn en in gezelschap van bekenden (collega s, verzorgers, familie). We fotograferen geen acteurs. Iedereen die in beeld wordt gebracht is verbonden met de materie die wordt behandeld. We fotograferen alleen echte mensen. We fotograferen alleen maar echte situaties, we zetten geen reportages in scène. Alle situaties die we fotograferen vertellen een verhaal. Zijn niet alleen ondersteunend aan omliggende informatie. Er zit beweging in onze fotografie, die veronderstelt altijd vooruitgang. Het camerastandpunt is dichtbij, niet te hoog, het liefst op ooghoogte. Mensen worden altijd respectvol in beeld gebracht. Er spreekt liefde en begrip uit alle fotografie die ons representeert. Voor de mensen die worden gefotografeerd, maar ook voor iedereen die zij representeren; patiënten, professionals, mantelzorgers en vrijwilligers. De foto s zijn altijd in kleur, met heldere belichting, scherp en met veel contrast. We fotograferen nooit rokende mensen of mensen die alcohol drinken. 2.2 Richtlijnen voor de fotografie van de headers afdelings- en cafépagina s Beeld van herkenbaar landschap of gebouw uit de eigen regio (bijv. markant stadhuis, rivierlandschap, of herkenbaar plein) Foto van de locatie van het café op de cafépagina. Foto genomen op een lichte dag (geen regen/donker beeld) De foto is licht, hoopvol en herkenbaar voor mensen uit de regio. 2

3 3. Uitleg over het bestand afbeeldingen 3.1 Bestandsnaam afbeeldingen Geef de afbeeldingen altijd een duidelijke bestandsnaam voordat je deze gaat uploaden in het CMS. Dit draagt positief bij aan SEO (zoekmachineoptimalisatie). Hiervoor gelden de volgende richtlijnen: Schrijf bestandsnamen altijd met kleine letters (deze naam komt namelijk ook terug in de url van de afbeelding). De bestandsnaam moet concreet/relevant zijn (vaak komt het overeen met de titel van het document). Gebruik koppeltekens tussen de woorden (dit voorkomt vreemde tekens in de url van de afbeelding). Kies de benaming van algemeen naar specifiek. Voorbeelden: casemanager-dementie-drenthe.jpg opening-alzheimer-cafe-groningen.jpg o Tussenwoorden of lidwoorden niet meenemen of het moet toegevoegde waarde hebben (maakt omschrijving duidelijker). Voorbeeld: belangenbehartiging-voor-u.pdf in plaats van belangenbehartiging-u.pdf Geef elke afbeelding een alt-tag mee, wanneer je deze upload in het CMS. De alt-tag geeft een omschrijving van de foto weer. De alt-tag is niet alleen voor SEO belangrijk, maar ook voor mensen met een beperking die de site voorgelezen krijgen. 3.2 Richtlijnen formaat afbeeldingen Dit zijn de richtlijnen: Formaat headerfoto s 1600 px breed bij 1200 px hoog Formaat afbeeldingen bij nieuwsartikel 850 px breed Liggende foto s worden het best weergegeven Formaat afbeeldingen op pagina 600 px breed bij bijv. 450px hoog Bij voorkeur vierkante foto s of rechthoekig (maar dan wel liggend) In alle gevallen geldt: de breedte van de foto bepaalt de schaling van de foto. Zorg ervoor dat je afbeeldingen vooraf optimaliseert voor web tot een zwaarte van maximaal 200 kb. Sla de afbeelding bij voorkeur op als.jpg. 3

4 3.3 Tips voor het aanpassen van afmetingen/grootte van afbeeldingen Het is altijd beter om een afbeelding kleiner te maken dan groter, omdat de pixels dan worden opgeblazen waardoor het beeld hoekerig wordt. Website waarmee je foto s direct kunt aanpassen: Programma s waarmee je foto s kunt aanpassen: Image viewer: Image resizer: Een handleiding voor het downloaden staat bij Seniorweb: 4

5 4. In 5 stappen foto s uploaden in het CMS Drupal 8 Stap 1 Zorg voor de juiste bestandsnaam en sla de foto op je computer op. Gebruik een zelfgemaakte foto of een rechtenvrije foto van Flickr in het juiste formaat met de juiste grootte (zie: richtlijnen formaat afbeeldingen) en sla deze met de juiste bestandsnaam op, dit kan op je eigen computer of een USB stick. Voorbeeld van een goede bestandsnaam is: opening-alzheimer-cafe-groningen.jpg Stap 2 Log in bij met je gebruikersnaam en wachtwoord. Ga naar de pagina waar je de foto bij wilt plaatsen of maak een nieuwe pagina bij Inhoud. Op elke pagina die je aanmaakt kun je foto s plaatsen. 5

6 Stap 3 Op de betreffende afdeling content pagina, een activiteit of nieuwsartikel kun je een pagepart toevoegen. Kies een pagepart zoals content toevoegen Klik vervolgens in de editor op de plaats waar de afbeelding moet komen zodat de cursor daar staat. In de editor klik je op de knop: Afbeelding toevoegen. 6

7 Stap 4 Je krijgt nu een popup venster met de mogelijkheid om een afbeelding van je computer te uploaden. Klik op Uploaden en in het popup venster Add file. Stap 5 Door op de afbeelding, die onderin het popup venster verschijnt, te dubbelklikken wordt deze geplaatst op de plek van de cursor in de editor. 7

8 5. Uitleg geschikte foto s vinden 5.1 Gezamenlijke beeldbank gebruiken Om op de nieuwe afdelingspagina s meer diversiteit in beeldmateriaal te kunnen bieden en jullie te helpen bij het vinden van beeldmateriaal, hebben we een Flickr account aangemaakt met een tiental basisfoto s waar jullie gebruik van kunnen maken. Hier kunnen jullie ook eigen beeldmateriaal toevoegen voor andere afdelingen. Het idee is dat als iedereen dat doet er meer beeldmateriaal beschikbaar is voor jullie. En het gemakkelijker wordt om geschikt beeldmateriaal te vinden bij de content die jullie plaatsen. 5.2 Privé-acount Flickr.com Deze beeldbank is alleen via een inlog te bereiken en is dus niet openbaar toegankelijk voor iedereen. Inloggegevens Gebruikersnaam: alzheimernederlandregio Wachtwoord: Beeldbank16 8

9 5.3 Waarop letten bij het zoeken in de beeldbank? Via You en zoekfunctie (kenmerken, tags) kun je zoeken naar bepaalde foto s in de beeldbank. In de beeldbank staan alleen rechtenvrije foto s. Vul bij het plaatsen van een foto de velden titel, omschrijving, tags (dit maakt het gemakkelijk om foto s terug te vinden), persoon (als je iemand wilt attenderen), album om het onder een of meerdere categorieën te plaatsen. Laat de privacy setting standaard staan op only visible to you (Alzheimer Nederland). Vermeld in de omschrijving (description) de voorwaarden voor het gebruik van de foto, zoals voorwaarden voor toestemming vragen vooraf, bronvermelding of dat deze rechtenvrij is. Vul bij tags de naam van de fotograaf in of rechtenvrij, zodat je daar ook op kunt zoeken. 5.4 Tips voor rechtenvrij beeldmateriaal Het vinden van nieuw beeldmateriaal kan nog wel eens een uitdaging zijn. Hieronder artikelen, waarin tips staan voor het vinden van gratis rechtenvrij beeldmateriaal (voor rechtenvrije foto s, let wel op: bovenaan staan altijd de mooiste stockfoto s, en daar moet je wel voor betalen) 9