Handleiding beheeromgeving

Transcriptie

1 Handleiding beheeromgeving Inhoud 1. Algemeen 2. Uitleg iconen beheeromgeving 3. Uitleg in de site gebruikte functionaliteiten 4. Hoe werkt de beheeromgeving 4a Muteren van teksten 4b Hyperlinks maken in tekst 4c Downloads invoegen in tekst 4d Illustraties toevoegen 4e Rechtstreekse aanroep 5. Hoe werkt de beheeromgeving 5a Algemene gegevens 5b Inhoud website 5b1 Muteren inhoud website 5c Losse tekstpagina s 5d Bestanden 5e Nieuws 5f Website onderdelen 5g Personeel 5h Zoekmachines 5i Disclaimer 6. Tot slot 1. Algemeen In de beheeromgeving van uw site kunt u uw site online aanpassen. U kunt uw kantoorgegevens updaten, teksten muteren, nieuws toevoegen, hyperlinks aanpassen, foto s laden, enzovoorts. Tip U kunt het beste in uw browser, het programma dat u gebruikt om te internetten (bijvoorbeeld Microsoft Internet Explorer) eerst uw beheeromgeving openen ( Vervolgens start u nogmaals uw browser op en opent u uw website ( U heeft nu zowel uw beheeromgeving als uw website in een venster geopend. U kunt nu eenvoudig switchen tussen beide vensters en de resultaten van uw aanpassingen direct in uw site bekijken.

2 Let op Een browser onthoudt eerder bezochte webpagina s en roept deze op uit het geheugen, indien u deze pagina opnieuw bezoekt. Heeft u mutaties doorgevoerd in de beheeromgeving en u wilt het resultaat ervan bekijken in uw website, dan dient u eerst uw site te vernieuwen. U doet dit door in uw browser op de knop Vernieuwen of Refresh te klikken. Blijft u de oude informatie zien, sluit dan alle browsers af en start vervolgens weer uw browser(s) op. DenK Internet Solutions

3 2. Uitleg iconen Verticaal links in de beheeromgeving Uw website opent zich in een nieuw venster. Handig om uw mutaties te bekijken U gaat naar de statistieken van uw website. De inloggevens zijn dezelfde als die van de beheeromgeving. U logt uit. Wij adviseren u altijd uit te loggen als u de beheeromgeving verlaat. U gaat weer naar de homepage van uw beheeromgeving. U kunt hier uw algemene gegevens muteren. Voor een nadere uitleg zie 5a. U kunt hier de inhoud van uw website muteren. Voor een nadere uitleg zie 5b. Losse pagina s: U kunt hier teksten toevoegen aan uw website zonder dat deze terugkomen in de navigatiestructuur. Voor nadere uitleg zie 5c. U kunt hier personeel toevoegen aan uw website. Voor een nadere uitleg zie 5g. Direct naar links: In de header (bovenbalk) van uw website staat een 'Direct naar' menu waarin de items zijn opgenomen die hieronder staan vermeld. U kunt, indien u dat wenst, deze items aanvullen of aanpassen. De items worden in het 'Direct naar' menu automatisch in alfabetische volgorde getoond. U kunt hier de twee wekelijkse nieuwsberichten muteren en eigen berichten toevoegen. Voor een nadere uitleg zie 5e. PTV-teksten beheren: U kunt hier de Productinformatie, Tips en Veelgestelde vragen muteren en eigen berichten m.b.t. Productinformatie toevoegen. Afbeeldingen: U kunt hier illustraties vanaf uw computer op de server van DenK plaatsen, zodat u de illustratie in uw website kunt opnemen. Tevens kunt u de illustraties bewerken (verkleinen, bijsnijden, draaien). Bestanden: U kunt hier nieuwe bestanden uploaden. Voor een nadere uitleg zie 5d. DenK Internet Solutions

4 3. Uitleg in de site gebruikte functionaliteiten Hieronder treft u een toelichting aan op een aantal in uw website gebruikte functionaliteiten. Let op: verwijder deze functionaliteiten niet. [multitag(create::getglobalvar name:: show::true)] Deze functionaliteit kan gevuld worden met verschillende items. Het staat onder andere op de homepage in het blok Ons kantoor en roept automatisch de adresgegevens aan die onder Algemene gegevens staan ingevuld. Indien u dus onder Algemene gegevens een mutatie doorvoert wordt deze automatisch verwerkt in uw website. [multitag(create::contactpagina)] Deze functionaliteit staat Contact > Adresgegevens en roept automatisch de NAW- en adresgegevens aan die onder Algemene gegevens staan ingevuld. Indien u dus onder Algemene gegevens een mutatie doorvoert wordt deze automatisch verwerkt op de contactpagina. [multitag(create::personeel)] Indien u personeel heeft toegevoegd onder Personeel dan roept u met deze functionaliteit het (foto-)overzicht aan. [multitag(create::googlemaps)] Deze functionaliteit staat indien u hier gebruik van maakt onder Contact > Route en haalt de adresgegevens op die onder Algemene gegevens staan ingevuld en zorgt ervoor dat de routeplanner van Google Maps wordt aangeroepen, waarbij de locatie van uw kantoor reeds is aangegeven. [multitag(create::tools tooltype::3 show::true)] Deze functionaliteit staat in het blok 2010 Premie berekenen Content bij Klantenservice > Premie berekenen en roept de afsluitmodules aan die DenK voor u heeft geplaatst. [multitag(create::tools tooltype::2 show::true)] Deze functionaliteit staat in het blok 2010 Offerte aanvragen Content bij Klantenservice > Offerte aanvragen en roept de offertemodules aan die DenK voor u heeft geplaatst. [multitag(create::tools tooltype::1 show::true)] Deze functionaliteit staat in het blok 2010 Mutaties doorgeven Content bij Klantenservice > Mutaties doorgeven en roept de mutatiemodules aan die DenK voor u heeft geplaatst. [multitag(create::tools tooltype::4 show::true)] Deze functionaliteit staat in het blok 2010 Handige rekentools Content bij Klantenservice > Handige rekentools en roept de rekenmodules aan die DenK voor u heeft geplaatst. DenK Internet Solutions

5 4. Uitleg What You See Is What You Get editor In de beheeromgeving wordt gebruikt gemaakt van een What You See Is What You Get editor. Deze editor maakt het u makkelijk om teksten online in uw website te muteren. De menubalk in de editor komt min of meer overeen met de menubalk van Word. De meeste symbolen van de menubalk spreken dan ook voor zich en behoeven geen nadere toelichting. Een paar symbolen worden hieronder nader toegelicht. HTML Switchen tussen de editormodus en de HTML-modus Kopiëren Plakken Invoegen van een hyperlink Illustratie uploaden, integreren en eventueel aanpassen Bestand uploaden, integreren en eventueel aanpassen Let op: Mutaties worden pas doorgevoerd nadat op Opslaan is geklikt rechts onder de editor. Tip: Heeft u enige HTML-kennis maak dan gebruik van de HTML-modus door op HTML te klikken. U kunt in deze modus HTML-codes gebruiken. Hieronder treft u toelichting aan op de meest voorkomende mutaties die in een website worden doorgevoerd. 4a Muteren van teksten Het muteren van teksten werkt hetzelfde als in Word. Wenst u een tekst op te maken, selecteer dan eerst de tekst die u wenst te editten en druk op de gewenste knop in de menubalk (bijvoorbeeld op B) en vervolgens op Opslaan. U kunt ook een tekst uit een ander document kopiëren en in de editor plakken. Let op: De vakinhoudelijke teksten die DenK Internet Services voor u verzorgt, worden geplaatst in een zogenaamd Kanaalblok (kijk voor een voorbeeld op een tekstpagina onder Particulier). Indien deze niet aangepast worden, worden deze automatisch twee maal per jaar geupdate. Tip: Plaats tekst wat in het programma Word is geschreven eerst in het programma Kladblok voordat u het in de website plaatst. Het programma Word plaatst ongevraagd tekens e.d. in de website. Hierdoor wordt het onderhoudt bemoeilijkt en de webpagina s onnodig traag. Het programma Kladblok filtert deze tekens e.d. er uit, zodat er schone tekst in de website geplaatst wordt. DenK Internet Solutions

6 4b Hyperlinks maken in tekst Selecteer de tekst die een link moet worden. Klik op Er opent zich een Link-menu waar u onder het tabblad Link invoegen/bewerken de URL van de gewenste link kunt invullen bij Link url, bijvoorbeeld Onder Doel kunt u aangeven in welk frame/venster de link zich moet openen. - Link in een nieuw venster openen, de site opent zich in een nieuw venster (meestal van toepassing) - Link in hetzelfde venster openen, de site opent zich in het venster van uw website (meestal niet aan te bevelen) Onder Titel kunt u aangeven wat er moet worden weergegeven als men met de muis op de link gaat staan. Ook is de Titel goed voor de vindbaarheid in zoekmachines. In het voorbeeld van kunt u als titel meegeven: DenK Internet Solutions. Klik op Invoegen en u heeft in de tekst een link toegevoegd. Vergeet niet om vervolgens op Opslaan te klikken om de link ook in uw website te verwerken. Let op: Heeft u eenmaal van een tekst een link gemaakt dan kunt u deze bewerken door de tekstlink te selecteren en op te klikken. DenK Internet Solutions

7 4c Bestand invoegen in tekst - Openen van het bestand in het venster van de website Selecteer de tekst die moet worden gelinkt aan een bestand. Klik op Selecteer het gewenste bestand door het bestand aan te klikken. Klik aan de linkerkant op Insert en het bestand is gelinkt aan de geselecteerde tekst. Het bestand wordt geopend in hetzelfde venster. - Openen van het bestand in een lightbox voor de website Voor het toevoegen van bestanden is ook een zogenaamde MultiTag beschikbaar. Hierdoor wordt het bestand geopend in een schermpje (een zogenaamde lightbox) voor de website. De MultiTag ziet er als volgt uit: [multitag(create::lightbox content::tekst wat gelinkt wordt aan het bestand href::/files/naam_bestand.pdf width:: height:: title::download hier ons tekst group::downloads wrapelement:: margin:: padding:: style:: show::true)] Uitleg: Het grijs gearceerde gedeelte in de multitag dient aangepast te worden: [multitag(create::lightbox content::tekst wat gelinkt wordt aan het bestand href::/files/naam_bestand.pdf width:: height:: title::download hier ons tekst group::downloads wrapelement:: margin:: padding:: style:: show::true)] content::tekst wat gelinkt wordt aan het bestand href::/files/naam_bestand.pdf title::download hier ons tekst Voorbeeld van het dienstverleningsdocument: [multitag(create::lightbox content::dienstverleningsdocument href::/files/dienstverlenin gsdocument.pdf width:: height:: title::download hier ons Dienstverleningsdocument group::downloads wrapelement:: margin:: padding:: style:: show::true)] 4d Illustraties toevoegen Ga met uw cursor in de tekst staan waar u de illustratie wenst toe te voegen. Klik op. Er opent zich een nieuw venster Image manager. Klik op het driehoekje rechtsonder de gewenste afbeelding. Klik vervolgens op Insert om deze in de website te plaatsen. U kunt nieuwe afbeeldingen aan de server toevoegen door rechtsbovenin op Upload te klikken, de gewenste illustratie op uw eigen computer te selecteren en te klikken op Upload. De illustratie wordt nu naar onze server gestuurd en verschijnt in het venster. Klik op Opslaan om de toevoeging definitief te maken. U ziet, nadat de wijziging is opgeslagen, de illustratie in de tekst staat. Let op: U dient voordat u een illustratie op de server plaatst de illustratie te hebben bewerkt. Zorg ervoor dat een illustratie niet zwaarder is dan zo n 80Kb om te voorkomen dat een site traag wordt. Het bewerken van illustraties kan in de beheeromgeving. Tip: Verwijder regelmatig niet gebruikte illustraties uit de editor door op Delete te klikken in het menu wat uitklapt als u op het driehoekje rechtsonder de betreffende foto klikt. DenK Internet Solutions

8 4e Illustratie bewerken U kunt illustraties in de beheeromgeving bewerken. Aan de linkerkant van het scherm staat de optie: Afbeeldingen Als u hierop klikt opent er zich een scherm voor de website. U kunt hier door rechtsbovenin op Upload te klikken een illustratie uploaden. Zodra de illustratie geupload is, is deze zichtbaar in het overzicht. Klik op het driehoekje rechtsonder de illustratie en klik op Edit. De foto opent zich nu in een scherm. Boven de foto zijn de volgende items zichtbaar: Crop : hiermee kunt u de foto bijsnijden Resize: hiermee kunt u de foto verkleinen Flip: hiermee kunt u de foto horizontaal of verticaal spiegelen Rotate: hiermee kunt u de foto 90, 180 of 270 graden draaien Crop: Boven de foto staan nu de volgende items: Top Left Width Height Constrain proportions Apply Cancel Top: Hoeveel pixels vanaf de bovenkant begint het bijsnijden Left: Hoeveel pixels vanaf de linkerkant begint het bijsnijden Width: Wat is de breedte van het gedeelte wat uitgesneden wordt Height: Wat is de hoogte van het gedeelte wat uitgesneden wordt Constrain proportions: Behouden van de proporties van de illustratie Apply: Als het bijsnijden akkoord is klikt u op Apply Cancel: Om het bijsnijden te annuleren Als u met de muis op de illustratie gaat staan kunt u door de muis ingedrukt te houden een vlak selecteren. Bovenin ziet u dan de verschillende items ingevuld staan. Resize: Boven de foto staan nu de volgende items: Width Height Constrain proportions Apply Cancel Width: Vul hier in hoe breedt de illustratie moet worden. De height wordt automatisch aangepast Height: Vul hier in hoe hoog de illustratie moet worden. De width wordt automatisch aangepast Constrain proportions: Deze is automatisch aangevinkt. Apply: Als het bijsnijden akkoord is klikt u op Apply Cancel: Om het bijsnijden te annuleren Flip: Boven de foto staan nu de volgende items: Horizontal Vertical Apply Cancel Horizontal: De illustratie wordt horizontaal gespiegeld Vertical: De illustratie wordt verticaal gespiegeld Apply: Als het bijsnijden akkoord is klikt u op Apply Cancel: Om het bijsnijden te annuleren Rotate: Boven de foto staan nu de volgende items: 90 : Om de illustratie 90 graden te draaien 180 : Om de illustratie 180 graden te draaien 270 : Om de illustratie 270 graden te draaien Apply: Als het bijsnijden akkoord is klikt u op Apply Cancel: Om het bijsnijden te annuleren DenK Internet Solutions

9 4f Rechtstreekse aanroep U kunt de verschillende pagina s in uw website rechtstreeks aanroepen. Handig voor als u bijvoorbeeld een mailing wenst te versturen over pensioen of uw relaties de klanttevredenheidsformulier wilt laten invullen op uw website. U kunt de hyperlink uit de url-balk van uw browser kopiëren en in uw mailing plakken. DenK Internet Solutions

10 5. Hoe werkt de beheeromgeving 5a Gegevens De eerste twee velden, Websitenaam en Extra tekst Websitenaam, die u aantreft onder algemene gegevens hebben betrekking op de tekst die boven in de browser wordt weergegeven. De overige velden hebben betrekking op uw NAW-gegevens. Muteer het gegeven in het betreffende veld en klik vervolgens op Wijzigen. De gemuteerde NAW-gegevens worden automatisch op uw website verwerkt, tenzij u destijds een afwijkende opmaak van de adresgegevens heeft verkozen en er derhalve geen gebruikt wordt gemaakt van de adresfunctionaliteit (zie 3). Dan dient u bij Contact-Adresgegevens en in het blok Ons kantoor (die onder andere op de homepage staat) handmatig uw adresgegevens te muteren. Let op: Geef adreswijzigingen ook altijd per mail door aan DenK. 5b Inhoud website De menustructuur onder (de inhoud van de website) is dezelfde als die in uw website. Items met een + ervoor hebben ook subonderwerpen. Door op de + en voor het betreffende item te klikken klappen de subonderwerpen uit en weer in. Een aantal onderdelen kunt u niet zelf muteren. Het betreffende blok is lichtgrijs en rechtsonderin staat het blokje. Als u met de muis op dat blokje gaat staan staat er: U kunt dit blok niet wijzigen, neem hiervoor contact op met DenK Internet Services Indien u vragen over een dergelijk onderdeel heeft, neem dan contact op met DenK. 5b1 Muteren inhoud website Klik op +, vervolgens op het item dat u wenst te muteren en zoek daarna het betreffende blok op dat aangepast dient te worden aan de rechterkant. Rechts onderin het blokje staan 2 items waaruit u kunt kiezen: en. Als u op klikt kunt u de inhoud van het blokje aanpassen. Als u op klikt kunt u het betreffende blokje koppelen aan verschillende pagina s. Onder 4a Muteren van teksten kunt u lezen hoe u een tekst kunt muteren. Naast de tekst kunt u hier de volgende zaken aanpassen - Titelbalk tonen: of u de titel van de tekst getoond wil hebben (bij het opnemen van alleen een plaatje is het soms prettiger dat de titel niet getoond wordt). - Titel van pagina: de tekst die in uw website bovenaan de pagina wordt getoond. - Actief: indien u actief op nee zet wordt dit blokje niet meer getoond op de pagina in uw website. DenK Internet Solutions

11 5c Losse tekstpagina s U kunt extra teksten aan uw website toevoegen die vanuit een bestaande pagina zijn aan te roepen. Als u een nieuwe losse pagina wilt aanmaken klik aan de rechterkant op (Als u met uw muis op dit teken gaat staan komt de volgende tekst naar voren: Losse pagina toevoegen) - Geef de Naam van het menu: dit is in de website de tekst waar op kan worden geklikt. - Geef de Paginatitel (SEO): dit is dezelfde tekst als de Naam, dit heeft te maken met de vindbaarheid van de pagina in diverse zoekmachines. - Geef de Navigatietitel (SEO): dit is dezelfde tekst als de Naam, alleen zonder hoofdletters, dit wordt de naam van de link (bijv. hierin is contact de Navigatietitel (SEO)). Actief: Door actief op ja te zetten is de tekst in uw website zichtbaar. Zet u deze op nee dan is de link dus niet zichtbaar. Blokkenopbouw overnemen: De nieuwe pagina krijgt de blokkenstructuur van de pagina die u hierin selecteert. U kunt deze structuur in uw website bekijken. U kunt de losse pagina vullen zoals in punt 5b1 wordt uigelegd. U kunt als volgt de losse tekstpagina vanuit een bestaande pagina aanroepen. U kunt in de adresbalk van de browser de link naar de tekstpagina kopiëren. Deze link ziet er bijvoorbeeld als volgt uit: U kopieert van de URL het volgende gedeelte: /contact U gaat via Inhoud website naar de pagina waarin u de losse tekstpagina wenst op te nemen. Zie 4b voor het aanmaken van een hyperlink in de tekst. Plak daar waar u onder het tabblad Informatie link de URL dient te geven de zojuist gekopieerde link (in casu: /contact). Volg verder de instructies onder 4b en de losse tekstpagina is gekoppeld. 5d Bestanden U kunt hier eigen bestanden op de server plaatsen zodat u deze als downloads in uw website kunt opnemen (zie 4c). Klik op Bestanden. Klik op Upload en vervolgens op Choose files om het gewenste bestand op uw computer te selecteren. Selecteer het bestand die opgeladen dient te worden. Klik op Upload to server. In het overzicht wordt het bestand weergegeven. Rechts bovenin staan nog een aantal opties. Om 1 van deze opties te selecteren dient u eerst bestand te selecteren die u wilt aanpassen / verwijderen etc. door op het blokje voor de bestandsnaam te klikken. Let op: Indien u een bestand van de server verwijdert wees er dan zeker van dat in de site geen koppeling meer naar het betreffende bestand aanwezig is. DenK Internet Solutions

12 5e Nieuws beheren U kunt hier bestaande nieuwsberichten muteren en/of nieuwe berichten aan uw website toevoegen. Toevoegen nieuwsbericht Klik op (nieuwsbericht toevoegen) rechts bovenin. Een nieuw venster verschijnt met de volgende invulvelden - Berichtlabel: Gaat het om een particulier / zakelijk bericht - Datum: Datum van het nieuwsbericht - Tijd: Tijdstip van het nieuwsbericht. De berichten in de website staat gesorteerd op datum en vervolgens op tijd. In het vraagtekentje achter de Tijd staat een extra toelichting. - E-news: Indien u een abonnement heeft op de E-Newsletter dan wordt, indien deze optie op Ja staat, dit bericht opgenomen in de E-Newsletter. - Tonen op website: U kunt hier aangeven of het bericht wel of niet getoond mag worden op de website. Door E-News op Ja te zetten en Tonen op website op Nee is het bericht uitsluiten benaderbaar vanuit de E-Newsletter. Het bericht wordt op de website niet getoond. - Bericht naar externe URL: U kunt het bericht vanuit de E-Newsletter ook naar een externe url laten linken, bijvoor een pagina in een andere website. Zet dan Tonen op website op Nee en Bericht naar externe url op Ja en vul de url in. U kunt dan uitsluiten de titel en het intro invullen, dit omdat dit in de e-newsletter getoond wordt. - Titel: De titel van het nieuwsbericht - Bij intro en tekst kunt u de inhoud van het bericht plaatsen. - Afbeelding uploaden: Zorg ervoor dat dit een liggende foto is, want de maat van de foto wordt automatisch verschaald. Dit i.v.m. de plaatsing op de website en de verzending van de E-Newsletter - Tonen op pagina: Door hier een pagina te selecteren wordt het nieuwsbericht (titel en intro) ook op de betreffende pagina getoond. Let op: plaats ook altijd een kort intro. De titel en de intro scrollen mee bij de nieuwsitems op de homepage. Het titel wordt automatisch in een dik gedrukt lettertype geplaatst. Muteren nieuwsbericht Klik op de titel van het betreffende nieuwsbericht of op Muteer het bericht en klik vervolgens op Opslaan. Verwijderen nieuwsbericht Klik op. 5g Personeel U kunt hier een (foto)overzicht van uw personeel aanmaken en d.m.v. de functionaliteit [multitag(create::personeel)] aanroepen op de door u gewenste plaats in uw website. Deze functionaliteit is standaard al ingebouwd op de pagina Ons kantoor- wie zijn u van dienst. Klik op Personeel en aan de rechterkant verschijnt een veld waarbij de invulvelden voor zich spreken. U kunt indien u dat wenst ook een foto van het personeelslid toevoegen. Door in het overzicht van de toegevoegde personeelsleden op ingevoerde gegevens muteren. te klikken kunt u de Door op te klikken kunt u een toegevoegd personeelslid verwijderen. DenK Internet Solutions

13 Als achter de naam staat, betekent dit dat er een foto bij het personeelslid staat. Let op: Voor een correcte weergave dient de foto van het personeel 100 pixels breed en 150 pixels hoog te zijn. Tip: Door de volgorde met 100, 200, etcetera aan te geven, kunt u eenvoudig een nieuw personeelslid tussenvoegen door bijvoorbeeld volgordenummer 150 te gebruiken. 6. Tot slot Indien u de volgende aanpassingen in uw website wenst door te voeren dient u contact op te nemen met DenK Internet Solutions: Uitbreiding hoofdnavigatie Uitbreiding subnavigatie Muteren naamgeving hoofd- en subnavigatie Muteren volgorde hoofd- en subnavigatie Muteren interactieve formulieren Muteren /toevoegen items balken (advies) Integratie tools DenK Internet Solutions (zie Integratie tools derden (bijvoorbeeld van verzekeraars) Heeft u vragen, opmerkingen of suggesties met betrekking tot uw website neem dan contact met ons op. DenK Internet Solutions Postbus AB TIEL Tel : Fax : support@denkis.nl Website: DenK Internet Solutions