Handleiding NBVA-Webformulesite 2.0

Transcriptie

1 Handleiding NBVA-Webformulesite 2.0 Inhoud 1. Algemeen 2. Structuur beheeromgeving 2a Posities 2b Inhoud 2c Extra 3. Hoe werkt de WYSIWYG-editor? 3a Wijzigen van teksten 3b Nieuwsberichten plaatsen 3c Kop en voetteksten toevoegen 3d Personeelsleden toevoegen 3e Extra navigatie toevoegen 3f Hyperlinks maken 3g Downloads toevoegen 3h Illustraties toevoegen 4. Tot slot 1. Algemeen In de administratieve omgeving van uw site kunt u uw site online aanpassen. U kunt uw kantoorgegevens updaten, teksten wijzigen, 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 of Mozilla FireFox) eerst uw administratieve omgeving openen ( Vervolgens start u nogmaals uw browser op en opent u uw website ( U heeft nu zowel uw administratieve omgeving 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. Let op Een browser onthoudt eerder bezochte webpagina s en roept deze op uit het geheugen, indien u deze pagina opnieuw bezoekt. Heeft u wijzigingen doorgevoerd in de administratieve omgeving 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. Maakt u gebruik van Mozilla FireFox als browser dan dient u de knop shift in te houden en vervolgens op Reload te klikken. Blijft u de oude informatie zien, sluit dan alle browsers af en start vervolgens weer uw browser(s) op. U kunt in de beheeromgeving navigeren door op de items in de linker balk te klikken. Items met een + ervoor hebben ook subonderwerpen. Door op het betreffende item te klikken klappen de subonderwerpen uit en weer in.

2 2. Structuur beheeromgeving In de linker balk van uw beheeromgeving treft u de volgende indeling aan: Posities, Inhoud en Extra. Op deze indeling wordt hieronder nader ingegaan. 2a. Posities Start: door hier op te klikken komt u weer op de homepage van de beheeromgeving + Algemeen: door hier op te klikken krijgt u de volgende subonderwerpen te zien: Linker balk: Hier kunt u uw adresgegevens wijzigen Onderbalk: Hier kunt een tekst in de balk onder het tekstvlak plaatsen en wijzigen Rechter balk: Hier kunt u zelf geen aanpassingen in doorvoeren. In de rechter balk worden bijvoorbeeld banners, de renteticker, logo s van organisaties e.d. geplaatst. Doordat dit zaken zijn die HTML-kennis vereisen dient u voor aanpassingen in deze balk contact op te nemen met DenK Internet Services. Disclaimer: In uw website staat standaard een disclaimer. U kunt hier de tekst eventueel aanvullen of aanpassen Zoekmachine: Websites maken gebruik van metatags om de vindbaarheid voor zoekmachines te vergroten. U kunt hier zelf eigen metatags aan de reeds aanwezige tags toevoegen. Ook kunt u de algemene omschrijving eventueel aanpassen. Nieuws: U hier de nieuwsberichten die DenK voor u verzorgt eventueel aanpassen, maar ook eigen nieuwsberichten aan uw website toevoegen. 2b. Inhoud De items onder Inhoud volgen de navigatie van uw website. U treft hier dus dezelfde items in dezelfde volgorde aan als de hoofdnavigatie in de linker balk van uw website, met uitzondering van het item Homepage Klikt u op een item in de beheeromgeving dan klappen de subitems uit zoals in uw website de subnavigatie uitklapt. Is er bij een subitem ook een sub-subitem aanwezig (bijvoorbeeld Particulier-Wonen-Offerte) dan wordt deze direct getoond. De sub-subitems worden in uw website bij het betreffende onderwerp getoond in de balk boven het tekstvlak. Klik op een subitem en uw ziet in het tekstvlak van uw beheeromgeving dezelfde pagina als u in uw website aantreft. Homepage: door hier op te klikken krijgt u de volgende subonderwerpen te zien: Tekst: U kunt hier de tekst van de homepage aanpassen Foto: U kunt hier de foto van de homepage vervangen. De vereisten voor deze foto zijn 205 bij 161 pixels 2c. Extra Handleidingen: Illustraties: Bestanden: Site: Statistieken: Hier treft u de handleiding ten behoeve van uw beheeromgeving en de statistieken aan. Hier kunt u illustraties als foto s en logo s uploaden Hier kunt u bestanden uploaden Een link naar uw website. Deze opent zich in een nieuw venster Een link naar de online statistieken van uw website. De statistieken openen zich in een nieuw venster DenK Internet Services

3 3. Hoe werkt de WYSIWYG-editor? De What You See Is What You Get editor maakt het u makkelijk om teksten online in uw website te wijzigen. De menubalk in de editor komt 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 Verwijdert MSOffice tags uit geselecteerde tekst. Maakt wijzigingen ongedaan. Selecteer eerst de tekst die u heeft gewijzigd. Klik op dit symbool en de wijziging wordt ongedaan gemaakt. Geeft de stijl (vet, cursief, kleur e.d.) aan van de (geselecteerde) tekst Uploaden en invoegen van downloads. Maakt een horizontale streep over gehele breedte van de pagina Invoegen van een hyperlink Illustratie uploaden, integreren en eventueel aanpassen Toevoegen tabel. Toepassing voor gevorderden. Switchen tussen de editormodus en de HTML-modus Editor vergroten en weer verkleinen Let op: Wijzigingen worden pas doorgevoerd nadat op OK is geklikt links onder de editor. Let op: In de editor wordt 1 enter in 2 enters vertaald. Wilt u slechts 1 enter geven dan kunt u dat doen door tegelijkertijd de knoppen Shift en Enter in te drukken. Hieronder treft u toelichting aan op de meest voorkomende wijzigingen die in een website worden doorgevoerd. 3a Wijzigen van teksten Selecteer eerst de tekst die u wenst te editten en druk vervolgens op de gewenste knop in de menubalk. Maak een wijziging ongedaan door de tekst te selecteren en op te klikken. Indien u een tekst uit een ander document in de editor kopieert kan het zijn dat de opmaak van de tekst niet helemaal naar wens is. Selecteer de tekst en klik op. DenK Internet Services

4 Een andere optie is door voordat u de tekst plakt eerst switcht naar de HTML-modus. Plak de tekst en switch weer terug naar de editor modus door opnieuw op te klikken. Let op: De vakinhoudelijke tekst die DenK Internet Services voor u verzorgt worden automatisch twee maal per jaar geupdate. Tip: Plaatst uw toevoeging bij kop- of voettekst (zie 3c). Deze toevoegingen blijven staan, indien DenK de update verzorgt. 3b Nieuwsberichten plaatsen Klik op het onderdeel Nieuws onder Posities. In het tekstvlak verschijnt het overzicht van reeds aanwezige nieuwsberichten. Klik op Bericht toevoegen. Geef het bericht een titel Selecteer het label van het bericht. Ons profiel, Particulier of Bedrijf. Het bericht wordt in uw website op de geselecteerde nieuwspagina getoond. Selecteer eventueel het onderwerp waar het bericht betrekking op heeft. Het nieuwsbericht wordt dan ook op deze onderwerppagina getoond. Plaats uw intro en tekst en klik vervolgens op OK. Het nieuwsbericht is geplaatst. Voor het bewerken van de tekst zie 3a. Let op: Hou het intro altijd kort, maximaal twee regels. 3c Kop en voetteksten toevoegen Ga in de beheeromgeving naar de pagina waar u een kop- of voettekst aan wenst toe te voegen. Klik op Koptekst & Voettekst bovenaan de pagina. In het tekstvlak verschijnen twee editors. Een voor de koptekst en 1 voor de voettekst. Plaats uw tekst en klik op Ok links onder. 3d Personeelsleden toevoegen Klik op het onderdeel Ons profiel - Wie zijn wij Personeel. In het tekstvlak wordt het overzicht getoond van de personeelsleden, indien aanwezig. Klik op nieuw. Vul naam, functie, omschrijving, telefoon en in. Geef een volgordenummer. Bijvoorbeeld 10, 20, 30 etcetera. Het personeelslid met het laagste volgordenummer wordt in uw website bovenaan geplaatst. U kunt ook een foto toevoegen. Klik op upload. Er verschijnt een foto-editor. Klik op bladeren. Selecteer de gewenste foto op uw eigen computer. Dubbelklik op de betreffende foto. Klik op upload. De foto wordt nu naar onze server gestuurd en verschijnt geheel links in het foto-overzicht. De afmetingen van de foto staan eronder. Klik op de betreffende foto in het overzicht. In de foto-editor verschijnt bij Image file de naam van het bestand. Deze naam wordt automatisch bij de Alttekst geplaatst. Verwijder eventueel de alttekst DenK Internet Services

5 Klik op Ok. De foto is geplaatst. Het overzicht van het personeel wordt daar geplaatst waar u de volgende codering opneemt: **PERSONEEL**. U kunt het overzicht dus ook tussen twee teksten plaatsen. Let op: Pas als u op links OK onderaan de editor heeft geklikt wordt de pagina door uw browser verwerkt en de foto ook daadwerkelijk getoond in uw beheeromgeving en uw website. Let op: De foto van het personeel mag maximaal 100 breed en 150 pixels hoog zijn. Is de foto groter dan treed er een vervorming op. Tip: Door de volgorde met 10, 20 etcetera aan te geven, kunt u eenvoudig een nieuw personeelslid tussenvoegen door bijvoorbeeld volgordenummer 15 te gebruiken 3e Extra navigatie toevoegen U kunt aan de subitems in uw website zelf sub-subitems toevoegen. Deze sub-subitems worden in uw website bij het betreffende onderwerp getoond in de balk boven het tekstvlak. Ga in de beheeromgeving naar de pagina waar u een item aan wenst toe te voegen. Klik op Sub-subitem toevoegen bovenaan de pagina. Geef aan of het sub-subitem een link naar een andere site/toepassing of een tekstpagina moeten worden. Klik op toevoegen. Kiest u voor Nieuwe tekst toevoegen dan verschijnt in het tekstvlak een aantal invulvelden. Naam: naam van de link die verschijnt in de bovenbalk Volgorde bepaalt plaats van de link in bovenbalk, door de volgorde met 10, 20 etcetera aan te geven, kunt u eenvoudig een nieuw tussenvoegen. Het laagste cijfer wordt geheel links geplaatst Kop: Titel van de toegevoegde pagina Koptekst: Optioneel Tekst: Spreekt voor zich Voettekst: Optioneel Vul de gegevens in en klik op OK. Een extra tekstpagina is toegevoegd. Kiest u voor Nieuwe link toevoegen dan verschijnt in het tekstvlak een aantal invulvelden. Naam: naam van de link die verschijnt in de bovenbalk Volgorde: bepaalt plaats van de link in bovenbalk, door de volgorde met 10, 20 etcetera aan te geven, kunt u eenvoudig een nieuw tussenvoegen. Het laagste cijfer wordt geheel links geplaatst Link: de URL, bijvoorbeeld Venster: Maak een keuze uit de opties - tekstgedeelte, de site opent zich in het tekstvlak van uw website - nieuw venster, de site opent zich in een nieuw venster (meestal van toepassing) - zelfde venster, de site opent zich in het venster van uw website Vul de gegevens in en klik op OK. Een extra link is toegevoegd. DenK Internet Services

6 3f Hyperlinks maken in tekst Selecteer de tekst die een link moet worden. Klik op Er opent zich een Link-menu waar u de volgende gegevens in kunt vullen URL: vul hier de gewenste hyperlink in, bijvoorbeeld Tooltip: vul hier de tekst in die dient te verschijnen als men met de cursor over de link gaat, ook wel Alttekst genoemd. Optioneel Target: maak keuze in welk frame/venster de link zich moet openen - Same frame, de site opent zich in het tekstvlak van uw website - New window, de site opent zich in een nieuw venster (meestal van toepassing) - Top frame, de site opent zich in het venster van uw website Klik op OK en u heeft in de tekst een link toegevoegd. Let op: Heeft u eenmaal van een tekst een link gemaakt dan kunt u deze niet meer ongedaan maken. U kunt ofwel de hyperlink geheel verwijderen of in de HTML-modus de coderingen van de link in de tekst verwijderen. 3g Downloads toevoegen Ga met uw cursor in de tekst staan waar u de download wenst toe te voegen Klik op Er opent zich een download-menu. Klik op Bladeren Selecteer het gewenste bestand op uw eigen computer. Dubbelklik op het betreffende bestand. Klik op upload. Het bestand wordt nu naar onze server gestuurd en verschijnt in het venster. Hierin staan eventueel al een aantal bestanden die reeds in uw map op onze server staan. Selecteer het gewenste bestand en klik op OK U heeft een download in de tekst toegevoegd Klik op OK onderaan de tekstpagina op de toevoeging definitief door te voeren. De download wordt standaard in de tekst als volgt weergegeven: Denk.pfd 123 KB. De download opent zich standaard in een nieuw venster. Let op: Wees voorzichtig met het wijzigen van de naam van een reeds toegevoegde download in de tekst. U kunt hierdoor de juiste codering beschadigen. Schakel eventueel om naar de HTML-modus. 3h Illustraties toevoegen Ga met uw cursor in de tekst staan waar u de illustratie wenst toe te voegen Klik op Er opent zich een foto-editor. Klik op Bladeren Selecteer het gewenste illustratie op uw eigen computer. Dubbelklik op het betreffende bestand. Klik op upload. De illustratie wordt nu naar onze server gestuurd en verschijnt in het venster. Klik eventueel op refresh. U ziet eventueel ook al een aantal illustraties die reeds in uw map op onze server staan. Selecteer de gewenste illustratie DenK Internet Services

7 Wijzig eventueel de Alttekst ( deze verschijnt als u met de cursor op de foto gaat staan in uw website en klik op OK. De foto is in de tekst toegevoegd. Klik op Ok onderaan de pagina om de toevoeging definitief te maken. Tip: Verwijder regelmatig niet gebruikte illustraties uit de editor door op het prullenbakje te klikken bij de betreffende foto. Let op: De foto-editor biedt ook de mogelijkheid om uw illustratie aan te passen door op het potloodje bij de betreffende foto te klikken. Wij wijzen u er op dat het bewerken van foto s enige vaardigheid vereist. U kunt het zelf via deze editor, maar wij bieden hierin geen ondersteuning. U kunt ons uiteraard wel opdracht verstrekken uw foto s netjes op maat te maken. 4. Tot slot Indien u de volgende aanpassingen in uw website wenst door te voeren dient u contact opte nemen met DenK Internet Services: Uitbreiding hoofdnavigatie Uitbreiding subnavigatie Wijziging naamgeving hoofd- en subnavigatie Wijziging volgorde hoofd- en subnavigatie Wijziging interactieve formulieren Wijziging/toevoeging items rechter balk Integratie tools DenK Internet Services (zie Integratie tools derden (bijvoorbeeld van verzekeraars) Heeft u vragen, opmerkingen of suggesties met betrekking tot de NBVA-Webformule 2.0 neem dan contact met ons op. DenK Internet Services Postbus AB TIEL Tel : Fax : info@denk.biz Website: DenK Internet Services