WYSIWYG EDITOR HANDLEIDING – SEPT. 2012 – VERSIE 1.4
Inhoudsopgave WYSIWYG-EDITOR ................................................................................................................................... 2 WYSIWYG EDITOR - LEGENDA ................................................................................................................. 3 SYSTEEM MELDINGEN / SCHERMEN / POP-UPS ..................................................................................... 8 ZOEKEN / VERVANGEN .......................................................................................................................... 10 TEKSTKLEUREN ...................................................................................................................................... 11 AFBEELDINGEN MANAGER .................................................................................................................... 12 BESTANDEN MANAGER ......................................................................................................................... 19 MEDIA / VIDEO INVOEGEN .................................................................................................................... 21 HYPERLINK AANMAKEN......................................................................................................................... 24 ANKERS MAKEN ..................................................................................................................................... 26 (PDF) BESTANDEN TER DOWNLOAD AANBIEDEN……………………………………………..………………………………28 AFBEELDING LIGHTBOX (POP-UP) VERGROTING AANMAKEN .............................................................. 29 BIJZONDERE SYMBOLEN INVOEGEN ..................................................................................................... 30 TABELLEN AANMAKEN EN INVOEGEN .................................................................................................. 31 AFBEELDINGSMAP(PEN) AANMAKEN (LINKJES OP EEN AFBEELDING)……………………………………………….34
Laatste wijzigingen - Afbeeldingsmap(pen) aanmaken (Linkjes op een afbeelding)…………………………………………………………34 - Link naar anker in een andere pagina aanmaken…………………………………………...................................28 - Afbeelding map: Meerdere links leggen op 1 afbeelding………………………………………………………………… 5 - Youtube: nieuwe optie om in te voegen middels “video”……………………………………………………………… 22
1
WYSIWYG-EDITOR Op onderstaande afbeelding ziet u in een oogopslag wat bedoeld wordt met de WYSIWYG-Editor.
Afbeelding: Standaard WYSIWYG-Editor
WYSIWYG staat voor: What You See Is What You get / Wat je ziet is wat je krijgt. De WYSIWYG editor is de tool in het CMS waarmee u eenvoudig en snel teksten kunt bewerken, pagina’s kunt opmaken en wijzigingen kunt doorvoeren. Omdat het werkvlak van de editor, de breedte, net zo breed is als het tekstvlak van de website staat alles in het CMS dus precies hetzelfde als op de website online. De editor komt u wellicht bekend voor, soortgelijke functies vind u ook terug in o.a. MS Word In deze beknopte handleiding worden alle mogelijkheden en functies omschreven.
TM
De editor komt standaard terug in de module: Pagina. Maar komt bijvoorbeeld ook weer terug in de module nieuws, maar ook in andere modules. Soms verschijnt er een beknopte versie van de editor, bijvoorbeeld bij de inleiding van een nieuwsbericht, bij de kolom: Intro bericht.
Afbeelding: Mini WYSIWYG-Editor
2
WYSIWYG EDITOR - LEGENDA Op de volgende pagina’s worden alle buttons van de WYSIWYG editor uitgelegd. Sommige opties zijn met slechts een paar woorden of zinnen te omschrijven. Andere opties hebben extra mogelijkheden, deze worden dan later omschreven en besproken met behulp van screenshots. Nieuw document Wanneer u helemaal opnieuw (blanco) wilt starten met de opmaak van een pagina, is de pagina met 1 druk op deze button helemaal leeg. Ongedaan maken Met deze optie kunt u stappen terug wandelen. Zo kunnen bijvoorbeeld foutjes met 1 klik weggehaald worden, zonder dat u helemaal opnieuw moet beginnen. Opnieuw Met deze optie kunt u stappen vooruit maken, indien vooraf gebruik is gemaakt van de “Ongedaan maken” functionaliteit. Knippen Knippen van content uit de pagina. Kopiëren Kopiëren van content uit de pagina Plakken Indien u via de knoppen: kopiëren of knippen een tekst uit de eigen pagina van de website heeft geselecteerd, kunt u deze tekst opnieuw plakken met deze knop. Als platte tekst plakken Met deze button kunt u de tekst als platte tekst (clean en schoon, net zoals vanuit Windows kladblok) plakken in de pagina. Met 1 klik op de button activeert u deze functie. Na het plakken schakelt het systeem automatisch terug naar de standaard plak modus. Vanuit Word plakken Om de tekst die vanuit Word (een e-mailbericht of internetpagina) is gekopieerd te plakken in het CMS dient u deze knop in te schakelen. Dan wordt overbodige achterliggende opmaak code verwijderd tijdens het inplakken in de pagina. Zoeken Indien u op zoek bent naar een woord in de tekst dan kunt u dit woord snel opsporen door van deze optie gebruik te maken. Staat het woord er meerdere keren in, dan kunt u na het eerste resultaat direct doorzoeken naar de andere woorden. Zoeken / Vervangen Deze optie is het verlengstuk van bovenstaande zoeken optie, echter kan nu het woord wat gevonden is middels de zoekopdracht direct worden vervangen door een ander woord. Dit kan per woord worden gedaan, maar u kunt ook met 1 klik al deze oude woorden vervangen door het nieuwe woord.
3
Vet Geselecteerde tekst vet weergeven. Cursief Geselecteerde tekst cursief / schuin weergeven. Onderstrepen Geselecteerde tekst onderstreept weergeven. Doorhalen Geselecteerde tekst doorgehaald/gestreept weergeven. Subscrift Subschrift toepassen. Bij subschrift gaat de tekst lager in de zin staan zoals nu zichtbaar is. Superscrift superschrift Superschrift toepassen. Bij gaat de tekst hoger in de zin staan zoals nu zichtbaar is. Links uitlijnen Tekst uitlijnen naar links. Centreren Tekst uitlijnen vanuit het midden. Rechts uitlijnen Tekst uitlijnen naar rechts. Uitvullen Tekst uitlijnen over totale tekstbreedte van links naar rechts. Opsommingstekens Eenvoudig een ongesorteerde opsomming toekennen aan belangrijke opties, mededelingen of andere punten. Door opnieuw op de knop te klikken haalt u de opsomming er vanaf. Genummerde opsomming Eenvoudig een genummerde opsomming toekennen aan belangrijke opties, mededelingen of andere punten. Door opnieuw op de knop te klikken haalt u de opsomming er vanaf. Inspringing verkleinen Inspringen van content, stap voor stap, kleiner maken. Inspringing vergroten Inspringing van content, stap voor stap, vergroten. Tekst markeringskleur Achtergrond kleur van de tekst instellen. Afbeeldingen manager Speciale module waarin meer mogelijk is dan alleen een afbeelding selecteren om die vervolgens in de pagina te laden. Bestanden manager Speciale module waarin u o.a. Word, Excel, PowerPoint en PDF files in kunt laden. Hiermee is het met een paar klikken mogelijk bestanden of afbeeldingen van map naar map te verplaatsen.
4
Afbeeldingen invoegen/bewerken Afbeelding invoegen in een willekeurige pagina. Deze optie maakt gebruik van de afbeeldingen manager (zie hierboven). Middels deze optie kunnen afbeeldingen ook worden gepositioneerd in een pagina (links midden of rechts). Kan er een titel en omschrijving, belangrijk voor de zoekmachines, worden ingegeven aan de betreffende afbeelding en kan de ruimte om de afbeelding of de rand om de afbeelding worden bepaald. Afbeelding map (hotspots) Selectie aanmaken op een afbeelding. Aan de selectie (Vierkant, Cirkel en Veelhoek) kunt u een link naar een interne pagina verwijzen en koppelen, of een link naar een externe website. Media invoegen/bewerken Youtube, Quicktime, Windows Media Player, Shockwave en Real Media filmpjes plaatsen in de pagina. Link invoegen/bewerken Aanmaken link. Aanmaken link naar eigen pagina. Aanmaken anker links Link verwijderen Een active link verwijderen. Ook ankers kunnen hiermee verwijderd worden. Anker invoegen bewerken Om in een pagina, waar meerdere onderwerpen worden behandeld, direct naar het onderwerp van uw keuze te kunnen doorspringen, kunnen ankers worden ingesteld. Wanneer u op een onderwerp regel klikt, schiet u automatisch direct door naar het betreffende onderwerp. Opmaak verwijderen Wanneer u teksten een kleur geeft, schuin zet, dik druk etc kunt u met deze knop met slechts 1 klik alle opmaak verwijderen en terug naar het beginpunt. Code opruimen Overbodige code opruimen. Als u toch per ongeluk overbodige code vanuit Word, een e-mailbericht of internetpagina in de pagina heeft geplakt. Als het na deze aktie nog niet beter is raden wij aan om de gehele pagina op te ruimen door een nieuw document aan te maken via de editor. Vervolgens adviseren wij u de tekst via Windows kladblok in het CMS te plakken met CTRL+C & CTRL+V (2x dus) Voorbeeld Bekijk een voorbeeld van de huidige pagina. Volledig scherm Bewerk de pagina vanuit een volledig scherm. Klik nogmaals om weer terug te keren naar de standaard modus. HTML bron bewerken Middels deze optie kunt u in de HTML code zelf bewerkingen uitvoeren (Alleen voor gevorderden)
5
Tabel invoegen Invoegen van een tabel, voor het opsommen van data, in een pagina. Breedte, aantal kolommen, rijen, randen, ruimte in en om de cel zijn vooraf in te stellen. Tabel - rij eigenschappen Bepaal voor de gehele rij de uitlijning, de verticale uitlijning en de achtergrondkleur. Dit is toe te passen voor de huidige rij, oneven rijen, even rijen, of alle rijen. Tabel - cel eigenschappen Bepaal voor de cel de breedte, hoogte, uitlijning, de verticale uitlijning, bereik, de rand en achtergrondkleur. Dit is toe te passen voor de huidige cel, alle cellen in de rij en/of de hele tabel. Tabel - rij boven invoegen Extra rij boven invoegen in een tabel. U dient met de cursor in de tabel te staan voor deze aktie. Tabel - rij onder invoegen Extra rij onder invoegen in een tabel. U dient met de cursor in de tabel te staan voor deze aktie. Tabel - rij verwijderen Rij verwijderen uit een tabel. U dient met de cursor in de tabel te staan voor deze aktie. Tabel – kolom links invoegen Extra kolom link invoegen in een tabel. U dient met de cursor in de tabel te staan voor deze aktie. Tabel – kolom rechts invoegen Extra kolom rechts invoegen in een tabel. U dient met de cursor in de tabel te staan voor deze aktie. Tabel – kolom verwijderen Kolom verwijderen uit een tabel. U dient met de cursor in de tabel te staan voor deze aktie. Tabel – cellen splitsen Deze functie kunt u gebruiken wanneer cellen zijn samengevoegd. De samengevoegde cellen worden dan weer naar de oorspronkelijke staat terug gebracht, dus van 1 samengevoegde cel komen alle cellen die zijn samengevoegd weer als losse cel in de tabel terug. Tabel – cellen samenvoegen U kunt in een tabel met meerdere cellen de geselecteerde cellen samenvoegen. De module vraagt middels een pop-up box hoeveel cellen in de breedte en hoogte samengevoegd mogen worden. Ken daaraan de waarde toe en de betreffende cellen worden automatisch samengevoegd. Hulplijnen weergeven Wanneer u een tabel aanmaakt zonder randen, achtergrond kleuren en of overige opmaak, dan kan het voorkomen dat de tabel zelf niet zichtbaar is. Middels hulplijnen weergeven wordt de tabel ineens wel visueel zichtbaar met een gestippelde hulplijn. Deze hulplijnen zijn nooit zichtbaar op de website indien u de hulplijnen inschakelt. Het is echt een hulpmiddel voor in het CMS zelf.
6
Scheidingslijn invoegen Wanneer u deze lijnt invoegt zal deze over de gehele breedte van de pagina zichtbaar zijn. De kleur en de dikte is vooraf ingesteld en is niet aanpasbaar. Scheidingslijn met opmaak Wanneer u deze optie gebruikt kunt u zelf de breedte en de dikte van de scheidingslijn ingeven. Ook kunt u een schaduw instellen. Open ruimte invoegen Spatie invoegen. Uiteraard werkt de spatiebalk ook. Pagina-einde invoegen Einde van de pagina aanduiden. Dit is slechts een hulpcode die wordt weergegeven. Deze hulplijn geeft ook het einde van een printpagina aan. Symbool invoegen € Euro teken, $ dollars etc. etc. Met een handig overzicht selecteert u het symbool naar keuze en met slechts 1 klik staat het symbool in de tekst. Opmaak Geef een bepaalde zin een koptitel mee, of bepaal of de tekst een alinea is. Opmaak bestanden die hier aan gekoppeld zijn komen uit een vooraf ingestelde stylesheet van de website. Tekengrootte Hiermee kunt u een selectie van de tekst vergroten of verkleinen. Code snippets (optioneel inzetbaar) Vooraf ingestelde stukjes tekst kunnen met slechts 1 klik in de pagina worden gezet. Afbeelding snippets (optioneel inzetbaar) Vooraf ingestelde afbeeldingen kunnen met slechts 1 klik in de pagina worden gezet. Quick links Alle pagina’s die via het CMS worden aangemaakt worden in deze kolom opgeslagen. Via deze optie kunt u direct een link naar een pagina aanmaken. De ingestelde haakjes: [ en ] dient u echter wel te verwijderen, dat staat mooier. Ook de tekst zelf is nog aanpasbaar. Sjablonen (optioneel inzetbaar) Voeg in een standaard content pagina een sjabloon in naar keuze. Bijvoorbeeld een sjabloon met een kop kolom, daaronder een linker kolom en een rechterkader. Verschillende sjablonen zijn mogelijk.
FormFields voor Enquêtemodule (optioneel inzetbaar) Meer informatie over deze optie krijgt u bij de uitleg van de enquête module, mits deze is afgenomen.
7
SYSTEEM MELDINGEN / SCHERMEN / POP-UPS Enkele meldingen die voort kunnen komen wanneer u gebruik maakt van de editor en de bijbehorende opties worden hieronder weergegeven: Knippen / kopiëren / plakken Wanneer u een tekst wilt knippen, kopiëren of plakken dan kan er een melding worden weergegeven voordat u de actie überhaupt uit kunt voeren. U kunt deze uiteraard gewoon toestaan. In de pagina waar u zich op dat moment bevind blijft deze handeling na het toestaan nog onthouden. Wanneer u de pagina opslaat, vervolgens opnieuw opent, dan zal deze melding wederom opnieuw verschijnen. Deze melding heeft te maken met een instelling in de browser waarmee u surft (Internet Explorer, Firefox, Chrome, Safari en Opera. Hiervoor kan geen oplossing ingezet worden omdat dit overkoepelend wordt tegengehouden. In Internet Explorer
In Firefox
In Chrome, Safari en Opera
8
Platte tekst modus
Wanneer u in de editor de optie gebruikt om een gekopieerde tekst als Platte tekst te plakken dan verschijnt bovenstaande melding. Plakken vanuit Word
TIPS VOOR KOPIEREN EN PLAKKEN Wanneer u teksten wilt kopiëren en plakken vanuit Word, een e-mailbericht of een internetpagina raden wij u aan om dit te doen met de sneltoetsen op uw toetsenbord. Selecteer de gewenste tekst met uw muis. Kopieer deze tekst met de sneltoetsen: CTRL+C. Nu hangt de tekst aan het klembord. Vervolgens kunt u de tekst weer plakken met de snel toetsen: CTRL+V.
9
ZOEKEN / VERVANGEN Zoeken
Wanneer u op zoek bent naar een bepaald woord, dan kan de zoeken optie worden ingezet. De opties in dit scherm maken het zoeken eenvoudiger. Deze optie geldt enkel en alleen voor de pagina waarin u zich bevindt.
Zoeken / Vervangen
Wanneer u een bepaald woord heeft gevonden kunt u dit woord vervangen door een ander woord. De opties in dit scherm maken het vervangen eenvoudiger. Deze optie geldt enkel en alleen voor de pagina waarin u zich bevindt.
10
TEKSTKLEUREN Tekstkleur vervangen
Wanneer u de tekst heeft geselecteerd die u van kleur wilt veranderen kunt u klikken op het icoontje: tekstkleur. Bovenstaande venster opent zich dan automatisch. Hierin zijn al enkele basiskleuren zichtbaar. Wanneer u kiest voor de optie: Meer kleuren (onderaan) dan zal het volgende venster opkomen:
Kleuren kiezen / aanmaken
Wanneer u een huisstijl kleur heeft dan kunt u deze instellen bij het vlakje: Kleur, zie rechts onderaan. Vul de bijbehorende (html) kleurcode hier in en kies voor toepassen. De kleur wordt dan ingesteld en u kunt de tekst, of meerdere gedeelten van de tekst voorzien van de nieuwe kleur. Beide vensters verschijnen ook wanneer u de Tekstmarkeringskleur wilt ingeven.
TIPS VOOR KLEUREN GEBRUIK Wees zuinig met het gebruik van kleuren in de webpagina, dit kan het nogal druk maken en mogelijk ook minder leesbaar. Vaak gaat het ook ten koste van de professionaliteit / uitstraling van de website. Standaard staat het lettertype van de pagina ingesteld a.d.h.v. het ontwerpvoorstel van de website. Grootte en kleur kunnen eenvoudig zelfstandig via het CMS worden aangepast.
11
AFBEELDINGEN MANAGER
In de afbeeldingen manager ziet u meerdere mogelijkheden en opties. Deze lichten we hier nader toe. Filter: Bovenaan ziet u bijvoorbeeld een filter staan. Hiermee kunt u afbeeldingen op naam filteren. Alle overige afbeeldingen verdwijnen dan automatisch uit de weergave (niet uit de manager) Root: Hierin wordt weergegeven in welke folder u zich bevindt wanneer u dieper doorklikt in de folders. Standaard komt u binnen in de basisfolder: /images. Creëer folder: In de folder: Images kunt u ook nieuwe folders aanmaken via creëer folder. Deze nieuwe folders komen automatisch te staan onder de folder: Images, aan de linkerzijde vermeld van de manager. In dit voorbeeld ziet u de folders: pasfoto’s – thumbs en video. U kunt eenvoudig van folder naar folder terug wandelen via een pijl die verschijnt als u in een folder komt. Uploaden: Via deze optie kunnen afbeeldingen worden ingeladen in de manager. Vernieuwen: Wanneer u bestanden heeft geplaatst, of een afbeelding een andere naam heeft gegeven dan kunt u de knop vernieuwen gebruiken. Daarna worden alle afbeeldingen opnieuw ingeladen en ziet u wat er realtime in de manager aan afbeeldingen is geplaatst. Indien u een afbeelding hetzelfde noemt en inlaadt kan het zijn dat de cache van uw pc de oude formaten blijft onthouden. Klik dan op CTRL+F5 op uw toetsenbord. Geschiedenis: Deze map laat zien welke afbeeldingen het laatste zijn ingeladen. Favorieten: Wanneer u afbeeldingen vaak gebruikt kunt u deze in de favorieten plaatsen.
12
Afbeeldingsopties/Keuzemenu: Invoegen: geselecteerde afbeelding in de tekst plaatsen Verwijderen: geselecteerde afbeelding verwijderen uit de manager Bewerken: afbeelding bewerkmodus openen om afbeelding te snijden, resizen, kantelen en te hernoemen. Download: download de afbeelding vanuit de manager naar uw eigen computer Toevoegen aan favorieten: zie favorieten. Goed om te weten De afbeeldingen manager maakt het u zeer gemakkelijk. Alle afbeeldingen die u wilt inladen worden direct bewerkt naar web formaten en web kwaliteit. Zo worden alle afbeeldingen automatisch omgezet naar 72DPI (web standaard). Tevens wordt er automatisch van elke foto die wordt ingevoegd een grote foto aangemaakt (800pixels breed) en een thumbnail (175pixels breed). De thumbnail, dat is een kleine foto, die wordt automatisch in een folder geplaatst. Deze folder, genaamd: thumbs, wordt namelijk automatisch aangemaakt wanneer u een afbeelding inlaadt in een bepaalde folder. De vooraf ingestelde formaten van de grote foto en de thumbnail kunnen op verzoek worden aangepast. Maximale afbeelding of bestands grootte is 16 MB (i.p.v. 10 MB) in de afbeelding en bestanden manager. NOTE Indien de website gebruik maakt van een Visuals of Visual module en de gebruikte afbeelding daarvoor breder is ingesteld dan 800 pixels, dan dient deze afbeelding via de BESTANDEN MANAGER te worden ingeladen. Daarna kan de afbeelding via de AFBEELDING MANAGER worden uitgesneden in het juiste formaat en gebruikt worden. Creëer folder
Nieuwe folders zijn zelf onbeperkt aan te maken via de mogelijkheid: creëer folder. Met de optie: sjabloon kunt u niets doen. Attentie: Zelf aangemaakte folders zijn eenvoudig te verwijderen via de bestanden manager, daar gaan we straks verder op in. U kunt daar met 1 klik een folder verwijderen. Maak de folder wel eerst leeg. Wanneer u de folder, voorzien van afbeeldingen/bestanden wilt verwijderen, dan is dat uiteraard ook mogelijk. Uiteraard volgt er eerst een waarschuwing met de melding of dat u zeker weet dat u de folder wilt verwijderen.
13
Uploaden Om afbeeldingen in het CMS te krijgen en dus ook in de tekstpagina zelf, moeten deze eerst worden ingeladen in het systeem. Dit kan via de uploaders die in de afbeelding manager aanwezig zijn. In elke folder waarin u zich bevindt kunt u gebruik maken van de uploaders.
Zoals u hieronder kunt zien op de afbeelding kunt u meerdere afbeeldingen tegelijk uploaden. Alle afbeeldingen worden dan automatisch verkleind en omgezet naar webkwaliteit. De afbeeldingen komen dan in de geselecteerd folder te staan en een verkleining van de afbeelding(en) komt dan in de automatisch aangemaakte folder: thumbs te staan. Bij het uploaden loopt een teller mee van de upload status.
14
Afbeelding opties keuzemenu - vervolg Wanneer u de afbeeldingmanager opent kunt u afbeeldingen selecteren. Aan elke afbeelding is een opties button verbonden, dat is het driehoek icoontje rechts onderin. Wanneer u hier op klikt komt er automatisch een keuzemenu uitgeschoven met verschillende opties. De optie: Afbeelding bewerken brengt u tot onderstaande scherm: de afbeelding bewerken modus. Op pagina 12 zijn alle opties al eens benoemd en kort omschreven. De optie ‘Invoegen’ gaan we nu verder toelichten.
Afbeelding invoegen
Wanneer u kiest voor ‘Invoegen’, dan verschijnt automatisch het volgende venster. Hier kunt u een beschrijving en een titel aan de afbeelding meegeven, dit is o.a. goed voor de zoekmachines maar ook gewoon netjes. Indien u per ongeluk een verkeerde afbeelding heeft geselecteerd dan kunt u via bladeren, rechts bovenin, terug naar de afbeelding manager om een nieuwe afbeelding te selecteren.
15
Afbeelding invoegen - Weergave
Uitlijning: Om de afbeelding in de pagina te positioneren kunt u de optie ‘uitlijning’ hiervoor gebruiken. U kunt dan kiezen om de afbeelding bijvoorbeeld links of rechts van een tekst te plaatsen zodat de tekst dan naast de afbeelding zelf komt te staan. Afmetingen Via afmetingen kunt u een afbeelding nog verder verkleinen in zijn weergave. Wij adviseren u echter wel om te allen tijde de afbeeldingen op het juiste formaat te snijden of te bewerken, dan is het in alle browsers correct. Hoe u de afbeelding direct op het juiste formaat krijgt wordt nader omschreven bij: Bewerken modus, pag. 17 Verticale en Horizontale ruimte Wij adviseren u om deze ruimte om de afbeelding in te stellen. Vul bijvoorbeeld 5 in, dan komt er om de afbeelding zelf 5 pixels aan extra vrije ruimte, zodat de tekst nooit tegen de afbeelding zelf komt te staan. Rand Indien u een lintje om de afbeelding wenst, dan kunt u deze instellen via de optie: rand Klasse en stijl Deze optie is een gevorderde optie en hoeft u niet te gebruiken.
16
Afbeelding invoegen – Geavanceerd
Afbeelding wisselen/ Rollover Via deze optie kunt u heel eenvoudig een animatie aan een afbeelding koppelen wanneer de internetbezoeker met zijn muis over de afbeelding beweegt. Wanneer dat gebeurt kan ingesteld worden dat er op dat moment een andere afbeelding verschijnt. Alternatieve afbeeldingen Vink deze optie allereerst aan, dan kunt u daarna 2 x een afbeelding zoeken en instellen. Zet bij de optie: Bij muis over, de titel zegt het al, de afbeelding erin, waarvan u wilt dat deze verschijnt als de internet bezoeker over de afbeelding beweegt. Bij muis uit spreekt ook weer voor zich, hier kunt u de standaard foto inzetten die te allen tijde zichtbaar is. De velden onder de kop diversen zijn gevorderde opties, deze hoeft u niet te gebruiken.
TIPS Wanneer u gebruik maakt van de Alternatieve afbeeldingen dan dienen de 2 afbeeldingen beiden even groot te zijn, anders zal de afbeelding gaan dansen in het scherm, dat oogt druk en slordig. U kunt i.p.v. standaard afbeeldingen ook animatie gif afbeeldingen invoegen in de website. Zo creëert u heel simpel een standaard beweging in de website.
17
Bewerken modus
Elke ingeladen afbeelding, geüpload via de afbeelding manager, komt zoals u weet als grote en kleine foto in de manager te staan. De grote afbeelding is standaard 800pixels breed. Wanneer bijvoorbeeld de pagina 600pixels breed is, dan is een fotobreedte van 800pixels te groot. Dan gaat het online uitlopen en past het niet meer in de opmaak van de pagina. Deze afbeelding zal dan dus minder breed gemaakt moeten worden. Via de afbeelding optie: ‘bewerken’, kunt u dit eenvoudig zelf doen. Bovenstaande manager verschijnt dan. Deze bewerken modus kent de volgende opties: Opslaan: Stapje terug Snijden Herschalen Omkantelen Omdraaien. Behoud verhoudingen Bevestig Stop
Afbeelding bewerkt? Dan kunt u deze opnieuw opslaan. U kunt nu ook hernoemen. Elke bewerking die u uitvoert kan ‘ongedaan’ gemaakt worden met deze optie U kunt in een volledige afbeelding een speciaal gedeelte selecteren en uitsnijden Afbeelding te groot? U kunt deze hier handig nieuwe afmetingen meegeven. Horizontaal of verticaal kantelen Afbeelding 90, 180 of 270 graden omdraaien Hoogte i.c.m. breedte bij verkleinen / vergroten behouden Bevestig de handeling die u heeft uitgevoerd. Stop de handeling. En keer terug naar het begin. U start opnieuw.
Middels het binnenste kruisje, rechtsboven in de hoek keert u weer terug naar de afbeelding manager.
18
BESTANDEN MANAGER
In de bestanden manager ziet u meerdere mogelijkheden en opties. Deze lichten we hier nader toe. Creëer folder: In de folder: CMS kunt u ook nieuwe folders aanmaken via creëer folder. Deze nieuwe folders komen automatisch te staan onder de folder: CMS, aan de linkerzijde vermeld van de manager. In dit voorbeeld ziet u de folders: bedrijf_contactpersoon, files, fotoalbum, images etc. U kunt middels dubbelklik deze folder in en daarna eenvoudig van folder naar folder terug wandelen via een pijl die verschijnt als u in een folder komt. Uploaden: Via deze optie kunnen bestanden worden ingeladen in de manager. U kunt nu meerdere extensies/bestanden toevoegen, zoals PDF, Word, Excel en PowerPoint bestanden. Ook kunnen video bestanden hier eenvoudig geüpload worden. De bestanden manager zit, zoals u later terug zult zien ook gekoppeld aan de knop in de editor: ‘media toevoegen’. LET OP: Afbeeldingen die via de bestanden manager worden geüpload worden NIET verkleind en bewerkt. Vernieuwen: Wanneer u bestanden heeft geplaatst, of een bestand een andere naam heeft gegeven dan kunt u in de manager de knop ‘vernieuwen’ gebruiken. Daarna worden alle bestanden opnieuw ingeladen en ziet u wat er realtime in de manager aan bestanden is geplaatst. Indien u een bestand hetzelfde noemt en inlaadt kan het zijn dat de cache van uw pc de oude naam blijft onthouden. Klik dan op CTRL+F5 op u toetsenbord. CMS: Dit is de hoofd folder waarin u terecht komt als u de manager opent. Geschiedenis: Deze map laat zien welke bestanden het laatste zijn ingeladen in de sessie. Favorieten: Wanneer u bestanden vaak gebruikt kunt u deze in de favorieten plaatsen. Sorteren: Het blauwe pijltje geeft aan dat u kunt sorteren op Bestandsnaam, Formaat, Type en Datum wijziging PDF OF ANDER BESTAND TER DOWNLOAD AANBIEDEN Uitleg over deze optie kunt u terug vinden op pagina 28 van deze handleiding.
19
Bestanden beheer
Wanneer u een folder induikt en de bestanden in de folder worden weergegeven zijn er verschillende opties die u kunt uitvoeren in de manager: Invoegen bestand Door te dubbelklikken op het betreffende bestand wordt het toegevoegd. Selecteer alles en Deselecteer alles Met deze twee opties kunt u snel alles selecteren of deselecteren, handig voor verwijderen of verplaatsen van meerdere bestanden. Uiteraard kunt u ook losse bestanden selecteren middels aanvinken. Met geselecteerde: Knippen Bestanden knippen om ze uit een folder te halen en in een nieuwe folder te plakken Kopiëren Bestanden kopiëren om ze wederom in een andere folder te plakken Plakken Plakken van geknipte of gekopieerde bestanden Bewerken Alleen mogelijk met afbeeldingen Hernoemen Hernoemen van de betreffende bestandsnaam Verwijderen Verwijderen van geselecteerde bestand(en) Zip Geselecteerde bestanden in een ZIP bestand inpakken (ZIP = gebundeld) Uploaden | Download | Bekijken Middels deze opties kunt u een ZIP bestand, of een ander bestandje uploaden. Deze komt dan automatisch met een hyperlink in de pagina te staan, zodat bezoekers deze kunnen downloaden. Zorg er wel voor dat met bijvoorbeeld een PDF bestand het doel op ‘Nieuw Venster / _blank’ staat. U kunt de tekst van de link ook bewerken en dus aanpassen. Met download kunt u bestanden, bijvoorbeeld door een andere admin geüpload ook downloaden naar u eigen pc. Bekijken geeft u de mogelijkheid een afbeelding op ware grootte bekijken.
20
MEDIA / VIDEO INVOEGEN
Met deze plugin kunt u eenvoudig filmpjes in de pagina van de website zetten. Er kan gebruik gemaakt worden van verschillende files zoals Flash, Quicktime, Shockwave, Windows Media en Real media. Aan de hand van de betreffende video file kunt u zien welke optie u moet selecteren. Let op: maximale bestandsgrootte: 16MB. Uploaden video bestand Het video bestand dient u in te laden via de bestanden manager, die via deze plugin te benaderen is. Deze knop staat helemaal rechts naast het veld: Bestand/URL. Wanneer u op dit vierkantje klikt opent direct de bestanden manager waarin u kunt uploaden. Youtube filmpjes plaatsen De meest eenvoudige manier om een filmpje in de pagina te zetten is de Youtube integratie, deze optie wordt op pag. 22 nader toegelicht. Met deze optie moet u wel zelf het betreffende filmpje op Youtube plaatsen. Dit scheelt u zelf enorm aan data en opslag capaciteit op uw eigen webspace.
TIPS Let op met Youtube filmpjes, want als Youtube besluit uw filmpje te verwijderen, dan is de video ook niet meer zichtbaar in uw website pagina. Wel geeft Youtube een melding dat er geen video meer aanwezig is.
21
Uploaden video bestand lukt niet Wanneer video bestanden te groot zijn om in te laden kunt u contact opnemen uw BUES verkoper zodat het bestand rechtstreeks op de server van uw website geplaatst kan worden, zodat via het CMS wel gewoon bij dit bestand kunt. Uit veiligheidsoverwegingen staat de upload in het CMS op 16MB ingesteld. Op aanvraag kan dit ook worden vergroot. Lukt het uploaden dan nog niet, dan kan dit er nog handmatig in gezet worden via FTP.
Video opzoeken via Youtube
Youtube filmpjes haalt u eenvoudig van de Youtube website af. U gaat naar youtube.nl en zoekt het gewenste filmpje op. Op bovenstaande voorbeeld is gezocht naar een filmpje over molens. Wanneer u in Youtube het filmpje afspeelt dan is onderaan het filmpje een “delen” button aanwezig. Klik op deze button en de in te sluiten code voor in het CMS komt dan tevoorschijn. in dit geval is dat de volgende url:
http://youtu.be/QvV05nVci4E Deze URL dient u te kopiëren vanaf de Youtube site en vervolgens te plakken in het veld: “Bestand” Voor Youtube selecteert u bij: Type de optie “Video”. Voeg daarna de film in.
TIPS Via het CMS kunnen relatief kleine videobestanden worden toegevoegd. Er bestaat een optie om een eigen mediaplayer, voorzien van uw eigen bedrijfslogo, in te zetten. Dan kan de video streaming (auto play) of middels de button: play worden afgespeeld. Dan bestaat de mogelijkheid grotere video’s toe te voegen in een cross browser vriendelijke video player. Neem hiervoor contact op.
22
Video vanaf Youtube invoegen
Via bovenstaande overzicht is te zien of de gekozen url wel naar een video leidt. Als dat zo is dan ziet u direct een screenshot van de film. Middels de knop: invoegen komt de video in de pagina te staan. In het CMS ziet dit er als volgt uit (zie onderstaande afbeelding) Uiteraard ziet de website bezoeker direct de film.
Actieve Youtube film, zichtbaar vanuit het CMS zelf
23
HYPERLINK AANMAKEN
Linken naar een andere website Een hyperlink aanmaken naar een website van uw leverancier of naar een andere willekeurige website is eenvoudig te realiseren via de link invoegen mogelijkheid. URL In de regel: URL kunt u de link invoegen van de website waarnaar doorgelinkt mag worden. Een url bestaat altijd uit de volgende elementen: http://www.domeinnaam.nl Uiteraard kunt u ook .com /.eu of een andere willekeurige link invoegen. !! NIET VERGETEN !! Doel Als u naar een website linkt, buiten uw eigen website, dan dient u bij: Doel de volgende optie te selecteren: e In nieuw venster openen (_blank), dat is de 2 optie. Nu zal de link in een nieuw venster openen. Wanneer de bezoeker de link volgt en daarna de website dicht gaat klikken, dan staat uw eigen website nog altijd in de achtergrond op de pc van de gebruiker. Titel Dit is de titel van een link die u kunt meegeven. Zoekmachines gebruiken deze informatie ook. Belangrijk dus dit altijd in te vullen. Anker, Klasse en Lijst is voor een uitgaande link niet benodigd om in te stellen.
24
Intern linken naar een eigen pagina
Intern kunt u van pagina naar pagina ook links aanmaken. Het systeem maakt van alle pagina’s (hoofdmenu, submenu en deeplink) die in het CMS worden toegevoegd een linklijst aan. De linklijst geeft alle pagina’s die aanwezig zijn op alfabetische volgorde weer. Deze lijst is altijd up to date, dus als er even daarvoor nog pagina’s zijn toegevoegd, dan staan deze pagina’s ook in deze linklijst. Lijst Als u een pagina selecteert uit de lijst, dan wordt de URL automatisch ingevuld door het systeem. Doel Standaard staat het doel ingesteld op: In dit venster / frame openen. Deze optie is correct voor de interne link, dan blijft de bezoeker te allen tijde in de website. Titel De titel van de interne link dient u nog even mee te geven. Klasse is voor interne links niet benodigd.
TIP U kunt interne en externe links naast de geselecteerde tekst ook aanmaken op een geselecteerde afbeelding.
25
ANKERS MAKEN Sommige pagina’s bevatten veel content verdeeld in verschillende onderwerpen. Om snel naar een bepaald onderwerp door te schieten, zonder zelf te moeten scrollen, is het mogelijk een anker systeem aan te maken. Een anker systeem is een soort van interne navigatie van een onderwerp naar de tekst verderop in de pagina.
Wat dient u te doen, om een anker systeem aan te maken: Eerst dient u alle onderwerpjes die op de pagina omschreven gaan worden onder elkaar op te sommen. Indien u alle onderwerpjes heeft opgesomd raden wij u aan om voor elk onderwerp direct de bijbehorende tekst direct in de pagina weg te zetten. Indien u daar mee klaar bent kan het aanmaken van ankers beginnen. Ga voor het aanmaken van een anker voor 1 van de door u zelf aangemaakte onderwerpen staan, zie screenshot 1. U ziet hier een | teken staan voor Tekst. Die | is de spatie. Screenshot1
Als u voor het onderwerp staat klikt u op de “anker” knop in de editor. Dan opent het anker invoegen/bewerken venster, zie screenshot 2. Geef hier de naam van het Anker in, in dit geval: anker1. Screenshot 2
LET OP: Gebruik logische anker namen en gebruik GEEN spaties in de ankernaam, dan zal het niet werken. Dus Anker1 of anker1, niet Anker 1 of anker 1. Of op pagina naam: historieanker1 etc.
26
Screenshot 3
Op screenshot 3 is te zien, dat er voor de tekst: “Dit is onderwerp 1” een anker icoontje in stippellijntjes zichtbaar is geworden. Nu kunt u terugkeren naar de inhoudsopgave bovenaan de pagina. Zoals u in het voorbeeld kunt zien kunt u de gehele onderwerp regel selecteren, deze licht blauw op als u dit doet. Na de selectie van de onderwerp regel klikt u op de ‘Hyperlink’ knop. U krijgt dan het bekende hyperlink scherm te zien. Hier staat ook een regel: ‘Ankers’ in. Wanneer u alle ankers vooraf heeft ingesteld, zoals is toegelicht, dan kunt u uit de Anker lijst het betreffende Anker kiezen, zie ook screenshot 4 op de volgende pagina (28). Titel Wij adviseren ook hier weer een omschrijving in te vullen. Doel Dit staat wederom automatisch goed, u blijft in de betreffende pagina, dus deze optie hoeft u verder niet aan te passen. URL, Lijst en Klasse hoeft u niet te gebruiken in deze optie.
TIP Maak ook een anker bovenaan in de pagina aan zodat u vanaf elk onderwerp weer terug kunt klikken naar de inhoudsopgave bovenaan in de betreffende pagina. Dan kunt u dus handig op en neer klikken. Vele gebruikers ervaren dit als positief.
27
Screenshot 4
Link naar een anker op een andere pagina Wanneer u in alle pagina’s ankers aanmaakt (allen voorzien van een unieke naam, zonder spaties) dan kunt u ook een link aanmaken vanaf bijvoorbeeld de homepagina naar de contactpagina, maar dan naar een anker in die contactpagina zelf. Zo kom je direct bij het onderwerp (onderaan) de pagina terecht (waar de anker is geplaatst). De bezoeker hoeft dan zelf niet in de pagina naar beneden scrollen, deze komt direct bij het betreffende anker binnen. Dit is heel eenvoudig. Ga als bezoeker naar de pagina waar het ankertje staat. Bekijk dan bovenaan in de browserbalk (daar waar de www link staat) en kopieer deze link in zijn geheel. Ga daarna naar de pagina waar de link daadwerkelijk moet komen te staan. Selecteer het woord of de afbeelding waarop u de link wilt toepassen en klik op de hyperlink button. Plak de link die u eerder heeft gekopieerd in het veld: URL en typ achter deze link, dus na: .html , de volgende elementen: een # voor het anker. En achter het # de unieke naam van het anker. Voorbeeld: http://www.voorbeeld.nl/digi_cms/nl/3/contact.html#contactankerc De link naar een anker op een andere pagina is nu actief.
PDF of overige bestanden ter download aanbieden Via de bestanden manager, kunt u met 1 klik een bestandje ter download aanbieden door op de optie: ‘uploaden’ te klikken. Een download van bijvoorbeeld een PDF bestandje kunt u ook toepassen op een zelf aangemaakte tekst of op een afbeelding. Wanneer dit geselecteerd is klikt u op de knop ‘hyperlink’. Dan volgt het scherm: ‘Link invoegen/bewerken’. Daar kunt u naast de regel: ‘URL’ kiezen voor ‘Bladeren’. Nu opent automatisch de bestanden manager en hier kunt u het betreffende bestand aanvinken om te linken. Middels een dubbelklik wordt het bestand gekoppeld. Daarna keert u automatisch terug in het ‘Link invoegen/bewerken’ scherm. Stel hier altijd het doel in op: ‘In nieuw venster openen _blank’. Vul daarna de ‘Titel’ nog even in en klik vervolgens op invoegen. Het bestand is dan ter download voor de bezoeker geplaatst en opent in een nieuw scherm zodat wanneer de bezoeker het geopende venster weg klikt uw eigen website altijd nog open staat en de bezoeker weer verder kan klikken in de website.
28
AFBEELDING LIGHTBOX VERGROTING AANMAKEN
Voor het gebruik van de ‘Lightbox vergroting’ zijn altijd een thumbnail (kleine) en een large (grote) afbeelding benodigd. De afbeeldingen voor de Lightbox vergroting worden via het inladen in de ‘afbeeldingen manager’ altijd automatisch geresized naar een kleine en een grote foto. Stap 1 Ga in de pagina staan waar u een foto met vergroting in wilt voegen. Blader via de afbeeldingen manager naar de betreffende thumbnail die ingezet moet worden. Zoals u weet wordt er in elke image folder automatisch een folder thumbs aangemaakt waarin zich de kleinere foto’s bevinden. Selecteer de foto en voeg deze in. Stap 2 Positioneer de kleine afbeelding in de tekst, stel de ruimte om de afbeelding in en of maak een border aan. Stap 3 Ga met de muis op de afbeelding staan. Klik op de ‘hyperlink’ knop. Nu opent bovenstaande scherm: ‘Link invoegen bewerken’. Klik naast het veld van ‘URL’ op “Bladeren” en ga op zoek naar de grote afbeelding in de afbeeldingen manager. Selecteer deze afbeelding en dubbelklik. De grote afbeelding is nu gekoppeld aan de kleine afbeelding. Stap 4 Om de vergroting de mooie animatie mee te geven bij de opening van de vergroting kunt u bij het veld ‘Klasse’ de optie: lightbox selecteren. Klik daarna op invoegen en de vergroting is aangemaakt. Deze optie is niet bedoeld als fotoalbum module, u kunt dus niet van foto naar foto doorklikken. Het is gewoon handig en leuk voor de bezoeker om enkele foto’s in een pagina te vergroten.
29
Wanneer u complete fotoalbums op de website wilt gaan toevoegen, dan kunt u beter gebruik maken van een fotoalbum module. Dan worden stap 1 t/m 4 geheel automatisch uitgevoerd, u hoeft dan alleen nog maar een album naam, datum en omschrijving toe te voegen en in 1 handeling alle foto’s te selecteren die u in het album wenst te plaatsten. Het systeem richt dan geheel automatisch alle handelingen uit. Uiteraard wordt er ook een archief van albums aangemaakt. In de Lightbox fotovergroting is “Tip een vriend” een standaard inbegrepen optie. Deze optie zorgt ervoor dat bezoekers een foto door kunnen sturen naar een vriend(in). Deze zal wellicht ook weer op uw website terug gaan komen en dat is positief voor de traffic die een website genereert. Hoe populairder een website wordt des te vaker zoekmachines ook een kijkje komen nemen en dat is alleen maar positief voor de uiteindelijke zoekmachine resultaten.
BIJZONDERE SYMBOLEN INVOEGEN
Met 1 druk op de knop ‘symbolen’ opent een nieuw venster met zo’n 200 symbolen of speciale tekens. Met slechts 1 klik voegt u een symbool toe in de pagina. Handig.
30
TABELLEN AANMAKEN EN INVOEGEN Tabellen zijn ideaal voor het aanmaken van nette overzichten in de webpagina. Zo kunt u netjes rijen en kolommen invoegen waar data in gezet kan worden. Grote voordeel is dat alle data netjes lijnt. Vooraf dient u voor uzelf even te schetsen hoeveel kolommen u denkt nodig te hebben, dat werkt het meest prettig. Er kunnen weliswaar via de tabel opties rijen en kolommen worden bijgemaakt, maar het werkt handiger als dit vooraf wordt ingegeven. Dan kunnen alle instellingen makkelijker worden verwezenlijk. Bij het aanmaken van een tabel klikt u op de Nieuwe Tabel invoegen knop, het volgende scherm verschijnt dan:
Tabel invoegen bewerken - Algemeen
In het tabblad ‘Algemeen’ kunt u alle noodzakelijke waarden invoegen. Wanneer u een tabel heeft aangemaakt kunt u in dit venster ook nog wijzigingen doorvoeren. Kolommen: Rijen Ruimte in cel Ruimte om cel Uitlijning Rand Breedte Hoogte Klasse Tabelomschrijving
Aantal verticale regels in een tabel Aantal horizontale regels in een tabel Vergroot de afstand van de tekst in een cel t.o.v. rand Vergroot de afstand buiten de cel t.o.v. een andere cel (Tip: niet gebruiken) Positioneer een tabel in de tekst, naar het midden, links of rechts Rand aanmaken rondom de cellen en de tabel Stel de breedte in van de tabel Stel de hoogte in van de tabel Voeg een klasse toe aan de tabel (gevorderde optie) Hiermee definieert u een bijschrift bij een tabel
TIP Tabellen zijn bedoeld voor het opsommen van data, niet als tool om uit te lijnen.
31
In het tabblad ‘Geavanceerd’ kunt u eventueel een achtergrondkleur invoegen en de randkleur bepalen. Hier kan ook de overige relevante tabelinformatie worden ingegeven, zoals een naam en omschrijving van de tabel, dit is o.a. weer ten positieve voor de zoekmachines.
Tabel invoegen bewerken - Geavanceerd
Id Samenvatting Stijl
Dit is het unieke ID van een tabel Samenvatting van de tabel, positief voor zoekmachines De stijl wordt automatisch gevuld indien u gebruik maakt van de opties: Achtergrondafbeelding, randkleur en achtergrondkleur
Taalcode Achtergrondafbeelding Frame Hulplijnen Taalrichting Randkleur Achtergrondkleur
U kunt hier de taalinhoud inzetten, bijvoorbeeld: dutch, english, deutsch etc. Hiermee legt u een afbeelding of een logo in de achtergrond Niet van toepassing Deze optie zit al rechtstreeks in de editor en heeft geen nut meer Hiermee kan de taalrichting worden ingesteld van links naar rechts of andersom Indien u een rand heeft ingesteld kunt u deze hier een kleur meegeven Een achtergrondkleur van de tabel stelt u hier eenvoudig in Wanneer een achtergrond afbeelding is ingesteld werkt deze functie niet
32
Rij eigenschappen - Algemeen
Wanneer een tabel is aangemaakt met rijen en kolommen kunt u via rij eigenschappen meer waarden instellen. In eerste instantie doet u dit per rij, maar middels de optie links onderin kunt u een aanpassing ook op alle rijen toepassen, of op alle even en oneven rijen. Rijtype Uitlijning Verticale uitlijning Klasse Hoogte
U kunt in een tabel voor de rij bepalen of het een tabelkop, lichaam of voet is Deze uitlijning heeft te maken met hoe de tekst zich horizontaal positioneert Deze uitlijning heeft te maken met hoe de tekst zich verticaal positioneert Deze optie is niet benodigd Hier stelt u de hoogte in van de regel
Rij eigenschappen – Geavanceerd Id Stijl
Dit is het unieke ID van een rij De stijl wordt automatisch gevuld indien u gebruik maakt van de opties: Achtergrondafbeelding en achtergrondkleur.
Stijl (geavanceerd)
Hier kan code worden toegevoegd om de rij / cel zelf van padding etc. te voorzien.
Taalrichting Taalcode Achtergrondafbeelding Achtergrondkleur
Hiermee kan de taalrichting worden ingesteld van links naar rechts of andersom U kunt hier de taalinhoud inzetten, bijvoorbeeld: dutch, english, deutsch etc. Hiermee legt u een afbeelding of een logo in de achtergrond Een achtergrondkleur van de rij stelt u hier eenvoudig in Wanneer een achtergrond afbeelding is ingesteld werkt deze functie niet
Via de optie linksonder kunt u instellingen wederom toepassen op de huidige rij, of alle rijen etc.
33
Cel eigenschappen – Algemeen
Zoals u al heeft kunnen zien bij de Rij eigenschappen kunt u veel waarden e.d. instellen. Deze opties komen ook terug bij de Cel eigenschappen. Zo kunnen dus ook cellen voorzien worden van vaste waarden. Een goede tabel is op elk rij en cel ingesteld, kent een omschrijving en is volledig gedefinieerd.
AFBEELDINGSMAP(PEN) AANMAKEN (LINKJES OP EEN AFBEELDING) Linkjes plaatsen op een afbeelding is handig wanneer bijvoorbeeld medewerkers voorgesteld moeten worden. Wanneer het gehele team op een foto staat kan er middels deze optie een linkje op een bepaalde plek op de foto worden aangemaakt. In dit geval kunnen dus ook meerdere links op een afbeelding worden ingesteld. De optie wordt zichtbaar wanneer een afbeelding in de pagina is ingevoegd en deze door de muis wordt geselecteerd, dan licht er een extra icoontje op rechts naast de “bestanden manager”, zoals weergegeven in onderstaande afbeelding.
34
Wanneer op de button van de Afbeelding map manager wordt geklikt opent er direct een nieuw venster met daarin verschillende mogelijkheden.
Selecteer in de eerste kolom de optie naar wens (Cirkel/vierkant of meerhoek) die over de foto heen gelegd moet worden. Beweeg daarna met de muis over de afbeelding en klik daar waar de keuze ingesteld moet worden. Na de klik wordt de selectie actief en kan je vrij bewegen met de muis. De selectie volgt de muis en je bepaalt zo zelf hoe groot de cirkel etc mag worden. Door nog een keer te klikken met de muis stopt de selectie modus en staat de selectie vast. Dan kan er via de bovenstaande velden e.e.a. ingesteld worden. De velden bounding box en de selectie ernaast zijn verder niet van belang in dit traject.
Einde handleiding
35