Handleiding EasyWebmanager. Content Management Systeem versie 2.4

Transcriptie

1 Handleiding EasyWebmanager Content Management Systeem versie 2.4

2 Introductie Deze handleiding is een algemene handleiding. In deze handleiding wordt de basis van de EasyWebmanager besproken. Voor een handleiding van één van de modulen kan je terecht op de website van de EasyWebmanager, In deze handleiding wordt gebruik gemaakt van basis screenshots. Het is daarom mogelijk dat de screenshots uit deze handleiding iets verschillen van wat je voor je ziet. De EasyWebmanager is een Content Management Systeem, ook wel CMS genoemd. De kracht van een website met de EasyWebmanager is dat de vormgeving en inhoud gescheiden zijn, waardoor u met behulp van de Webmanager eenvoudig de inhoud van uw website kunt beheren zonder de layout te wijzigen. De Webmanager stelt je in staat om zonder technische kennis op een gestructureerde wijze de content (inhoud) van de website te beheren. De Webmanager zorgt ervoor dat de content op uniforme wijze wordt weergegeven op de website. Deze handleiding gaat in op het beheren van je website via de EasyWebmanager. 3

3 Inhoudsopgave EasyWebmanger 5 Inloggen 5 Wachtwoord vergeten 6 Website overzicht 7 Nieuwe pagina toevoegen 10 Pagina bewerken 11 Mijn gegevens 15 Editor 16 Functies van de editor 16 Tekstopmaak 17 Bewerkingen 18 Tabellen 18 Object invoegen 19 Weergave 19 Tekstplakken vanuit Word document 20 Anchor invoegen & bewerken 21 Een link toevoegen 22 Afbeeldingen toevoegen 24 Bestanden toevoegen (PDF, doc etc.) 27 Tabel toevoegen 29 Eigenschappen rij of cel aanpassen 31 Rijen of kolommen toevoegen 32 Rijen of kolommen verwijderen 32 EasyWebmanager tips 33 Een zachte en een harde enter 33 Je wordt na 60 minuten uitgelogd 33 Upload geen te grote afbeeldingen 33 4

4 EasyWebmanager Voor je kan starten met het beheren van jouw website zal je eerst moeten in loggen. Start een browser, als Internet Explorer, Firefox, Opera, Safari of Google Chrome, en voer het adres van jouw website in gevolgd door /webmanager. Het adres wordt dan bijvoorbeeld: Inloggen Wanneer de pagina geladen is zie je een inlogscherm. Het inlogscherm ziet er uit als de afbeelding hiernaast. Bij het inloggen wordt er om de inloggegevens gevraagd die door Webbureau Quite Easy zijn verstrekt. Wanneer je juist bent ingelogd dan kom je in het beheer gedeelte van de website. Het beheer gedeelte van de website wordt besproken in hoofdstuk 2.3 Website overzicht. LET OP Het is belangrijk dat je jouw persoonlijke logingegevens uitsluitend voor jezelf houdt. Wanneer je de gegevens aan derde verstrekt kunnen zij aan jouw website wijzigingen brengen. 5

5 Wachtwoord vergeten Het kan gebeuren dat je je wachtwoord bent vergeten of kwijt ben geraakt. Het is dan mogelijk om een nieuw wachtwoord aan te vragen. Dit doe je door op Wachtwoord vergeten? Vraag een nieuwe aan! te klikken onderaan in het inlogscherm. De pagina zoals hiernaast zal nu verschijnen. Voer je adres in waarmee je staat geregistreerd voor de EasyWebmanager. Wanneer je het juiste adres invoerd zal er een automatisch gegenereerd wachtwoord naar het opgegeven adres worden gestuurd. Wanneer je niet weet met welk adres je staat geregistreerd, laat ons dit dan weten via het contactformulier op de website of door te mailen naar Wij zullen u dan doorgeven met welk adres je staat geregistreerd. 6

6 Website overzicht Wanneer je correct bent ingelogd kom je in het overzicht van de website. Dit overzicht ziet er ongeveer uit als de afbeelding hieronder. In het overzicht zie je in één oogopslag hoe groot de website daadwerkelijk is en uit welke pagina s de website bestaat en welke wel en niet getoond worden. Vanuit het website overzicht is er mogelijkheid om nieuwe pagina s aan te maken, pagina s te bewerken, de volgorde van pagina s te wijzigen, publicatiestatus te wijzigen en of een menu-item actief of niet-actief moet zijn in het menu. Het overzicht is verdeeld in een aantal kolommen. Zo is er een navigatietitel, actief in menu, positie (niet altijd zichtbaar) en een online kolom. Verder zijn er twee links aanwezig namelijk nieuwe pagina en pagina bewerken en twee icoontjes om een preview van een pagina te bekijken of te verwijderen. Op de volgende bladzijde wordt uitgelegd wat de kolommen inhouden. navigatietitel De navigatietitel is de naam van het menu-item die op de website wordt weergegeven. 7

7 positie Het hoofdmenu en de submenu s zijn op een bepaalde volgorde weergegeven op de website. Het kan zijn dat er een nieuw menu-item aan de website wordt toevoegd. Dit menu-item wordt onderaan geplaatst. Om het menu-item op de juiste positie te krijgen ga je als volgt te werk. In de kolom navigatietitel staat een blokje voor de navigatitel. Wanneer je op het blokje van bijvoorbeeld home klikt, zullen alleen de menu-items getoond worden die onder home hangen. Je ziet nu alleen de items die zich in het hoofdmenu bevinden en er zijn blauwe pijltjes verschenen. Dit ziet er dan ongeveeer uit als de afbeelding hiernaast. Wanneer je bijvoorbeeld referenties boven kosten uit het voorbeeld wilt plaatsen, dan klik je op het blauwe pijltje van referenties. Het menu-item referenties zal nu boven het menu-item kosten worden geplaatst. Je kan zo vaak op het blauwe pijltje klikken totdat het menu-item op de gewenste positie staat. actief in menu In deze kolom wordt aangegeven of het menu-item wel of niet zichtbaar is in het menu van de website. Wanneer er een wordt weergegeven, dan zal het menu-item zichtbaar zijn in het menu op de website. Wanneer er een wordt weergegeven zal het menu-item niet zichtbaar zijn op de website. Om de zichtbaarheid aan te passen kan je op of klikken. Het aanpassen van de zichtbaarheid van het menu-item kan ook door op pagina bewerken te klikken van het betreffende menu-item. Op deze pagina kan dan bij menunaam status de zichtbaarheid worden aangepast. 8

8 online In deze kolom wordt aangegeven of de inhoud van de webpagina getoond wordt op de website. Wanneer er in de kolom een staat, dan zal de pagina zichtbaar zijn zowel voor de bezoekers van de website als voor de zoekmachines. Wanneer er een staat zal de pagina niet zichtbaar zijn voor de bezoekers, maar ook niet voor de zoekmachines. Dat betekent dat de betreffende pagina niet wordt opgenomen in de resultaten van de zoekmachine. Denk dus goed na wanneer u een pagina op niet-actief zet. Om de publicatie status aan te passen van de pagina kan je in het overzicht op of klikken van het betreffende menu-item. De status zal dan aangepast worden. De status is ook aan te passen door op pagina bewerken te klikken en de status bij Publicatiestatus van deze pagina te wijzigen. nieuwe pagina Wil je een nieuwe pagina aanmaken voor op de website? Klik dan op nieuwe pagina aanmaken. Meer informatie over het aanmaken van een nieuwe pagina, kan je vinden in het volgende hoofdstuk op bladzijde 10. pagina bewerken Wil je de eigenschappen van een bestaande pagina aanpassen? Klik dan op pagina bewerken. Meer informatie over het bewerken van een pagina kan je vinden in het hoofdstuk pagina bewerken op bladzijde 11. preview van de pagina Wanneer je een pagina eerst wilt bekijken voordat deze online geplubliceerd wordt, kan je gebruik maken van de preview icoon. Zorg ervoor dat de publicatiestatus van de pagina op niet tonen staat. Bezoekers van de website kunnen de pagina dan niet bekijken. Klik op het icoon van de pagina waarvan je een preview wilt zien. Een nieuw scherm zal dan openen met daarin de betreffende pagina. pagina verwijderen Een pagina is niet altijd te verwijderen. Wanneer een menu-item een submenu bevat, dan kan de pagina niet verwijderd worden. Alleen de pagina s die een hebben staan, kunnen verwijderd worden. Klik op het icoon om een pagina te verwijderen. Vervolgens verschijnt er een nieuwe pagina waarin de pagina definitief verwijderd kan worden. 9

9 Nieuwe pagina toevoegen Wanneer je een nieuwe pagina wilt toevoegen aan de website, klik dan op nieuwe pagina van home. Wil je een een sub-pagina aanmaken, klik dan op nieuwe pagina van de navigatietitel waar je een nieuwe pagina wilt aanmaken. Wanneer je op nieuwe pagina hebt geklikt dan zal je het onderstaande scherm te zien krijgen. Wanneer er op ja, pagina toevoegen geklikt wordt, dan zal er een nieuwe pagina worden toegevoegd. Hierna keer je terug naar het overzicht van de website. De nieuwe pagina die is toegevoegd, wordt weergegeven met een oranje kleur. Wanneer je geen pagina wilt toevoegen, klik dan op nee, niet toevoegen. Je keert dan terug naar het overzicht van de website zonder dat er iets gwijzigd is. Om de nieuwe pagina te voorzien van nieuwe content, zal de pagina bewerkt moeten worden. Hoe je een pagina kan bewerken, wordt op de volgende bladzijde uitgelegd. 10

10 Pagina bewerken Wanneer je een pagina wilt bewerken, klik dan in het website overzicht op pagina bewerken van het betreffende menu-item. Het scherm dat rechts staat afgebeeld zal dan getoond worden. Menunaam Geef een passende naam voor het menu-item. Zorg ervoor dat de naam, de content van de pagina weergeeft. De menunaam verschijnt in het menu van de website. Menunaam status Hier kan je aangeven of de menunaam wel of niet getoond moet worden in het menu op de website. Menupositie Met menupositie is het mogelijk om menu-items of gehele blokken te verplaatsen. Klik op wijzig menupositie om een item of blok te verplaatsen. Er zal nu een nieuwe pagina verschijnen met het overzicht van de website. Overal waar het item of blok geplaatst kan worden staat een link achter een menu-item van het overzicht. Hier kan bijvoorbeeld staan plaats in submenu van Over ons. Klik op een link naar keuze en je zal automatisch naar het websiteoverzicht terugkeren. Wanneer je nu op opslaan klikt zal het item of blok verplaatst zijn. 11

11 Soort pagina Geef hier aan om wat voor een soort pagina het gaat. Er is keuze uit twee soorten pagina s, namelijk: bewerkbare pagina en link pagina. Bewerkbare pagina Een bewerkbare pagina is een standaard pagina van de EasyWebmanager. Met een bewerkbare pagina heb je de mogelijkheid om teksten, afbeeldingen en links toe te voegen met behulp van de editor. Link pagina Wanneer er wordt gekozen voor een link pagina, zal er een gedeelte van de pagina verdwijnen en een nieuw veld, genaamd Link naar pagina, verschijnen. Voer in dit veld het adres van een website in (inclusief waarheen het menu-item moet linken. Wanneer nu een bezoeker van de website op dit menu-item klikt, zal deze naar een nieuwe website worden gestuurd. Paginatitel Geef hier een titel die de tekst van de webpagina goed omschrijft. Zorg ervoor dat de titel de bezoeker aanspreekt zodat de bezoeker de interesse krijgt om de tekst verder te lezen. Pagina script 1 & 2 Wanneer er scripts door de beheerder zijn geplaatst is het mogelijk om uit de lijst een script te kiezen. Zo kan een script een contactformulier zijn. Wanneer er bij pagina script 1 een script wordt gekozen, dan zal deze voor de pagina tekst worden geplaatst. Het script wat geselecteerd wordt bij pagina script 2, zal na de pagina tekst worden geplaatst. Paginatekst Plaats hier de tekst die op de website getoond moet worden. Het is mogelijk om met behulp van de editor de tekst op te maken. Verder is het mogelijk om afbeeldingen in de tekst toe te voegen. De mogelijkheden die de editor biedt zijn te lezen in het hoofdstruk De editor vanaf bladzijde

12 Browsertitel De browsertitel is een verplicht veld. De tekst die hier ingevoerd wordt zal links bovenin het browserscherm te zien zijn. Ook is deze tekst zichtbaar als titel in de zoekresultaten van de zoekmachines. Wanneer hier geen titel wordt ingevoerd, dan zal het de tekst overnemen dat bij Menunaam is ingevoerd. Het is belangrijk om hier een duidelijke titel te formulieren die duidelijk het onderwerp van de pagina weergeeft. Een goede titel kan ervoor zorgen dat potentiële bezoekers op de titel klikken in de zoekresultaten en zo op jouw website terecht komen. Korte pagina omschrijving Deze korte pagina omschrijving wordt ook wel de META-Description genoemd. Deze tekst is op de website zelf niet zichtbaar, maar onder de browsertitel in de zoekresultaten van de zoekmachines. Beschrijf hier kort waar de webpagina overgaat. Dit stukje tekst kan gezien worden als een kleine advertentie die wordt weergegeven op de pagina met de zoekresultaten van een zoekmachine. Zoekwoorden van pagina Plaats hier de belangrijkste zoekwoorden die voorkomen in de paginatekst. Zorg dat alle zoekwoorden gescheiden worden door een komma. Bijvoorbeeld: zoekwoord 1, zoekwoord 2, zoekwoord 3 etc. Let op dat de zoekwoorden die hier worden geplaatst, ook voorkomen in de tekst dat bij Pagina tekst is geplaatst. Robots Hier geef je aan hoe een robot van een zoekmachine zich moet gedragen. Er kan gekozen worden uit vier keuzes. Hieronder staan de vier keuze uitgelegd: index, follow Wanneer je kiest voor index, follow dan zal de robot van de zoekmachine de pagina indexeren en zal ook alle links op deze pagina volgen. index, no-follow Wanneer je kiest voor index, no-follow dan zal de robot van de zoekmachine de pagina indexeren, maar zal de links op deze pagina niet volgen. 13

13 no-index, follow Wanneer je kiest voor no-index, follow dan zal de robot van de zoekmachine de pagina niet-indexeren, maar zal de links van deze pagina wel volgen. no-index, no-follow Wanneer je kiest voor no-index, no-follow dan zal de robot van de zoekmachine de pagina niet-indexeren en zal de links op deze pagina niet volgen. Bij deze optie zal de pagina helemaal niet voorkomen in de zoekresultaten. Weergave in url In dit veld heb je de mogelijkheid om zelf een waarde in te voeren dat in het webadres van de browser wordt getoond. Wanneer je in dit veld bijvoorbeeld contact invoerd, dan zal er in het webadres bijvoorbeeld het volgende verschijnen: Wanneer er geen waarde ingevoerd wordt, dan zal de waarde wat bij Menunaam is ingevoerd worden overgenomen. Zorg ervoor dat hier geen vreemde tekens worden ingevoerd. Publicatie status van deze pagina Hier kan je aangeven of de website getoond moet worden op de website.. LET OP! Wanneer je aangeeft dat de webpagina niet getoond mag worden op de website, dan zal deze door de zoekmachines niet gevonden worden even als door bezoekers van de website. Wanneer een bezoeker naar deze pagina zal gaan zal de bezoeker een foutmelding krijgen dat de pagina niet bestaat. Je kan de pagina op niet publiceren zetten wanneer deze pagina nog getest moet worden. Via de EasyWebmanager is het wel mogelijk om een preview van de pagina te bekijken. Interne opmerkingen Hier kan je opmerkingen plaatsen. Deze opmerkingen zijn niet zichtbaar op de website en zijn alleen voor intern gebruik. 14

14 Mijn gegevens Wanneer je bent ingelogd, zie je rechtsbovenin een link mijn gegevens staan. Wanneer je hier op klikt dan zie je het volgende scherm: Onder Algemene gegevens kan je het adres aanpassen waarmee je staat aangemeld. Onder het kopje Wachtwoord wijzigen kan je het wachtwoord wijzigen in een zelf gekozen wachtwoord. Voer tweemaal het nieuwe wachtwoord in. Wanneer je dit hebt gedaan klik je op wachtwoord wijzigen. Wanneer het wachtwoord succesvol is gewijzigd, zal er een melding van worden weergegeven. 15

15 Editor Met de editor van de EasyWebmanager is het mogelijk om snel en eenvoudig content te creëren en te bewerken. De editor lijkt erg op de bediening van tekstverwerkers als Microsoft Office en Open Office en het is daarom vrij eenvoudig om met deze editor te werken. De editor bestaat uit drie delen. Het bovenste gedeelte zijn de werkbalken met alle beschikbare functies van de editor. Het middelste gedeelte is de content van de pagina waaraan je werkt en onderaan de editor vindt je de statusbalk. Functies van de editor Werken met de editor van de EasyWebmanager komt sterk overeen met wat je misschien gewend bent van een tekstverwerker. Het aanpassen van de opmaak van de tekst dient altijd met geselecteerde tekst gedaan te worden. Tekst kan geselecteerd worden door op een woord dubbel te klikken of door de linkermuis in te drukken en ingedrukt te houden en dan tekst selecteren, door te slepen, die een andere opmaak dient te krijgen. De werkbalk bevat vele knoppen om de opmaak aan te passen, afbeeldingen of links toe te voegen. Het uitvoeren van verschillende functies dient eenvoudig uitgevoerd te worden door op de betreffende knoppen te klikken. Op de volgende bladzijde vindt je een overzicht van de beschikbare knoppen die in de editor van de EasyWebmanager beschikbaar zijn. 16

16 Tekstopmaak Geselecteerde tekst vet (bold) maken Geselecteerde tekst cursief (italic) maken Geselecteerde tekst onderstrepen (underline) Geselecteerde tekst of tekstblok uitlijnen naar links Geselecteerde tekst of tekstblok centreren Geselecteerde tekst of tekstblok uitlijnen naar rechts Geselecteerde tekst of tekstblok uitlijnen over de gehele breedte Invoeren of geselecteerde tekst omzetten in een ongeordende lijst of opsomming Invoeren of geselecteerde tekst omzetten in een geordende lijst of opsomming Verandert de geselecteerde tekst in subscript Verandert de geselecteerde tekst in superscript Het wijzigen van de tekstkleur Het wijzigen van de achtergrondkleur van de tekst Inspringniveau van het gekozen tekstfragment vergroten. Inspringniveau van het gekozen tekstfragment verkleinen. 17

17 Bewerkingen Selectie knippen Selectie kopieren Plakken als platte tekst De laaste bewerking ongedaan maken. De toetscombinatie CRTL-Z doet hetzelfde De laatste bewerking opnieuw uitvoeren Zoeken in de tekst die in de editor geplaatst is Zoeken naar opgegeven zoekterm en vervangen door een opgegeven tekst Tabellen Voegt een nieuwe tabel in op de huidige positie in te tekst Een rij voor de huidige rij invoegen Een rij na de huidige rij invoegen De huidige rij uit de tabel verwijderen Een kolom toevoegen voor de huidige kolom Een kolom toevoegen na de huidige kolom De huidige kolom uit de tabel verwijderen Aanpassen van de eigenschappen van de huidige tabel cel Aanpassen van de eigenschappen van de huidige tabel rij De huidige of geselecteerde cel splitsen in meerdere cellen De geselecteerde cellen samenvoegen 18

18 Object invoegen Invoegen van een link Verwijdert alle gevonden links uit de tekstselectie Anker aan de tekstselectie toekennen of wijzigen Het toevoegen van een afbeelding Het toevoegen van een media bestand als een filmpje of flash applicatie Het invoegen van een horizontale lijn Het invoegen van speciale tekens Het toevoegen van een citaat (blockquote) Weergave Bekijk de content in de editor als HTML code 19

19 Tekst plakken vanuit een (Word) document of internet Wanneer je tekst uit een document of vanaf internet in de editor plakt dan kan er ongewenste opmaak code meegeplakt worden. Deze ongewenste code kan ervoor zorgen dat de website er anders uitkomt te zien dan is bedoeld. Zo kan de geplaatste tekst een andere lettertype of grootte hebben dan bedoeld is. Verder is het niet goed voor de techniek van de website. De ongewenste code voldoet namelijk niet aan de webstandaarden en kan hierdoor fouten in de browsers opleveren. Om dit te voor komen kan je twee verschillende dingen doen: Tekst plakken met behulp van de editor Om tekst zonder opmaak te plakken in de editor ga je als volgt te werk. De vierde icoon van links op de tweede rij zorgt ervoor dat de tekst geplaatst wordt zonder enige opmaak. Klik op het icoon en er zal een venster verschijnen. Plak in dit venster de tekst die in de editor geplaatst moet worden en klik dan met de muis op invoegen. Tekst plakken met behulp van notepad Wanneer het niet lukt om op bovenstaande manier tekst te plakken in de editor, dan kan je het proberen met behulp van notepad. Open notepad en plak de tekst hierin. Kopieer vervolgens de tekst en plak deze direct in de editor. Nu zal de tekst worden geplaatst zonder enige opmaak code. Je zal zelf opmaak moeten toevoegen als enters, koppen, tekstkleur etc. 20

20 Anchor invoegen en bewerken Een anchor is een link die binnen dezelfde pagina naar een stuk verwijst. Anchors worden gebruikt bij lange teksten. Er wordt eerst met anchors een overzicht gegeven in welke delen de tekst is opgesplits. Wanneer er op een anchor wordt geklikt dan zal er naar het betreffende stuk tekst worden gesprongen die gelinkt is aan de anchor. Anchor toevoegen Zet de cursor op de plaats waarheen gelinkt moet worden. De bezoeker komt op deze plek uit wanneer deze op de link heeft geklikt. Wanneer de cursor op de juiste plek staat, klik dan op het icoon. Er zal een klein venster verschijnen. Voer hier de ankernaam in en klik op invoegen. De anker is nu geplaatst, alleen moet er nog een link aangemaakt worden die naar de aangemaakte anchor verwijst. Selecteer de tekst die naar de anchor moet verwijzen en klik op het icoon. Het scherm hiernaast zal verschijnen. URL Voer hier het adres in van de webpagina. Het adres kan je vinden in de browser waar de url wordt ingevoerd. Voer dit adres bij url in zonder het domeinnaam. Voorbeeld: De url is voorbeeld. Voer dan bij url voorbeeld in. 21

21 Ankers Kies uit de lijst de anchor waarnaar gelinkt moet worden. Nadat er gekozen is zal er in url een # verschijnen met de naam van de anchor. Zorg ervoor dat voor het # de naam van de pagina staat. Bijvoorbeeld /voorbeeld#anchor. Doel Het is verstandig om het doel op In dit venster / frame openen te houden. Dit is namelijk het gebruiksvriendelijkst voor de bezoeker. De bezoeker zal dan op dezelfde pagina blijven. Titel Voer hier een titel in dat de inhoud van het stukje tekst beschrijft waarnaar gelinkt wordt. Wanneer je dit hebt ingevoerd, klik je op invoegen. Nu is er een anchor aangemaakt waar ook naar gelinkt wordt. Een link toevoegen Selecteer de tekst waarvan een link gemaakt moet worden die naar een andere pagina binnen de website verwijst of naar een andere website. Wanneer je de tekst hebt geselecteerd, klik je op het icoon. Vervolgens zal het scherm zoals hiernaast verschijnen. URL Voer bij url het gehele adres in waarnaar toe gelinkt moet worden. Bijvoorbeeld: 22

22 Doel Kies bij doel of de nieuwe pagina in hetzelfde venster geopend moet worden of in een nieuwe venster. Wanneer het een link betreft binnen de website zelf, kies dan voor In dit venster / frame openen. Betreft het een link naar een andere website, kies dan voor in nieuw venster openen (_blank). Titel Voer hier een korte omschrijving van het onderwerp van de pagina waarnaar toe gelinkt wordt. Klik op invoegen en de link zal in de editor toegevoegd zijn. 23

23 Afbeeldingen toevoegen Het is mogelijk om met behulp van de editor een afbeelding in de tekst toe te voegen. Wanneer je een afbeelding wilt toevoegen klik dan op het icoon. Er verschijnt vervolgens een scherm, klik op het icoon en het onderstaande scherm zal verschijnen. In het scherm zie je een overzicht van alle afbeeldingen die in het verleden op de website zijn geupload. Het kan zijn dat er geen afbeeldingen in het venster te zien zijn. De afbeelding is dan nog niet aanwezig die je in de tekst wilt plaatsen. De afbeelding zal dan eerst geupload moeten worden. Om een afbeelding toe te voegen, klik je op het tabblad Upload. Op de volgende bladzijde zie je een afbeelding van het venster dat getoond zal worden. 24

24 Klik op de knop Bladeren onderin en kies de afbeelding die toegevoegd moet worden. Het is mogelijk om meerdere afbeelding in één keer te uploaden. Klik dan nogmaals op Bladeren en kies de afbeelding die je verder nog wilt uploaden. Wanneer alle afbeeldingen zijn geselecteerd, klik dan onderin op Upload. Wanneer de bestanden succescvol zijn geupload zal er een melding van worden weergegeven. De geslecteerde bestanden zijn nu toegevoegd aan het overzicht. Mocht er een melding worden gegeven dat het uploaden niet is gelukt doordat je geen rechten hebt. Neem dan contact met ons op door te mailen naar Klik nu op het tablad Bladeren. Je ziet nu de afbeeldingen die net zijn toegevoegd. Klik op de afbeelding die in de tekst geplaatst dient te worden. Je zult vervolgens teruggaan naar het kleine scherm waar je nu ook de afbeelding ziet. 25

25 Voer in het kleine scherm bij Beschrijving een duidelijke beschrijving van de afbeelding in. Voer deze beschrijving ook in bij Titel. Het is mogelijk om de afbeelding extra eigenschappen mee te geven om zo de afbeelding optimaal op de webpagina weer te geven. Om extra eigenschappen aan de afbeelding te geven klik je op het tabblad Weergave. Je ziet dan het scherm dat hiernaast is afgebeeld. Uitlijning Hier kan je kiezen hoe de afbeelding uitgelijnd moet worden. Wanneer de afbeelding links van de tekst weergegeven moet worden kies je voor links en wanneer de afbeelding rechts van de tekst weergegeven moet worden kies je voor rechts. Verticale ruimte Geef aan hoeveel marge de afbeelding moet hebben aan de boven- en onderkant. Horizontale ruimte Geef aan hoeveel marge de afbeelding moet hebben aan de linker- en rechterkant. Rand Geef aan of de afbeelding een rand moet bevatten. Hoe hoger het getal hoe dikker de rand zal zijn. Wanneer alle eigenschappen naar wens zijn ingevoerd klik je op Invoegen. De afbeelding zal nu in de tekst worden geplaatst. 26

26 Bestanden toevoegen (PDF, doc etc.) Via de editor van de EasyWebmanager is het mogelijk om bestanden op de server te uploaden en deze aan te bieden als download. In dit hoofdstuk wordt uitgelegd hoe je bestanden kan uploaden en als download kan aanbieden door middel van een link. Plaats al eerst de tekst of afbeelding waar een link van gemaakt moet worden om zo het bestand als download aan te bieden. Selecteer dan de tekst of afbeelding en klik op het link icoon. Vervolgens zal het kleine scherm zoals hiernaast weer verschijnen. Klik weer op het kleine vierkantje om nu een bestan dte gaan uploaden. Je komt eerst in het overzicht met alle bestanden die al zijn geupload. Het kan ook zo zijn dat er nog geen bestanden beschikbaar zijn omdat deze nog niet zijn geupload. Het venster dat verschijnt is zo goed als hetzelfde als wanneer je een afbeelding gaat uploaden. Klik nu op het tabblad Upload. Het scherm op de volgende bladzijde verschijnt nu. 27

27 Klik nu onderaan in het venster op de knop Bladeren en kiest het bestand dat je wilt uploaden. Dit kan je nog een paar keer herhalen wanneer je meerdere documenten wilt uploaden. Wanneer alle documenten in het venster staan klik je op Upload rechtsonderaan in het venster. De bestanden worden nu geupload. Wanneer dit goed is gegaan zal hier een melding van gemaakt worden. Dit zal ook gebeuren wanneer dit niet het geval is. Wanneer er een melding wordt gegeven dat je geen rechten hebt, laat ons dit dan weten via Wanneer het is goed gegaan, klik je op het tabblad Bladeren. Je ziet nu de bestanden die je hebt geupload. Klik nu het bestand aan dat toegevoegd moet worden aan de editor. Je keert nu terug naar het kleine scherm. Kies bij doel de optie In nieuw venster openen (_blank). Wanneer een bezoeker van de website de link van het document aanklikt zal deze in een nieuw venster openen. Je hebt nu een bestand geplaatst en deze als download aangeboden. 28

28 Tabel toevoegen Met de editor is het mogelijk om een tabel toe te voegen. Om een tabel toe te voegen klik je op het icoon. Vervolgens zal het scherm openen wat hiernaast staat afgebeeld. Kolommen en rijen Voer hier het aantal rijen en kolommen in dat de tabel moet bevatten. Ruimte in en om een cel Geef in het veld ruimte in cel aan hoeveel ruimte er om de tekst heen moet komen. Geef aan bij Ruimte om cel aan hoeveel ruimte er moet zijn tussen de cellen. Uitlijning Bij uitlijning kan je aangeven hoe de tabel uitgelijnd moet worden ten opzichte van de andere tekst dat in de editor getoond staat. Er kan gekozen worden uit: links, centreren en rechts. Rand Hier is het mogelijk om aan te geven of de tabel een rand moet bevatten. Wanneer de tabel geen rand moet omvatten, voer hier dan een 0 in. Wanneer de tabel bijvoorbeeld een rand van 2 pixels moet bevatten, voer hier dan een 2 in. 29

29 Breedte en hoogte Geef hier aan hoe breed en hoog de tabel mag zijn. In het veld kunnen % en pixels worden ingevoerd. Wanneer er wordt gekozen voor %, dan moet dit aangegeven worden, zoals 100%. Bij pixels hoeft dit niet aangegeven worden. Let hier wel op dat de tabel niet breder is dan het blok waar de tekst in getoond wordt op de website. Dit kan namelijk de layout beïnvloeden. Klasse Om een extra opmaak aan de tabel te geven of juist een opmaak te negeren kan er voor een klasse worden gekozen. Wat al deze klasses inhouden kan je lezen in het hoofdstuk Stijlen en klassen op bladzijde... Tabelbeschrijving Vink dit vakje aan wanneer je bovenaan de tabel een beschrijving wilt plaatsen. Wanneer het vakje is aangevinkt zal er een extra rij bovenaan de tabel worden gezet, waar de titel en/of omschrijving van de tabel geplaatst kan worden. 30

30 Eigenschappen rij of cel aanpassen Het is mogelijk om de rijen of cellen van een tabel op te maken. Om de eigenschappen van een rij of cel aan te passen, moet je eerst met de cursor in de rij of cel staan die aangepast moet worden. Om nu de eigenschappen van deze rij te zien, klik je voor een rij op het icoon en voor een cel op het icoon. Vervolgens zal er een ssort gelijk scherm zoals hiernaast verschijnen. Uitlijning Geef hier aan hoe de tekst in deze rij uitgelijnd dient te worden. Er zijn drie keuzes, namelijk: links, rechts en centreren. Verticale uitlijning Hier kan je aangeven hoe de rij verticaal uitgelijnd moet worden. Je kan kiezen voor: boven, centreren en home. Verticaal uitlijnen kan je gebruiken wanneer de ene cel qua hoogte groter is dan de andere. Om de tekst toch op een dezelfde hoogte te krijgen kan je bijvoorbeel boven kiezen. De tekst zal dan altijd bovenin de cel staan. Breedte (alleen zichtbaar bij een cel) Voer hier in hoe breed een cel mag zijn. De waarde is in pixels. Hoogte Voer hier in hoe hoog een rij of cel mag zijn. De waarde is in pixels. Randkleur (alleen zichtbaar bij een cel) Geef hier eventueel aan welke kleur de rand moet hebben van de cel 31

31 Achtergrondkleur Kies hier de achtergrondkleur door op het colorpicker. icoontje te klikken en een kleur te kiezen met behulp van de Kies in de lijst onderaan welke rijen met de ingevoerde eigenschappen bewerkt moeten worden. Je kan kiezen uit: huidige, even, oneven en alle rijen bewerken. Rijen of kolommen toevoegen Na het maken van een tabel kan het zijn dat er op een later moment een rij of kolom aan de website toegevoegd moet worden. Wanneer er een nieuwe rij toegevoegd moet worden ga je eerst met de cursor in een rij staan waar de nieuwe rij moeten komen. Wanneer er een nieuwe rij boven de rij moet komen klik je op het icoon en wanneer er een nieuwe rij eronder moet komen, klik je op het icoon.. Wanneer er een nieuwe kolom geplaatst moet worden ga je met de cursor in een cel staan waar de kolom naast moet komen te staan. Wanneer de kolom links geplaatst moet worden klik je op het icoon en wanneer de kolom rechts geplaatst moet worden klik je op het icoon. Rijen of kolommen verwijderen Het kan zijn dat er een keer een kolom of rij uit een tabel verwijderd moet worden. Ook dit is eenvoudig via de editor te doen. Ga met de cursor in de rij staan die verwijderd moet worden. Klik hier na op het icoon. Voor een kolom geldt hetzelfde. Ga met de cursor in de kolom staan die verwijderd moet worden en klik dan op het icoon. De betreffende rij of kolom wordt dan verwijderd. 32

32 EasyWebmanager Tips Een zachte en een harde enter In de editor is het mogelijk om een harde en een zachte enter te geven. Met een harde enter wordt er een nieuwe paragraaf begonnen. Er zal dan ook ruimte zijn tussen de nieuwe regel en de vorige regel. Een harde enter wordt gegeven met de Enter toets. Soms is het noodzakelijk om op een nieuwe regel binnen een paragraaf te beginnen. Er mag dan geen ruimte tussen de nieuwe en de vorige regel zijn. Dit noemen we een zachte enter. Een zachte enter kan geplaatst worden door de Shift toets ingedrukt te houden en dan op de Enter toets te drukken. Je wordt na 60 minuten uitgelogd Rechtsboven in de EasyWebmanager is een klok te zien die aftelt. Dit is de tijd die je als gebruiker nog over hebt en ingelogd blijft. Steeds wanneer er een nieuwe pagina wordt geopend zal de teller opnieuw beginnen met aftellen. Wanneer je een pagina gaat bewerken, heb je dus 60 minuten voordat je automatisch wordt uitgelogd. Wanneer je wat anders gaat doen, is het dus belangrijk dat je je werk opslaat. Anders is het mogelijk dat dit verloren gaat. Upload geen grote afbeeldingen Let op dat je geen te grote afbeeldingen upload via de editor. Het kan zijn dat daardoor de editor de afbeeldingen niet meer weergeeft. Mocht dit het geval zijn, laat dit ons dan weten via Een andere reden om niet te grote afbeeldingen te gebruiken is dat je website een stuk trager wordt. Zorg er dan ook voor dat je je afbeelding eerst verkleind. Je kan dit al doen door de afmetingen van de afbeeldingen aan te passen naar het juiste formaat. 33