Mywebshop algemene handleiding. Versie 1.0 April Copyright 2010 Wikit BVBA, alle rechten voorbehouden

Mywebshop algemene handleiding

Copyright © 2010 Wikit BVBA, alle rechten voorbehouden

Deze handleiding mag gebruikt worden om met behulp van de mywebshop.net infrastructuur een webwinkel/website te bouwen. Dit document mag onder geen andere intentie worden afgedrukt, aangepast of verspreid.

Document versies Versie

Datum

Wijziging

1.0

April 2010

Initiële versie

Versie 1.0 April 2010 Voor de meest recente versie van de handleiding verwijzen we u graag naar de helppagina’s van de applicatie.

Inhoudsopgave

Inhoudsopgave

Inhoudsopgave 1

2

3 4 5 6 7

8

9

Inleiding......................................................................................................................... 9 1.1 Voorwoord............................................................................................................. 9 1.2 Evolutie.................................................................................................................. 9 1.3 Praktische afspraak ................................................................................................ 9 1.4 Doelpubliek............................................................................................................ 9 Basisbegrippen ............................................................................................................ 10 2.1 Applicatie............................................................................................................. 10 2.2 Webpagina........................................................................................................... 10 2.3 Webblok .............................................................................................................. 10 2.4 Label .................................................................................................................... 10 2.5 Webstijl................................................................................................................ 10 2.6 Visuele weergave ................................................................................................. 11 Hoe beginnen .............................................................................................................. 12 3.1 Stappenplan......................................................................................................... 12 Algemene weetjes ....................................................................................................... 13 Vervolledig uw profiel.................................................................................................. 14 5.1 Overzicht.............................................................................................................. 14 Templates.................................................................................................................... 15 6.1 Selecteer een template ........................................................................................ 15 Webpagina’s................................................................................................................ 16 7.1 Overzicht.............................................................................................................. 16 7.2 Webpagina aanmaken ......................................................................................... 17 7.3 Webpagina-configuratie bewerken ...................................................................... 18 7.4 Webpagina verwijderen ....................................................................................... 18 7.5 Webpagina’s herstructureren .............................................................................. 19 Afbeeldingen ............................................................................................................... 20 8.1 Overzicht.............................................................................................................. 20 8.2 Afbeeldingen opladen .......................................................................................... 20 8.3 Afbeeldingen bewerken ....................................................................................... 21 8.4 Afbeeldingen bekijken.......................................................................................... 22 8.5 Afbeeldingen kopiëren ......................................................................................... 22 8.6 Afbeeldingen met renditie ................................................................................... 22 8.7 Afbeeldingsopmaak bewaren............................................................................... 23 8.8 Afbeelding vervangen / verwijderen .................................................................... 23 8.9 Actie uitvoeren op selectie................................................................................... 23 8.10 Afbeeldingsgroepen ............................................................................................. 24 8.10.1 Lightbox ....................................................................................................... 25 8.10.2 Afbeelding-wisselaar .................................................................................... 25 8.10.3 Diavoorstelling ............................................................................................. 25 8.10.4 Optimaliseer afmetingen.............................................................................. 26 8.10.5 Afbeeldingsgroep tonen op de website ........................................................ 26 8.10.6 Verkregen extra opties ................................................................................. 26 Documenten................................................................................................................ 27 9.1 Overzicht.............................................................................................................. 27 9.2 Documenten opladen........................................................................................... 27


Pagina 3 / 59

9.3 Documenten aanpassen....................................................................................... 27 10 Webblokken............................................................................................................. 28 10.1 Overzicht.............................................................................................................. 28 10.2 Algemene instellingen.......................................................................................... 28 10.3 Webblok maken ................................................................................................... 29 10.4 Webblok acties .................................................................................................... 30 10.5 Webblok/Webcel opmaak.................................................................................... 31 10.5.1 Webblok opmaak ......................................................................................... 32 10.5.2 Verschil binnenrand / tussenruimte ............................................................. 33 10.5.3 Webcel opmaak............................................................................................ 33 10.5.4 Tekstopmaak................................................................................................ 35 10.5.5 Webcel afbeeldingen.................................................................................... 36 11 Toon Website........................................................................................................... 37 12 Website valideren .................................................................................................... 38 12.1 Overzicht.............................................................................................................. 38 13 Site instellingen........................................................................................................ 39 13.1 Overzicht.............................................................................................................. 39 13.2 Taal ...................................................................................................................... 39 13.3 Zoekmachines ...................................................................................................... 39 13.4 Afbeeldingsinstellingen ........................................................................................ 40 13.5 Extra instellingen.................................................................................................. 40 14 E-mailadressen ........................................................................................................ 42 14.1 Overzicht.............................................................................................................. 42 15 Blogs ........................................................................................................................ 43 15.1 Overzicht.............................................................................................................. 43 15.2 Maak blog ............................................................................................................ 43 15.3 Blog configureren................................................................................................. 44 15.4 Beheerdersfuncties .............................................................................................. 45 15.5 Test versus live..................................................................................................... 45 16 Contactformulieren.................................................................................................. 46 16.1 Overzicht.............................................................................................................. 46 16.2 Maak contactformulier ........................................................................................ 47 16.3 Contactformulier configureren............................................................................. 47 17 Nieuwsitems ............................................................................................................ 49 17.1 Overzicht.............................................................................................................. 49 18 Mailing..................................................................................................................... 50 18.1 Overzicht.............................................................................................................. 50 18.2 Versturen ............................................................................................................. 50 18.3 Adressen bewerken.............................................................................................. 51 19 Lijsten ...................................................................................................................... 52 19.1 Overzicht.............................................................................................................. 52 19.2 Lijsten beheren .................................................................................................... 52 20 Labels....................................................................................................................... 53 20.1 Overzicht.............................................................................................................. 53 21 Webstijlen................................................................................................................ 54 21.1 Overzicht.............................................................................................................. 54 21.2 Webstijl aanmaken .............................................................................................. 55

Pagina 4 / 59


Inhoudsopgave

Lijst van figuren

21.3 Kleurenkiezer ....................................................................................................... 56 22 Kleuren .................................................................................................................... 57 22.1 Overzicht.............................................................................................................. 57 22.2 Kleuren bepalen................................................................................................... 58 22.3 Kleuren bewerken................................................................................................ 58


Pagina 5 / 59

Lijst van figuren Figuur 1: Visuele weergave basisbegrippen ......................................................................... 11 Figuur 2: Profiel vervolledigen ............................................................................................. 14 Figuur 3: Templates, selecteren........................................................................................... 15 Figuur 4: Webpagina’s, overzicht......................................................................................... 16 Figuur 5: Webpagina’s, in te vullen waarden ....................................................................... 17 Figuur 6: Webpagina’s, herstructureren .............................................................................. 19 Figuur 7: Afbeeldingen, overzicht ........................................................................................ 20 Figuur 8: Afbeeldingen, bewerken ....................................................................................... 21 Figuur 9: Afbeeldingen, opmaak .......................................................................................... 23 Figuur 10: Afbeeldingen, actie uitvoeren op selectie ........................................................... 24 Figuur 11: Afbeeldingsgroepen ............................................................................................ 24 Figuur 12: Afbeeldingsgroepen, naamgeving ....................................................................... 24 Figuur 13: Afbeelding extra, overzicht groepen ................................................................... 25 Figuur 14: Documenten, overzicht....................................................................................... 27 Figuur 15: Webblokken, overzicht ....................................................................................... 28 Figuur 16: Webblokken, webblok acties .............................................................................. 30 Figuur 17: Webblokken, webblok/webcel verschillende opmaak opties .............................. 31 Figuur 18: Webblokken, opmaak gehele webblok................................................................ 32 Figuur 19: Webblokken, binnenrand en tussenruimte ......................................................... 33 Figuur 20: Webblokken, opmaak webcel ............................................................................. 33 Figuur 21: Webblokken, tekstopmaak ................................................................................. 35 Figuur 22: Webblokken, webcel afbeeldingen ..................................................................... 36 Figuur 23: Winkel valideren, overzicht................................................................................. 38 Figuur 24: Site instellingen, overzicht .................................................................................. 39 Figuur 25: Site instellingen, icoon bestand........................................................................... 41 Figuur 26: E-mailadressen, overzicht ................................................................................... 42 Figuur 27: Blogs, overzicht................................................................................................... 43 Figuur 28: Contactformulieren, overzicht ............................................................................ 46 Figuur 29: Nieuwsitems, overzicht ....................................................................................... 49 Figuur 30: Mailing, overzicht................................................................................................ 50 Figuur 31: Lijsten, overzicht ................................................................................................. 52 Figuur 32: Labels, overzicht ................................................................................................. 53 Figuur 33: Webstijlen, overzicht .......................................................................................... 54 Figuur 34: Webstijlen, nieuwe webstijl ................................................................................ 55 Figuur 35: Kleuren, overzicht ............................................................................................... 57

Pagina 6 / 59


Lijst van tabellen

Verklarende woordenlijst

Lijst van tabellen

Verklarende woordenlijst

Tabel 1: Webpagina’s, in te vullen waarden......................................................................... 17 Tabel 2: Webblokken, webblok maken ................................................................................ 29 Tabel 3: Webblokken, webblok acties.................................................................................. 31 Tabel 4: Webblokken, opmaak gehele webblok................................................................... 33 Tabel 5: Webblokken, opmaak webcel ................................................................................ 34 Tabel 6: Webblokken, tekstopmaak..................................................................................... 36 Tabel 7: Blogs, maak blog .................................................................................................... 44 Tabel 8: Contactformulieren, configuratie ........................................................................... 48 Tabel 9: Webstijlen, in te vullen waarden ............................................................................ 55

Woord Blog

Cookies

Kleurencode

Object

Pixel (px)

Renditie

Selectielijst Webstijl


Pagina 7 / 59

Pagina 8 / 59

Verklaring Een blog, ook wel weblog genoemd, is een website waarop regelmatig, soms meermaals per dag, nieuwe bijdragen verschijnen en waarop de geboden informatie in omgekeerd chronologische volgorde (het nieuwste bericht verschijnt als eerst) wordt weergegeven. Wie een weblog bezoekt, treft dan ook op de voorpagina de recentste bijdrage(n) aan. Cookies zijn browsergerelateerde bestanden die op de lokale computer van een websitebezoeker worden bewaard. Deze bestanden bevatten websitespecifieke gegevens; de website zelf beslist welke gegevens worden bewaard in de cookie. Een goed voorbeeld is de gekozen taal van een website; doordat deze waarde in een cookie wordt bewaard, weet de website bij een volgend bezoek automatisch weet welke taal getoond moet worden. Deze applicatie werkt ook met cookies; let erop dat het gebruik van cookies ingeschakeld staat in uw browserapplicatie. Elke kleur op een website wordt uniek aangeduid door een kleurencode; de code bestaat uit zijn specifieke samenstelling en is steeds 6 karakters lang. Elke kleur is een bepaalde hoeveelheid rood, groen en blauw. De kleurencode ‘7cfc00’ staat voor de kleur ‘gras groen’ en bevat 7c rood, fc groen en 00 blauw. De getallen zelf zijn hexadecimaal vandaar de herkomst van de letters a t.e.m. f. Een object is een verzamelnaam voor de verschillende zaken die u binnen de applicatie kunt aanmaken. Zo kan een object een afbeelding, een document, een kleur, een label, een webstijl, een etiket enz. zijn. Het woord pixel is een samentrekking van de twee eerste lettergrepen van het Engelse 'picture element' en staat voor een enkele punt (Eng.: dot) op het beeldscherm van de computer of in een digitaal beeld. Veel punten bij elkaar geven een beeld. Alles wat op het scherm te zien is bestaat uit een veelvoud van pixels. (bron: http://nl.wikipedia.org/wiki/Pixel) Ter info: 100 pixels komt ongeveer overeen met 1,41 cm. Een renditie is de benaming voor een aangepaste weergave van een originele afbeelding. De originele afbeelding blijft bewaard maar de versie met de aangepaste opmaak wordt benoemd als een renditie. Een selectielijst is een lijst van waarden waaruit u kunt kiezen. Een webstijl is een verzameling van eigenschappen die u aan een stuk tekst toekent. Deze eigenschappen bepalen de grootte van de tekst, de kleur, de achtergrondkleur, het lettertype enz.


1. Inleiding

2. Basisbegrippen

1 Inleiding

2 Basisbegrippen Om steeds correct te begrijpen wat bedoeld wordt in deze handleiding is het cruciaal dat u een goed begrip heeft van bepaalde basistermen. Daarom bespreken we er nu even enkele in detail. In de figuur die volgt ziet u tevens een visuele weergave van de begrippen die aan bod komen in deze handleiding.

1.1 Voorwoord Beste lezer, Allereerst willen we u bedanken voor het vertrouwen dat u stelt in het concept van mywebshop.net: zelf een website ontwerpen, maken en volledig onderhouden. Vanaf vandaag is het aan u om de wereld te vertellen wat u maar wilt! Lees verder in deze handleiding en ontdek zelf hoe u uw droom, uw eigen zaak, of wat dan ook zichtbaar kan maken op het internet.

2.1 Applicatie De website Mywebshop.net wordt beschouwd als de (web)applicatie. Omdat u via de website van Mywebshop.net uw volledige website kunt beheren is het een soort van applicatie/programma; meer bepaald een webapplicatie. Verder in deze handleiding zullen we deze term gebruiken om naar de website te verwijzen.

2.2 Webpagina

Met vriendelijke groeten, Het mywebshop.net team

Een webpagina is een deel van uw website met een uniek internetadres.

1.2 Evolutie Net zoals ieder levend begrip is groeien en ontwikkelen deel van het bestaan. Ook mywebshop.net is een levend begrip; er wordt continu aan de functionele kant gesleuteld om zo tot een totaal pakket te komen dat gemakkelijk hanteerbaar is en toch voldoende veelzijdig. Omdat we de mening en de verwachtingen van de gebruikers enorm waarderen en proberen in te vullen kunt u te allen tijde een “Nieuw Functioneel Verzoek” sturen. Hoe dit concreet in zijn werk gaat leest u op de online helppagina’s van de applicatie.

1.3 Praktische afspraak Via de website Mywebshop.net kan u een website samenstellen met webwinkel functionaliteiten. Om niet steeds de twee begrippen te moeten vermelden gebruiken we vanaf nu de term ‘website’ voor de aanduiding van een website/webwinkel.

Als u surft op het internet dan vindt u op een website meerdere menu opties met elk een eigen pagina/inhoud. Elk van deze pagina’s wordt uniek gedefinieerd door een eigen URL in uw browser (bijvoorbeeld: www.mywebshop.net/faq). Binnen de applicatie komt een webpagina overeen met een uniek internetadres. De unieke sleutel voor een webpagina wordt tevens gebruikt in de URL op uw website; kies dus een korte en correcte naam voor de webpagina sleutel.

2.3 Webblok Een webblok is een uniek deel van een webpagina. Een webpagina kan uit één of meerdere webblokken bestaan. Een webblok bevat de eigenlijke tekst en/of afbeeldingen van uw website. Het gebruik van webblokken laat u toe om op een eenvoudige manier de schikking/opmaak van uw website te corrigeren en aan te passen.

2.4 Label Een label is een tekst in één of meerdere talen.

1.4 Doelpubliek Deze handleiding is bedoeld voor eender wie betrokken is bij het ontwikkelen en ontwerpen van een mywebshop.net website. U ontdekt allerlei praktische tips in verband met het opzetten van uw ontwerp, we nemen u bij de hand en begeleiden u van A tot Z.

Wanneer u via de applicatie een bepaalde tekst ingeeft die op uw website wordt getoond dan beschouwen we dit als een label.

2.5 Webstijl Een webstijl is een definitie voor de opmaak van de tekst op uw website.

Genoeg gepraat, over tot de actie! De opmaak van de labels die op uw website worden getoond kan variëren van kleur, lettertype, tekengrootte enz. In een webstijl bepaalt u dus de opmaak die u wilt geven aan bepaalde labels of webpagina’s. U kunt meerdere webstijlen definiëren met elk een persoonlijke opmaak.


Pagina 9 / 59

Pagina 10 / 59


2. Basisbegrippen

3. Hoe beginnen

2.6 Visuele weergave

3 Hoe beginnen Om zo snel mogelijk tot een kant en klare website te komen, volgt u best onderstaand stappenplan. U kunt deze pagina eventueel afdrukken om uw doelen niet uit het oog te verliezen. De gedetailleerde werkwijze staat beschreven vanaf hoofdstuk 6.

3.1 Stappenplan 1. Vervolledig uw profiel bij het eerste gebruik 2. Kies een template Maak uw keuze uit de verschillende gratis templates die Mywebshop.net aanbiedt.

3. Kies uw onderwerpen en de details van uw onderwerpen Neem pen en papier en denk na welke informatie u wenst mee te delen aan uw bezoekers. Raak vooral geen toetsenbord aan tot u een zeer goed idee heeft over de inhoud van uw website. Een onderwerp dat verplicht is vanuit de applicatie is de index pagina; dit is de webpagina waar bezoekers allereerst op terecht komen.

4. Maak een ruwe bladschikking Heeft u per onderwerp een aantal onderverdelingen gevonden? Goed zo. Rangschik deze nu in de volgorde waarin u ze wil tonen op de webpagina (u heeft later nog steeds de mogelijkheid om de volgorde te veranderen). Denk ook na over eventuele afbeeldingen die u wilt toevoegen ter illustratie of verduidelijking van uw tekst.

5. Van onderwerp naar webpagina Ga naar de applicatie en maak per onderwerp een webpagina aan.

6. Van kernwoorden naar volzinnen

Figuur 1: Visuele weergave basisbegrippen

Rode zone: Gele zone: Blauwe zone: Groene zone(s): Zwarte zone(s):

Vervolgens dient u alle details van uw onderwerpen te vertalen naar leesbare tekst met eventuele afbeeldingen. Wees niet te streng voor uzelf, hoe meer u een tekst leest hoe meer u zult aanpassen. Schrijf een tekst neer, laat het rusten en u kunt later nog steeds aanpassingen doen. Indien u uw website in meerdere talen wenst aan te bieden, raden we u aan om eerst de volledige website uit te werken in de basistaal en vervolgens alles te vertalen.

Webpagina Zijbalk Hoofdmenu Webblok Label met specifieke webstijl

7. Bekijk het websitevoorbeeld Heeft u voor elk onderwerp de nodige details neergeschreven en afbeeldingen toegevoegd, super! Bent u benieuwd naar het resultaat, kijk dan snel naar het websitevoorbeeld.

8. Verfijn, verfijn, verfijn Inmiddels heeft uw website vorm gekregen, de eerste pagina’s zijn geschreven en u bent tevreden van het eerste resultaat. Maar u denkt ‘het kan beter’? Dit is niet meer dan normaal, perfect van de eerste keer kan niemand. Vanaf nu start uw missie, een missie om uw bezoekers steeds nieuwe en interessante informatie aan te bieden…


Pagina 11 / 59

Pagina 12 / 59


4. Algemene weetjes

5. Vervolledig uw profiel

4 Algemene weetjes

5 Vervolledig uw profiel

In de applicatie zijn er een aantal zaken die steeds op dezelfde manier werken. In deze rubriek zetten we ze even op een rijtje, probeer ze goed in het achterhoofd te houden.

Indien u voor de allereerste keer in de applicatie inlogt, wordt er gevraagd om uw profiel te vervolledigen. U dient de verplichte informatie in te vullen en de wijzigingen te bewaren alvorens u verder kan werken.

•

Namen wijzigen U kunt de verschillende objecten binnen de applicatie van een naam voorzien; deze naam is vaak de referentie naar dat unieke object. De naam wordt ook vaak gebruikt in een selectielijst. Wenst u een naam van een object aan te passen dan dubbelklikt u op de naam, u krijgt dan de huidige naam in een invulvak te zien, pas de naam aan en klik op ‘bewaren >>>’.

•

Objecten verwijderen Indien u een object niet meer wenst te gebruiken dan kan u dit altijd verwijderen. Verwijderen van objecten kan u doen door op het symbool te klikken.

•

5.1 Overzicht MENU OPTIE: Instellingen => Klantgegevens

De data die u hier dient op te geven hebben allemaal betrekking op uw Mywebshop klantgegevens. Deze gegevens worden door het systeem gebruikt voor uw login, de facturatie, als contact doeleinden enz.

Objectverwijzingen In de applicatie laadt u afbeeldingen op, maakt u labels aan, bepaalt u kleuren enz. Indien u een object verwijdert dat nog een relatie heeft met een ander object dan wordt dit door de applicatie gemeld. U kunt dan een alternatief object opgeven dat de plaats zal innemen van het object dat u wenst te verwijderen. Als u bijvoorbeeld een eigen kleur verwijdert die u in een webstijl heeft gebruikt dan geeft de applicatie een melding ‘kleur in gebruik in webstijl’, u krijgt dan een lijst met alternatieve kleuren te zien. Ofwel klikt u op ‘annuleren’ en wordt het verwijderen ongedaan gemaakt ofwel kiest u een vervangende kleur en wordt de webstijl aangepast aan de nieuwe kleur.

•

Bestanden / afbeeldingen opladen In deze handleiding vermelden we meermaals hoe u een document of een afbeelding kunt opladen in het systeem. Tijdens de uitleg stellen we ‘klik op de knop bladeren om een bestand te selecteren’. De tekst die echter op de knop verschijnt, hangt af van de taal van uw lokale Windows installatie en niet van de taal die u heeft geselecteerd in de Mywebshop applicatie. Heeft u een Nederlandstalige Windows dan leest u ‘Bladeren’, bij een Engelstalige ‘Browse’.

•

Lege waarden in lijsten In de verschillende menu’s zijn selectielijsten terug te vinden, indien u in de lijst geen selectie wenst te maken of de vroeger gekozen selectie ongedaan wenst te maken dan selecteert u de waarde “xxx”. U kunt de lege waarde ook gemakkelijk herkennen doordat deze optie steeds een grijze achtergrond heeft.

•

Lange tekstwaarden In de applicatie geeft u de objecten een naam; door deze naam weet u dat het om dat bepaald object gaat. In sommige gevallen is er geen beperking in de lengte van de tekst die u kunt opgeven. Vaak gaat de applicatie de waarde dan ook niet volledig tonen omwille van zijn lengte, indien dit het geval is dan kan u het eerste stuk van de waarde lezen gevolgd door “…”. Indien u deze indicatie ziet dan kan u alsnog de volledige waarde bekijken door de muiscursor op het stuk tekst te plaatsen.

•

Interne/externe links Binnen de applicatie zijn er koppelingen beschikbaar die u naar externe of interne bronnen leiden, deze koppelingen zijn in tegenstelling tot de normale tekst donkerrood van kleur. Als u de koppeling volgt komt u bij externe websites terecht die u kunnen helpen of krijgt u een object te zien waarnaar een koppeling bestaat.

•

Figuur 2: Profiel vervolledigen

Vul de verplichte velden in (deze zijn aangegeven met een *) en klik op ‘bewaren >>>’. Vervolgens bent u klaar om te starten. Wenst u op een later moment uw klantgegevens aan te passen dan kan u naar dit scherm terugkeren, de gegevens aanpassen en op ‘bewaren >>>’ klikken.

Verklaringen van symbolen Ziet u een symbool in de applicatie en weet u niet meer precies wat de actie is die achter het symbool schuil gaat? Houdt dan uw muiscursor boven het symbool en er zal automatisch een help tekst verschijnen.


Pagina 13 / 59

Pagina 14 / 59


6. Templates

7. Webpagina’s

6 Templates

7 Webpagina’s

Via de applicatie kan u uit een aantal templates kiezen om zo het uitzicht van uw website op een eenvoudige manier te optimaliseren. Wij zorgen er ook voor dat er op regelmatige basis nieuwe templates worden toegevoegd.

Een webpagina is een deel van een website met een uniek internetadres. Dit internetadres wordt onder andere gebruikt door zoekrobotten om als resultaat te tonen bij een gerichte zoekactie.

Indien gewenst kunnen wij voor u, tegen betaling, een specifieke template ontwerpen die enkel voor u beschikbaar is. Voor een actuele prijsaanduiding kan u steeds terecht op de website.

7.1 Overzicht MENU OPTIE: Technisch => Webpagina’s

MENU OPTIE: Technisch => Templates

Als u in het menu op ‘webpagina’s’ klikt, dan krijgt u een lijst te zien van uw huidige webpagina’s. U krijgt deze in twee voorstellingen. Bovenaan ziet u de structuur van de webpagina’s die u als menu-item heeft aangeduid en hun onderliggende relatie(s).

In dit menu heeft u twee onderverdelingen. Bovenaan kunt u de huidige template vinden met een afbeeldingsvoorbeeld en eventuele template details. Onderaan kunt u de lijst van beschikbare templates bekijken en doorbladeren.

Onderaan ziet u een lijst van de huidige webpagina’s en hun gedetailleerde instellingen. Hier heeft u de mogelijkheid om webpagina’s te verwijderen, te bewerken enz. We komen later nog terug op de verschillende opties.

6.1 Selecteer een template

Met behulp van de “toon” opties bovenaan kan u de selectie aanpassen. Vervolgens kunt u: • Sorteren op aanmaakdatum of populariteit; • Aantal getoonde items per rij kiezen; • Aantal getoonde items per pagina kiezen.

Figuur 4: Webpagina’s, overzicht

Figuur 3: Templates, selecteren

Kies een template en klik op de ‘ACTIVEER’ knop onder het voorbeeld. Vanaf nu is de template actief voor uw website.


Pagina 15 / 59

Pagina 16 / 59


7. Webpagina’s

7. Webpagina’s

7.2 Webpagina aanmaken

7.3 Webpagina-configuratie bewerken

Om een nieuwe webpagina aan te maken dient u onderaan het overzicht op de link ‘maak >>>’ te klikken. Vervolgens komt u in het menu om een nieuwe webpagina aan te maken. U kunt de waarden opvullen met behulp van de onderstaande tabel.

te U kunt de getoonde menuwaarde van de webpagina wijzigen door op het symbool klikken. U kunt ook steeds de optie “Menu item” in- of uitschakelen door op het symbool te klikken. Indien u een Menu item uitschakelt, wees u dan bewust van de eventuele gevolgen van uw actie! Indien het menu dat u uitschakelt webpagina’s onder zich heeft dan worden deze webpagina’s onder de webpagina gehangen waar de huidige webpagina onder hangt.

Figuur 5: Webpagina’s, in te vullen waarden

Even ter illustratie, indien dit uw webpagina structuur is:

Optie Webpagina

Omschrijving Dit is de unieke sleutel voor de nieuwe webpagina. In de verdere configuratie zal deze waarde gebruikt worden om te verwijzen naar deze webpagina. Deze sleutel wordt ook gebruikt om een uniek internetadres samen te stellen. Bijvoorbeeld: - http://www.mywebshop.net/voorbeeld.php - http://www.mywebshop.net/voorbeeld Label Hier geeft u op welke waarde getoond wordt in het menu van uw website, deze waarde wordt ook getoond als titel in uw web browser. Menu item Indien u wenst dat de nieuwe webpagina getoond wordt in het menu van uw website dan dient u het selectievakje aan te vinken. Indien u dit niet doet dan wordt de webpagina niet in het menu getoond; gebruikers kunnen dus enkel op deze pagina terecht komen als ze de directe link weten (online bekijken van een mailing) of indien u een link plaatst in een van de labels (hier komen we later nog op terug). Sub-webpagina Indien u de optie ‘Menu item’ heeft geselecteerd dan heeft u hier de van mogelijkheid de nieuwe webpagina meteen onder een andere webpagina te hangen. Op die manier hoeft u de webpagina later niet meer van positie te veranderen. Tabel 1: Webpagina’s, in te vullen waarden


Pagina 17 / 59

Home

Aanbiedingen Januari Februari Valentijn Maart

Contact

Openingsuren

En u zou ‘Februari’ verwijderen, dan worden de webpagina’s onder ‘Februari’ gehangen aan de webpagina waar ‘Februari’ onder hangt, onder ‘Aanbiedingen’ dus. Het resultaat is als volgt: Home

Aanbiedingen Januari Maart Valentijn

Contact

Openingsuren

7.4 Webpagina verwijderen Indien u een webpagina verwijdert dan wordt de volledige configuratie die u voor die webpagina heeft gemaakt ook verwijderd. Vanaf dan is het uniek internetadres ook niet meer beschikbaar. Mocht de webpagina die u verwijdert andere webpagina’s onder zich hebben, dan wordt hetzelfde systeem toegepast als in 7.3 werd beschreven.

Pagina 18 / 59


7. Webpagina’s

8. Afbeeldingen

7.5 Webpagina’s herstructureren

8 Afbeeldingen

Het menu dat op uw website wordt getoond is de selectie van webpagina’s waarvan u de optie ‘menu item’ heeft aangevinkt. Deze webpagina’s kan u onderling nog verdelen in de opties basismenu of submenu. De basismenu’s worden altijd op de website getoond, de submenu’s worden pas getoond als u met de muiscursor over de basismenu’s gaat.

Iedereen kent de uitdrukking “Een beeld zegt vaak meer dan 1000 woorden”. Daarom is het vaak goed dat u een afbeelding kunt tonen van wat u te bieden heeft. Een afbeelding van uw producten/diensten, een fotoreeks van uw wagenpark, een afbeelding van uw bedrijfspand enz. Wanneer we praten over afbeeldingen is het begrip ‘pixel’ een belangrijk begrip, een verklaring van het begrip kan u vooraan deze handleiding vinden in de verklarende woordenlijst.

Wenst u de structuur van de webpagina’s te wijzigingen dan kan u dit doen door de pijltjestoetsen bovenaan te gebruiken. U kunt de webpagina’s naar links, naar rechts en van niveau verplaatsen. Beweeg met uw muiscursor over de pijltjestoetsen voor meer informatie over de verplaatsing.

Figuur 6: Webpagina’s, herstructureren

Via de applicatie kan u: • Afbeeldingen opladen; • Afbeeldingen bewerken; o Verkleinen; o Rand toevoegen; o Ronde hoeken geven; • Afbeeldingen groeperen; • Afbeeldingen in groep bewerken;

In de praktijk werkt het als volgt, we starten steeds van het vorige model:

8.1 Overzicht Klik op ‘Ligging ’, u krijgt

MENU OPTIE: Inhoud => Afbeeldingen

Klik op ‘Ligging ’, u krijgt

Op de overzichtspagina heeft u meteen alle functies binnen handbereik; u krijgt een overzicht van uw afbeeldingen en u kunt meteen aan de slag. Beetje bij beetje zullen we u uitleggen wat alle mogelijkheden zijn.

Klik op ‘Sub contact 2 ’, u krijgt

Klik op ‘Sub contact 2 ’, u krijgt

Figuur 7: Afbeeldingen, overzicht

8.2 Afbeeldingen opladen Via het overzicht kan u meteen één of meerdere afbeeldingen opladen. Klik op de knop ‘Bladeren …’ om een bestand op uw eigen computer te selecteren. Zodra u één afbeelding heeft geselecteerd wordt een tweede selectievak zichtbaar die u de mogelijkheid biedt om een tweede afbeelding op te laden. Na het selecteren van een tweede afbeelding wordt een derde selectievak zichtbaar. Op deze manier kan u maximum vijf afbeeldingen in één keer opladen. Elke afbeelding heeft een uniek nummer van zes cijfers en een naam die u zelf kan kiezen. Als u een afbeelding oplaadt, dan neemt de applicatie automatisch de naam over zoals deze Mywebshop algemene handleiding

Pagina 19 / 59

Pagina 20 / 59


8. Afbeeldingen

8. Afbeeldingen

op uw lokale computer benoemd was. U kunt achteraf nog steeds de naam wijzigen door op de naam te dubbelklikken, een nieuwe naam op te geven en op ‘bewaren >>>’ te klikken. De naam wordt verder in de applicatie gebruikt, kies dus een naam die u meteen aan die afbeelding doet denken. Ook wordt de naam getoond indien bezoekers van uw website met de muiscursor over de afbeelding bewegen.

8.3 Afbeeldingen bewerken Vaak zijn de afbeeldingen die u heeft bewaard niet meteen geschikt om op een website te tonen; ze zijn vaak te groot. De applicatie zal de afbeelding automatisch aanpassen voor een perfecte weergave. Daarnaast kunt u zelf de afbeelding bewerken door op het symbool te klikken.

wenst te geven. Meteen ziet u in het voorbeeld de ronding van de hoek veranderen. Wenst u alle hoeken van rondingen te voorzien dan dient u alle selectievakjes aan te kruisen. De applicatie biedt u ook de mogelijkheid om de straal van de hoek aan te passen naar uw persoonlijke wensen. Wenst u een zo groot mogelijke ronding dan selecteert u ’20 px’, wenst u een kleinere ronding dan selecteert u een kleinere waarde in de lijst. Het voorbeeld wordt meteen aangepast naar de waarde die u heeft gekozen. Tot zover alle mogelijk opties om een afbeelding te bewerken. Voldoet het voorbeeld aan al uw eisen dan kan u op ‘bewaren >>>’ klikken om de gewijzigde afbeelding te bewaren. Ten slotte heeft u nog de keuze om de configuratie die u net heeft samengesteld te bewaren. Indien u dit wenst, kan u in het invulvak ‘Opmaak opslaan als’ een naam ingeven voor uw opmaak voordat u op ‘bewaren >>>’ klikt. Op die manier wordt de opmaak bewaard en kan u later andere afbeeldingen van dezelfde opmaak voorzien zonder opnieuw alle keuzes te moeten maken in dit menu. RESULTAAT

• • • Figuur 8: Afbeeldingen, bewerken

U krijgt rechts de afbeelding te zien in het huidige formaat, links krijgt u het menu met de opties die u heeft om de afbeelding te bewerken. In de applicatie dient u bovenaan op de verschillende tabs te klikken om de verschillende opties aan te passen, voor de duidelijkheid hebben we ze hier even onder elkaar geplaatst. De eerste tab toont u de details van de afbeelding, de eigenlijke hoogte en breedte in pixels. Hier heeft u de mogelijkheid de afmetingen van de afbeelding te wijzigen. U kunt de afbeelding procentueel verkleinen, of u kan zelf een nieuwe breedte/hoogte in pixels ingeven. De verhoudingen van de afbeelding moeten echter wel altijd gerespecteerd worden. Geeft u een nieuwe hoogte op dan zal de breedte automatisch bepaald worden, hetzelfde geldt wanneer u een nieuwe breedte opgeeft. Heeft u een waarde aangepast dan kan u steeds het resultaat bekijken door op enter te drukken.

De afbeelding in de overzichtsweergave is de aangepaste afbeelding De originele afbeelding blijft bewaard maar op de website wordt de aangepaste versie getoond Drie nieuwe opties worden actief: o bekijk de originele afbeelding vervang de originele afbeelding door de aangepaste versie o o verwijder de aangepaste versie

8.4 Afbeeldingen bekijken Op de overzichtspagina krijgt u een verkleinde versie van de afbeelding te zien. Klik op de afbeelding om de actieve versie van de afbeelding te bekijken of klik op om de afbeelding in zijn originele grootte te bekijken.

8.5 Afbeeldingen kopiëren Klik op om de afbeelding te kopiëren. Dit kan handig zijn indien u een verschillende opmaak wilt toepassen op eenzelfde afbeelding.

8.6 Afbeeldingen met renditie

De tweede tab laat u toe effecten aan de afbeelding toe te voegen. Als eerste optie kan u een rand toevoegen, selecteer een randbreedte in pixels en de kleur voor de rand.

Een renditie is een term die we gebruiken voor “de aangepaste versie van een originele afbeelding” op voorwaarde dat de originele afbeelding bewaard blijft.

Verder kunt u ervoor kiezen om elk van de vier hoeken van de afbeelding te voorzien van een ronding; vink het selectievakje aan van de overeenstemmende hoek die u een ronding

Heeft een afbeelding een renditie dan kan u twee belangrijke acties uitvoeren op de afbeelding. Indien u de renditie niet langer wenst te houden dan kan u op het verwijder


Pagina 22 / 59

Pagina 21 / 59


8. Afbeeldingen

8. Afbeeldingen

potlood klikken om de renditie van de afbeelding te verwijderen en de originele afbeelding terug op de website te tonen. Een andere mogelijkheid is om de originele afbeelding te vervangen door de renditie, dit kan u doen door op de pijltjes te klikken. Heeft u de originele versie van een afbeelding niet meer nodig dan vervangt u best het origineel door de renditie.

Ten slotte kunt u ook een bewaarde opmaak toepassen op de geselecteerde afbeeldingen of de afbeeldingen aan een groep toevoegen, het concept “groepen” wordt verderop verklaard.

8.7 Afbeeldingsopmaak bewaren Zoals reeds beschreven kunt u een bepaalde opmaak van een afbeelding bewaren om deze dan later op een eenvoudige manier op andere afbeeldingen toe te passen. Wenst u de lijst van bewaarde opmaakconfiguraties te bekijken of aan te passen dan klikt u op de koppeling ‘Bewerk opmaak afbeeldingen >>>’ in de grijze actie balk bovenaan.

Figuur 10: Afbeeldingen, actie uitvoeren op selectie

8.10 Afbeeldingsgroepen Via de applicatie kan u ook afbeeldingsgroepen aanmaken; een groep is een verzameling van afbeeldingen die u in de applicatie hebt opgeladen, u kan eender welke afbeelding aan een groep toevoegen.

Figuur 9: Afbeeldingen, opmaak

Vervolgens krijgt u een lijst van de door u bewaarde opmaakstijlen voor afbeeldingen in een gedetailleerde weergave. Wenst u een opmaak niet langer te gebruiken de klikt u op het symbool naast de opmaak. Een opmaakstijl aanpassen of van naam veranderen kan helaas niet. Wenst u dit toch te bereiken dan dient u de huidige opmaak te verwijderen en een nieuwe aan te maken met de gewenste naam en configuratie.

Om een afbeelding aan een groep toe te voegen klikt u op het symbool naast de afbeelding, er verschijnt een scherm zoals u ziet in ‘Figuur 11: Afbeeldingsgroepen’. Bovenaan in het scherm kan u de naam van de afbeelding lezen. Selecteer nu een bestaande afbeeldingsgroep om deze afbeelding hieraan toe te voegen of geef een naam op voor een nieuwe groep en klik ‘bewaren >>>’.

8.8 Afbeelding vervangen / verwijderen Heeft u een afbeelding op een aantal plaatsen op uw website staan en wilt u deze afbeelding vervangen dan kan u alle webblokken manueel aanpassen maar er is meer eenvoudige manier. Ga naar de afbeelding die u wenst te vervangen en klik op het symbool , vervolgens krijgt u de mogelijkheid om een nieuwe afbeelding op te laden. Selecteer de nieuwe afbeelding op uw lokale computer en klik op ‘bewaren >>>’, vervolgens wordt de geselecteerde afbeelding verwijderd en vervangen door de net opgeladen afbeelding.

Figuur 11: Afbeeldingsgroepen

Wenst u een afbeelding te verwijderen dan klikt u op het symbool

Wenst u alle afbeeldingen van een bepaalde groep te tonen, klik dan op het symbool en enkel de afbeeldingen uit die groep worden getoond. Voor de afbeeldingen uit de groep heeft u nu de mogelijkheid om ze onderling van positie te wisselen. De afbeelding die u op positie ‘1’ plaatst is de afbeelding die getoond wordt op de website als hoofdafbeelding.

naast de afbeelding.

8.9 Actie uitvoeren op selectie Een aantal van de hierboven beschreven acties kan u ook uitvoeren op meerdere afbeeldingen tegelijk. Eerst dient u voor alle afbeeldingen, waar u de actie op wenst uit te voeren, het selectievakje aan te vinken. Wenst u alle afbeeldingen die momenteel getoond worden te selecteren/deselecteren klik dan op het selectievakje in de titelbalk. Oplopend of aflopend sorteren op nummer of op naam kan u door op de pijlen of te klikken. Heeft u de gewenste afbeelding(en) geselecteerd, kies dan een actie uit de selectielijst in de titelbalk. U kunt alle geselecteerde afbeeldingen verwijderen, u kan de rendities verwijderen, u kan de renditie als origineel instellen en verder de afbeeldingen uit hun eventuele groep halen. Mywebshop algemene handleiding

Pagina 23 / 59

Zodra u de afbeelding aan een groep heeft toegevoegd ziet u het symbool naast de afbeelding verschijnen; dit is een aanduiding dat deze afbeelding tot een afbeeldingsgroep behoort, de naam van de groep leest u naast de afbeelding. Vervolgens ziet u ook dat het volgende symbool actief wordt.

Figuur 12: Afbeeldingsgroepen, naamgeving

Pagina 24 / 59


8. Afbeeldingen

8. Afbeeldingen

U heeft de keuze uit volgende types van afbeeldingsgroepen: • Lightbox • Afbeelding-wisselaar • Diavoorstelling

8.10.4 Optimaliseer afmetingen

Klik op het symbool en klik daarna op ‘bewerk configuratie groep >>>’ om de opties van de afbeeldingsgroep te bekijken. Vervolgens komt u terecht in het onderstaande overzicht. In de vorm van tabbladen kan u de verschillende afbeeldingsgroepen bekijken die u reeds heeft gemaakt, in het kader kan u de instellingen bekijken.

Elke manier van afbeeldingen tonen is anders, elke manier heeft daarom ook zijn eigen vereisten naar de afmetingen van de afbeelding toe. Voor het beste resultaat omtrent snelle laadtijden en beste visuele weergave klikt u op ‘optimaliseer afmetingen’ in het tabblad ‘bewerk configuratie groep’. Meestal houdt dit in dat er een renditie wordt gemaakt van de afbeeldingen in de groep met bepaalde afmetingen. Indien de afbeelding reeds een renditie heeft wordt deze eerst verwijderd en wordt er een nieuwe gemaakt startend van de originele afbeelding.

8.10.5 Afbeeldingsgroep tonen op de website In het menu webblokken of op de ‘bewerk website’ kan u een afbeeldingsgroep selecteren om te tonen op uw website. Er wordt op de (test)website steeds een vergrootglas op uw afbeelding geplaatst om aan de bezoeker van uw website duidelijk te maken dat hij op de afbeelding kan klikken en de lightbox, afbeelding-wisselaar of diavoorstelling kan bekijken. Een laatste opmerking in dit verhaal is de functie van de ‘hoofdafbeelding’ van een groep, de hoofdafbeelding van een groep is steeds de afbeelding die getoond wordt op de webpagina. De andere afbeeldingen worden pas getoond door op de hoofdafbeelding te klikken.

Figuur 13: Afbeelding extra, overzicht groepen

8.10.1 Lightbox Een kleine afbeelding groter weergeven zonder een nieuw scherm te openen noemen we een lightbox. Een Lightbox kan bestaan uit één of meerdere afbeeldingen, er kan vervolgens door de afbeeldingen gebladerd worden in de speciale lightbox sectie.

Heeft u gekozen voor het type diavoorstelling dan wordt de hoofdafbeelding niet getoond in de detailweergave, bij lightbox en afbeelding-wisselaar is dit wel het geval.

8.10.6 Verkregen extra opties 8.10.2 Afbeelding-wisselaar De afbeelding-wisselaar toont een reeks van afbeeldingen op uw webpagina, er wordt slechts één afbeelding per keer getoond de afbeelding verandert na x-aantal seconden. Op het moment van de wissel, ziet u een animatie. Kies onderaan in de configuratie het aantal seconden rusttijd tussen het wisselen van afbeeldingen. Kies vervolgens de animaties die u wenst te gebruiken: één of meerdere animaties of willekeurig alle animaties (de animaties zijn genummerd van 1 tot en met 37, klik op een label om een voorbeeld te bekijken van de animatie).

Heeft u minstens één afbeeldingsgroep bepaald dan krijgt u in het overzicht van uw afbeeldingen extra opties. In de selectielijst ‘Toon objecten’ kan u nu in plaats van een aantal afbeeldingen ook een bepaalde groep selecteren; op die manier krijgt u enkel de afbeeldingen van die groep te zien, de hoofdafbeelding van de groep wordt benadrukt. Zoals eerder reeds vermeld heeft u nu ook de mogelijkheid om de afbeeldingen binnen de groep van plaats te verwisselen.

8.10.3 Diavoorstelling Een derde optie die u heeft is het tonen van de afbeeldingen in de groep met behulp van een diavoorstelling. In de diavoorstelling laat u de bezoeker steeds de keuze om de afbeeldingen te bekijken die hij wenst. Eerst ziet de bezoeker een album met alle afbeeldingen die in de groep zitten. Klikt hij vervolgens op één van de afbeeldingen dan komt hij in de detailweergave terecht; hier heeft hij verschillende mogelijkheden om door de foto’s te bladeren en dit alles in een mooi jasje. In de detailweergave kan de bezoeker de afbeeldingen ook effectief in een diavoorstelling bekijken, het aantal seconden tussen het verwisselen van afbeelding kan u zelf configureren. Mywebshop algemene handleiding

Pagina 25 / 59

Pagina 26 / 59


9. Documenten

10. Webblokken

9 Documenten

10 Webblokken

Omdat u vaak ook de behoefte heeft om documenten ter beschikking te stellen heeft u hier de mogelijkheid om uw documenten in de applicatie op te laden. Voorlopig tonen we enkel hoe u uw documenten in het systeem kan opladen, later tonen we u hoe u uw documenten effectief ter beschikking kunt stellen.

Nu we opgewarmd zijn is het eindelijk tijd voor het serieuze werk. Nadat we pagina’s hebben bepaald is het nu tijd om op te geven wat er concreet op de pagina’s moet komen en hoe de bladschikking zal zijn. De opties die we hebben zijn zeer uitgebreid, dat moet immers ook om een zekere flexibiliteit te kunnen hebben.

9.1 Overzicht

10.1 Overzicht

MENU OPTIE: Inhoud => Documenten

MENU OPTIE: Technisch => Webblokken

Indien u reeds documenten heeft opgeladen krijgt u meteen een overzicht van alle documenten die reeds in het systeem zitten. U krijgt vooraan het symbool te zien van het type bestand, gevolgd door de naam van het bestand en daarna de grootte van het bestand.

Indien u op de menu optie ‘webblokken’ klikt dan krijgt u meteen de webblokken te zien van een welbepaalde webpagina aangezien de webblokken specifiek en uniek zijn per webpagina. Welke webpagina wordt getoond kan u zien in de bovenste selectielijst bij de vermelding ‘huidig menu’. Snel het resultaat bekijken van de huidige webpagina doet u door op het symbool te klikken. Een nieuw venster opent en de test webpagina wordt getoond. Een nieuwe webblok maken doet u dan weer via de koppeling ‘maak >>>’, hoe dat in zijn werk gaat leest u in hoofdstuk 10.3.

Figuur 14: Documenten, overzicht

Verder ziet u in het bovenste kader specifieke webpagina-gerelateerde instellingen met betrekking tot webstijlen, opmaak en zoekmachines en onderaan ziet u de eigenlijke webblokken.

9.2 Documenten opladen Indien u een nieuw document wilt opladen, dan klikt u op de knop ’Bladeren …’, selecteert u het document op uw lokale computer en klikt u op ‘Openen’ om het bestand op te laden. Het bestand dat werd opgeladen krijgt dezelfde naam binnen de applicatie als de naam die het bestand heeft op uw lokale computer.

9.3 Documenten aanpassen Indien u een document heeft opgeladen in het systeem dan kan u drie acties ondernemen met het document. Allereerst heeft u de mogelijkheid om het eigenlijke bestand te bekijken; klik op het symbool voor de bestandsnaam en een nieuw scherm opent waarin het document wordt getoond. Ten tweede kunt u de bestandsnaam van het document aanpassen: u dubbelklikt op de naam, past de naam aan en klikt op ‘bewaren >>>’. Figuur 15: Webblokken, overzicht

Ten slotte kunt u het document verwijderen, klik op het symbool naast het document dat u wenst te verwijderen en het document wordt verwijderd uit het systeem.

10.2 Algemene instellingen Standaard krijgt de tekst op uw webpagina de opmaak die in de template wordt bepaald. Wilt u echter dat de opmaak op deze specifieke webpagina afwijkt van de standaard, dan selecteert u een eigen webstijl uit de lijst en vervolgens wordt deze opmaak toegepast op de gehele webpagina. Standaard is de volledige ruimte van de webpagina benut, maar omdat de tekst en de afbeeldingen dan tegen de kanten lijken te plakken is dit vaak niet het mooist. Om dit te vermijden kan u hier een waarde in pixels kiezen voor de ‘Tussenruimte webpagina rand’,


Pagina 27 / 59

Pagina 28 / 59


10. Webblokken

10. Webblokken

deze rand wordt aan alle 4 de zijden toegepast. Verder kunt u ook de ruimte tussen de webblokken bepalen door een selectie te maken voor de ‘Tussenruimte webblokken’. Een webpagina toont steeds informatie over een specifiek onderwerp, een zoekmachine (vb. google) gaat de webpagina onderzoeken en de nuttige informatie bewaren. De informatie die de zoekmachine bewaart wordt gekoppeld aan de webpagina waar de zoekmachine de informatie heeft gevonden. U als beheerder van de website kan ervoor zorgen dat de zoekmachine een exacte beschrijving van de webpagina bewaart samen met een reeks trefwoorden die specifiek zijn voor deze ene webpagina. Vul dus het beschrijvingsveld met een goede, gerichte en beknopte beschrijving van wat er op deze webpagina te lezen is. Verder geeft u een lijst van trefwoorden op die u aan de inhoud van deze webpagina koppelt, gebruik de ‘komma’ om de trefwoorden te scheiden.

Heeft u op één van de aangeboden stijlen geklikt dan wordt er een webblok aangemaakt volgens uw keuze. Vul vervolgens de cellen met tekst, een afbeelding, een Youtube® film, een google® map of kalender en geef de tekst een opmaak naar keuze. Eens de webblok werd aangemaakt kan u steeds nog de opbouw aanpassen met behulp van de webblok acties (zie 10.4).

10.4 Webblok acties Dadelijk gaan we dieper in op hoe u nu eigenlijk webblokken bewerkt, de opmaak verzorgt enz. Maar eerst een woordje uitleg over de acties die specifiek gericht zijn op de webblok zelf.

Eenmaal u de voorgaande instellingen heeft aangepast hoeft u deze meestal niet meer te bekijken of aan te passen. Om de specifieke instellingen te verbergen klikt u op de opwaartse pijl , om de instellingen te tonen klikt u op de neerwaartse pijl . De keuze die u laatst gemaakt heeft wordt bewaard.

10.3 Webblok maken

Figuur 16: Webblokken, webblok acties

Beweegt u met uw muiscursor over ‘maak >>>’ in de hoofding dan krijgt u een lijst te zien van mogelijke webblok stijlen. Doordat u een bepaalde stijl kiest maakt u een nieuwe webblok aan volgens die bepaalde stijl. We maken hier een onderscheid tussen de 4 soorten nieuwe webblokken. Symbool Omschrijving De eerste 2 rijen in de selectie geven u de keuze om een webblok te maken met een bepaalde opmaak. De afbeeldingen geven duidelijk de opmaak van elke optie weer. De grijze tekst duidt op tekst zonder opmaak terwijl de rode tekst reeds over opmaak beschikt (volgens de gekozen template). Per webpagina heeft u de mogelijkheid om in de algemene instellingen een waarde te kiezen voor de afstand tussen de webblokken. Mocht u twee webblokken hebben waartussen u deze afstand groter wenst te maken dan klikt u op deze afbeelding. Vervolgens dubbelklikt u op de afbeelding om de gewenste afstand in pixels te bepalen. Wenst u een Youtube® film op uw website te plaatsen dan kan dat. Selecteer eerst en vooral de volgende afbeelding uit de lijst om duidelijk te maken dat u een film wenst in te voegen. Nadat de nieuwe webblok werd toegevoegd klikt u nogmaals op de afbeelding, die u in de webblok kan terugvinden, om de unieke koppeling naar de gewenste film te bewaren. De koppeling kan u terugvinden via de website www.youtube.com. U kunt ook een kaart of een kalender van google® op uw website tonen. Een kaart van Google® is altijd handig om uw websitebezoekers een adres te tonen. Van hieruit kunnen ze ook hun route naar uw zaak plannen. Onderhoud uw kalender via google® en laat uw websitebezoekers kijken wat er op uw planning staat en meerbepaald wanneer u vrij bent. Tabel 2: Webblokken, webblok maken


Pagina 29 / 59

De tabel hieronder geeft per symbool weer wat de eigenlijke betekenis is en wat de actie is die erachter schuil gaat. Het menu krijgt u te zien wanneer u met de rechter muisknop klikt op een cel in een webblok. De actie die u gaat uitvoeren heeft dan ook betrekking op die webblok en meer bepaald de geselecteerde rij of kolom. Symbool

Omschrijving achterliggende actie Heeft u een webblok volledig naar uw wens geconfigureerd en wenst u dat al uw webblokken op die pagina die bepaalde opmaak hebben? Door op dit symbool te klikken kopieert u de huidige webblok. Wilt u een webblok verwijderen? Klik dan op dit symbool om de geselecteerde webblok voorgoed te verwijderen. Heeft u een rij in een webblok die u wenst te kopiëren, klik dan op dit symbool om de kopieeractie te starten. Indien er zich labels in de rij bevinden dan worden van deze labels duplicaten gemaakt zodat het eerste label zijn tekst blijft behouden als u het tweede label aanpast. Voor afbeeldingen geldt dit niet, vervangt of verwijdert u de afbeelding dan wordt ze in beide rijen verwijderd/vervangen. Voeg een lege rij toe aan de huidige webblok, welke rij u ook selecteert, de rij wordt onderaan toegevoegd. Staat een rij niet op de gewenste hoogte dan kan u door op dit symbool te klikken de huidige rij verwisselen met de voorgaande rij. Staat een rij niet op de gewenste hoogte dan kan u door op dit symbool te klikken de huidige rij verwisselen met de volgende rij. Is de geselecteerde rij niet langer gewenst, dan kan u enkel deze rij verwijderen door op dit symbool te klikken. Heeft u een kolom in een webblok die u wenst te kopiëren, klik dan op dit symbool om de kopieeractie te starten. Indien er zich labels in de kolom

Pagina 30 / 59


10. Webblokken

10. Webblokken

bevinden, dan worden van deze labels duplicaten gemaakt zodat het eerste label zijn tekst blijft behouden als u het tweede label aanpast. Voor afbeeldingen geldt dit niet, vervangt of wijzigt u de opmaak van de afbeelding dan wordt ze in beide kolommen gewijzigd/vervangen. Voeg een lege kolom toe aan de huidige webblok, welke kolom u ook selecteert, de kolom wordt achteraan toegevoegd. Staat een kolom niet in de gewenste volgorde dan kan u door op dit symbool te klikken de huidige kolom verwisselen met de voorgaande kolom. Staat een kolom niet in de gewenste volgorde dan kan u door op dit symbool te klikken de huidige kolom verwisselen met de volgende kolom. Is de geselecteerde kolom niet langer gewenst, dan kan u enkel deze kolom verwijderen door op dit symbool te klikken. Is een webblok niet langer nodig op deze webpagina maar wenst u hem in een andere webpagina te gebruiken, selecteer dan de naam van de webpagina waarnaar u deze webblok wenst te verplaatsen.

In dit scherm kan u: • Webblok opmaak aanpassen; • Webblok verplaatsen; • Webcel opmaak aanpassen; • Tekst bewerken of aanmaken; • Een afbeelding of afbeeldingsgroep selecteren.

10.5.1 Webblok opmaak De term opmaak van een webblok mag u in dit geval ruim interpreteren. Met opmaak bedoelen we visuele effecten toevoegen alsook bepalen welke tekst wordt getoond. Per webblok heeft u twee soorten opmaak; enerzijds de opmaak die voor de gehele webblok geldt, anderzijds de opmaak per cel. Een cel is een vak in een webblok die uniek is door de combinatie van de kolom en de rij waarin het zich bevindt. Wenst u de opmaak van een webblok of cel te bekijken of aan te passen dan klikt u op de gewenste cel in de webblok. Pas de opmaak aan en klik op ‘bewaren >>>’.

Tabel 3: Webblokken, webblok acties

TIP: Na enige tijd zult u merken dat u steeds dezelfde soort opmaak hanteert, het kan handig zijn om een webpagina te maken, die geen menu optie is, waar u voorgemaakte opmaken bewaart. Wilt u dan één van deze voorgemaakte opmaken gebruiken, kopieer dan de webblok en verplaats hem naar de gewenste webpagina om deze vervolgens te vullen met tekst en afbeeldingen.

10.5 Webblok/Webcel opmaak Beweegt u met uw muiscursor over een tekst of een afbeelding op de webpagina dan wordt de huidige webblok en webcel aangeduid met een onderbroken rand. Op die manier ziet u steeds welke webcellen binnen eenzelfde webblok vallen. Wenst u nu de opmaak te wijzigen van een webcel of een webblok dan klikt u eenmaal met uw linkermuisknop op de webcel of webblok die u wenst te wijzigen. Vervolgens verschijnt er een scherm waarin u de huidige instellingen kan aflezen en aanpassen.

Figuur 17: Webblokken, webblok/webcel verschillende opmaak opties


Pagina 31 / 59

Figuur 18: Webblokken, opmaak gehele webblok

Onderstaande tabel bevat de opmaak eigenschappen voor de gehele webblok. Item Omschrijving achtergrond Hier kunt u een achtergrond kleur voor de gehele huidige webblok kleur opgeven. Selecteer een kleur uit de lijst. U kunt een rand tonen rond de huidige webblok. Selecteer de dikte van de rand rand in pixels. Indien u voor een rand een bepaalde dikte heeft gekozen dan kunt u hier randkleur de kleur van de rand bepalen. Heeft u reeds uw volledige opmaak bepaald in een webstijl, dan kan u hier webstijl een webstijl koppelen aan de webblok. Selecteer de webstijl en de volledige opmaak wordt hier toegepast. De puntjes op de ‘i’ zetten qua afwerking heeft te maken met details. Voeg schaduw een schaduw toe aan een webblok met een afbeelding of met tekst om het resultaat te verbeteren. Een tabel hoeft niet de volledige breedte van het scherm in te nemen. Hier tabel uitlijning kunt u de uitlijning bepalen. Toont u de webblok gewoon links (standaardwaarde), centreert u de webblok of toont u hem liever rechts. Hier kunt u kiezen of u uw tabel over de volledige breedte toont of slechts tabel breedte een bepaald gedeelte. Maak een keuze uit de beschikbare percentages.

Pagina 32 / 59


10. Webblokken

binnenrand

tussenruimte

10. Webblokken Een tabel bestaat uit verschillende cellen en voor elke cel wordt een binnenrand bepaald. De binnenrand is de ruimte tussen de inhoud van de cel en de rand van de cel. Een voorbeeld kan u verderop vinden. Een tabel bestaat uit verschillende cellen, de cellen binnen de tabel worden gescheiden door de tussenruimte. Een voorbeeld kan u verderop vinden.

Tabel 4: Webblokken, opmaak gehele webblok

10.5.2 Verschil binnenrand / tussenruimte Om het verschil tussen beide te verduidelijken ziet u hieronder een afbeelding.

Figuur 19: Webblokken, binnenrand en tussenruimte

In de bovenste reeks kozen we voor binnenrand 10px en tussenruimte 2px. In de onderste reeks precies het tegenovergestelde. De binnenrand heeft een grijze kleur en de tussenruimte heeft een blauwe kleur. Zoals u kunt zien zorgt een binnenrand voor een dubbele spreiding ten opzichte van de tussenruimte omdat de afstand per cel wordt toegepast.

10.5.3 Webcel opmaak

Item Omschrijving achtergrond Hier kunt u een achtergrond kleur voor de huidige cel opgeven. Selecteer kleur een kleur uit de lijst. U kunt een rand tonen rond de huidige cel. Selecteer de dikte van de rand rand in pixels. Indien u voor een rand een welbepaalde dikte heeft gekozen dan kunt u randkleur hier de kleur van de rand bepalen. Heeft u reeds uw volledige opmaak bepaald in een webstijl, dan kan u hier webstijl een webstijl koppelen aan de cel. Selecteer de webstijl en de volledige opmaak wordt hier toegepast. De puntjes op de ‘i’ zetten qua afwerking heeft te maken met details. Voeg schaduw een schaduw toe aan een cel met een afbeelding of met tekst om het resultaat te verbeteren. Plaatst u tekst of een afbeelding in een cel dan kan u kiezen hoe u de cel uitlijning inhoud uitlijnt. Geeft u geen waarde op dan wordt de inhoud standaard horizontaal links uitgelijnd. Wenst u dit aan te passen dan kan u kiezen voor centraal of rechts als andere opties. Heeft u een webblok gemaakt van twee rijen en twee kolommen en wenst kolom u in de eerste rij een titel te definiëren die over de twee cellen van de spreiding tweede rij loopt? Kiest dan ‘2’ als waarde voor de kolom spreiding van de eerste cel in de eerste rij. Indien u een rij heeft met meerdere cellen en de eerste cel bevat slechts cel uitlijning een kleine tekst en tweede rij een afbeelding of een lange tekst dan kan u verticaal voor de kleine tekst kiezen hoe u ze verticaal uitlijnt. Bovenaan de cel, onderaan de cel of liefst centraal in de cel. Wenst u dat een bepaalde cel slechts een bepaalde breedte heeft ten celbreedte opzichte van de gehele webblok breedte dan kan u deze hier opgeven. U kunt opteren om uw objecten binnen een cel een x-aantal pixels van de binnenrand rand van de cel te tonen om op die manier een soort van spreiding te creëren. Een voorbeeld kan u vinden in 10.5.2. U kunt er ook voor opteren om de binnenrand enkel links in de cel toe te binnenrand passen en dus niet bovenaan, rechts en onder. Op deze manier creëert u links een soort insprong. Wenst u een afbeelding of een afbeeldingsgroep te tonen in deze cel? afbeelding Selecteer dan in de selectielijst de afbeelding of groep die u wenst. Wenst u een label te tonen in deze cel? Selecteer dan in de selectielijst het tekst label dat u wenst. Tabel 5: Webblokken, opmaak webcel

TIP: U kunt meerderen eigenschappen per gehele webblok of cel wijzigen voordat u op ‘bewaren >>>’ klikt. Het is wel zo dat u uw wijzigingen verliest indien u een andere webblok of cel selecteert.

Figuur 20: Webblokken, opmaak webcel


Pagina 33 / 59

Pagina 34 / 59


10. Webblokken

10. Webblokken

10.5.4 Tekstopmaak

klik hier voor acties = > klik [link=Aanbiedingen]hier[/link] voor acties U kunt ook een afbeelding op deze manier tonen, selecteer al dan niet een deel tekst(de geselecteerde tekst wordt getoond als een bezoeker met de muis over de afbeelding gaat), klik op de afbeeldingen knop en kies vervolgens de gewenste afbeelding. U krijgt dan het volgende resultaat.

U heeft verschillende opties om de opmaak van uw tekst te verzorgen.

Hier is een foto aan zee => Hier is een foto [pic=000006]aan zee[/pic] Figuur 21: Webblokken, tekstopmaak

Item

Omschrijving Wenst u een deel van de tekst in het vet te plaatsen, selecteer dan het deel tekst dat u vet wenst en klik op het symbool. U krijgt dan het volgende resultaat: Deze tekst vet => [b]Deze tekst vet[/b] Wenst u een deel tekst cursief te tonen, selecteer de tekst die u cursief wenst en klik op de knop. U krijgt dan het volgende resultaat: Deze tekst schuin => [i] Deze tekst schuin[/i] Tekst onderlijnen kan ook, selecteer de gewenste tekst en klik op de knop. U krijgt dan het volgende resultaat: Deze tekst vet => [u]Deze tekst vet[/u] Indien u een opsomming wenst te tonen kan u gebruik maken van de volgende knop. U krijgt dan het volgende resultaat: Opsomming 1 => [o]Opsomming 1 Wenst u een e-mailadres te vermelden op uw website dan moet u dit gewoon als tekst ingeven, wenst u ook dat de websitebezoeker op het e-mailadres kan klikken om zo snel een e-mail te versturen, selecteer dan het e-mailadres en klik op de e-mailknop. U krijgt dan het volgende resultaat. E-mail via [email protected] => E-mail via [[email protected]][email protected][/e-mail] Wenst u een koppeling te tonen naar een andere website en wilt u dat de bezoeker op deze koppeling kan klikken, selecteer dan de weblink van de website en klik op de website knop. U hoeft echter niet de website-link te gebruiken, u kunt ook een gewone tekst opgeven. U krijgt dan het volgende resultaat. zoeken kan via www.google.be => zoeken kan via [weblink=http://www.google.be]www.google.be[/weblink] Wenst u een koppeling te tonen naar een webpagina binnen uw website, selecteer dan de tekst waar de bezoeker op kan klikken, klik vervolgens op de knop die u links ziet en selecteer de gewenste webpagina. Op deze manier kunnen uw bezoekers surfen naar eender welke webpagina binnen uw website, ideaal dus voor een webpagina dat geen menu item is. U krijgt dan het volgende resultaat.


Pagina 35 / 59

TIP: combineer afbeeldingen met koppelingen zodat een bezoeker op een afbeelding kan klikken om de koppeling te volgen. TIP: bijzonder nuttig om een andere afbeelding te tonen per gekozen taal.

U kunt ook documenten ter beschikking stellen op deze manier. Selecteer een deel tekst wat de koppeling zal worden, klik op de documenten knop en selecteer het gewenste document. U krijgt dan het volgende resultaat. download de handleiding => [doc=handleiding]download[/doc] de handleiding Ook kunt u een deel van de tekst benadrukken door een webstijl toe te passen op een deel tekst. Selecteer de tekst die u wenst te benadrukken en klik op de webstijl knop, vervolgens kiest u uw webstijl die u wenst toe te passen. U krijgt dan het volgende resultaat. speciale aanbiedingen nu => speciale [style=speciaal]aanbiedingen[/style] nu Tabel 6: Webblokken, tekstopmaak

10.5.5 Webcel afbeeldingen Buiten tekst kan u ook nog afbeeldingen tonen in een webcel. Rechts onderaan ziet u een balk met alle afbeeldingen die u reeds in het systeem heeft opgeladen. Met behulp van de pijlen bladert u door de hele set van afbeeldingen.

Figuur 22: Webblokken, webcel afbeeldingen

U heeft nu twee keuzes om een afbeelding toe te voegen. Of u selecteert ‘Bladeren …’ om een nieuwe afbeelding op te laden. Een andere mogelijkheid is dat u op een van de afbeeldingen klikt in afbeeldingenbalk. In het begin van de afbeeldingenbalk ziet u telkens de hoofdafbeelding van elke afbeeldingsgroep. Werden alle groepen getoond dan ziet u een lege ruimte gevolgd door de lijst van afbeeldingen. Klik dus op de hoofdafbeelding van de afbeeldingsgroep of op een afbeelding om een groep/afbeelding aan de webcel toe te voegen. Beweeg met uw muiscursor boven elke afbeelding en u krijgt een voorbeeld te zien in een groter formaat. Een voorbeeld met een donkere rand voor afbeeldingen en een rode rand voor afbeeldingsgroepen. Pagina 36 / 59


11. Toon Website

12. Website valideren

11 Toon Website

12 Website valideren

Vanuit de applicatie heeft u te allen tijde de mogelijkheid om uw website te bekijken in de huidige staat. U heeft de optie om de testwebsite te bekijken, via ‘bewerk website’ uw inhoud aan te passen alsook de live website te bekijken. U kunt dit alles bekijken via de applicatie:

Bent u op een punt gekomen dat u uw testwebsite wenst te kopiëren naar de live-website dan moet u uw website eerst valideren en daarna activeren.

12.1 Overzicht MENU OPTIE: Website Admin => Bewerk Website MENU OPTIE: Website Admin => Toon Test Website MENU OPTIE: Website Admin => Toon Website

MENU OPTIE: Website Admin => Valideer Website

Het openen van deze functie kan enige tijd in beslag nemen. Van zodra het overzicht opent krijgt u een rapport te zien:

De logica van de websitelinks is als volgt: Test website / Bewerk Website: http://www.mywebshop.net/shops/test/ Live website: http://www.mywebshop.net/shops/ Wenst u uw testwebsite te laten bekijken/nakijken door een kennis/vriend dan kan u simpelweg de link van de website doorsturen naar die persoon. Heeft u een wachtwoord opgegeven in uw “Site instellingen” (zie 13.5), vergeet dan niet het wachtwoord aan die persoon te geven.

Figuur 23: Winkel valideren, overzicht

Het systeem kijkt na of alle objecten die op uw webpagina’s staan nog steeds bestaan in het systeem. Indien er iets mis is, zoals het ontbreken van een object, dan krijgt u hiervan een melding in het rapport. Indien dit het geval zou zijn dan kan u uw website niet activeren totdat u de fout heeft opgelost. Webpagina’s die correct werden gevalideerd worden getoond met het symbool . Webpagina’s die geen inhoud bevatten worden als correct beschouwd hoewel ze in het rapport als een waarschuwing worden weergeven aan de hand van het symbool . De reden hiervoor is dat u dient te weten dat uw websitebezoeker niet op deze menuoptie kan klikken. Indien er geen validatie-fouten gevonden worden in uw configuratie dan wordt de knop ‘Activeer Website’ getoond; klik op de knop om uw testwebsite volledig naar de live-website te kopiëren. LET OP: de live-website die op dat moment actief is wordt volledig overschreven, de vorige versie wordt niet bewaard dus er is geen weg terug! Wees aandachtig!


Pagina 37 / 59

Pagina 38 / 59


13. Site instellingen


13 Site instellingen Er zijn een heleboel instellingen die we niet onder een bepaalde noemer kunnen klasseren, een set van algemene website instellingen dus. Op deze pagina kunt u ze bepalen en instellen, keuzes in verband met taal, lay-out, afbeeldingen, zoek machine instellingen enz.

13.1 Overzicht MENU OPTIE: Instellingen => Site instellingen

Het overzicht omvat een webpagina met algemene website instellingen onderverdeeld in kleine onderverdelingen. Pas de waarden aan op de pagina die u wenst en klik vervolgens op ‘bewaren >>>’. Welke knop u kiest heeft geen belang, u kunt eender welke waarde in eender welke sectie aanpassen en vervolgens op eender welke ‘bewaren >>>’ knop klikken.

Verder kunt u ook een lijst van sleutelwoorden opgeven die algemeen gelden voor uw website. Vul in het linkse invulvak een sleutelwoord in, klik vervolgens op de pijl om het sleutelwoord te bewaren. Wenst u een sleutelwoord te verwijderen selecteer het dan in de rechtse lijst en klik . Per webpagina wordt deze lijst van sleutelwoorden opgegeven gecombineerd met de lijst die u per webpagina heeft bepaald. In het laatst invulvak kan u de naam opgeven van het verificatie bestand dat vereist is indien u Google webmaster tools gebruikt. Google webmaster tools laat u toe te bekijken wat de zoekmachine Google op uw website reeds heeft geïndexeerd. Op die manier kan u zien wat Google weet en welke zoekwoorden goed scoren. Wenst u te weten hoe Google Webmaster tools exact werkt dan verwijzen we u naar de website van Google, klik op het rode label om naar de website te gaan. De Google applicatie zal u vragen om een bepaald bestand op uw website te plaatsen; op die manier kan de Google applicatie nagaan of u de effectieve eigenaar bent van de website. Het bestand dat aangemaakt dient te worden lijkt op ‘google123456789.html’. Geef de naam van het bestand in het invulvak in en klik op bewaren. In dit geval dient u echter wel uw website te activeren. Hoe dit concreet werkt leest u verderop.

13.4 Afbeeldingsinstellingen U kunt alle afbeeldingen op uw website in beperkte mate beschermen door het selectievak ‘Bescherming afbeeldingen activeren’ te selecteren. Indien u dit doet dan zullen uw websitebezoekers niet in staat zijn om met de rechtermuisknop op uw afbeeldingen te klikken en ze op te slaan. Figuur 24: Site instellingen, overzicht

13.5 Extra instellingen

13.2 Taal U kunt uw website in meerdere talen aanbieden; standaard heeft u steeds een basistaal voor uw website. Een basistaal kan u kiezen uit de lijst van geselecteerde talen; selecteer een taal uit de selectielijst en klik op ‘bewaren >>>’. Wenst u een taal toe te voegen, selecteer de taal die u wenst in de linkse selectielijst, klik vervolgens op om de geselecteerde taal aan uw selectie toe te voegen. Rechts krijgt u de lijst van de talen die u aanbiedt; zoals u ziet zit de basistaal niet in die lijst, dit om de eenvoudige reden dat u de basistaal niet kan verwijderen. Wenst u een taal niet langer aan te bieden, selecteer dan die taal in de rechtse lijst en klik vervolgens op om de taal te verwijderen.

13.3 Zoekmachines In een vorig hoofdstuk bespraken we reeds hoe u informatie kan opgeven voor zoekmachines. Hier kunt u nog meer informatie opgeven.

Standaard wordt er in de hoofding van uw browser een titel geplaatst die bestaat uit de combinatie van uw webshop gebruikersnaam in combinatie met het label van de huidige webpagina. Wenst u in plaats van uw gebruikersnaam een andere waarde op te geven, dan doet u dit door een waarde op te geven in het tekstvak ‘Website titel’. Het gebruik van de testversie van uw website is mede bedoeld om andere personen uw website te laten nakijken. Het kan echter zijn dat u wenst dat niet iedereen de mogelijkheid heeft om uw testwebsite te bekijken. Wenst u dit niet geef dan een wachtwoord op voor uw testwebsite, vervolgens kan u enkel de testwebsite bekijken op een andere computer indien u dit wachtwoord opgeeft of het wachtwoord van uw webshop gebruikersnaam. Wenst u uw bezoekers de mogelijkheid te bieden om zich in te schrijven voor uw nieuwsbrief dan kan u deze optie aanbieden door het selectievakje aan te kruisen. Vervolgens wordt in de zijbalk van uw website een kader geplaatst waar uw bezoekers zich kunnen inschrijven voor uw nieuwsbrief. Hoe u concreet nieuwsbrieven/mailings verstuurd leest u verderop in deze handleiding.

Heeft u geen specifieke beschrijving van de webpagina opgegeven bij de webpagina zelf, dan wordt een algemene beschrijving gebruikt. Die algemene beschrijving kan u hier opgeven in het invulvak ‘site beschrijving’. Deze beschrijving wordt dus enkel gebruikt indien de webpagina ‘specifieke beschrijving’ niet werd ingevuld.

U kunt uw bezoekers de mogelijkheid geven om een zoekactie uit te voeren op uw website, selecteer het selectievakje ‘Zoeken activeren’ om deze functie in te schakelen.


Pagina 40 / 59

Pagina 39 / 59



14. E-mailadressen

Indien u dit wenst kan u een sms bericht ontvangen als er een contactformulier naar u werd verstuurd. Selecteer de optie ‘Activeer SMS boodschappen’ om deze mogelijkheid te activeren, achter het selectievak kan u het aantal resterende SMS ‘credits lezen’. Eén credit staat voor één sms naar eender welke operator. Of u nu al dan niet een bericht ontvangt dient u in het contactformulier te bepalen. Selecteert u de optie dan krijgt u een extra invulvak te zien waar uw gsm nummer moet opgeven. Hier is het zeer belangrijk dat u het juiste formaat hanteert zodat de berichten correct aankomen. Syntax: Voorbeeld: 32 489 328080 Op de algemene website van Mywebshop.net worden alle websites opgelijst die met de applicatie worden onderhouden. U kunt voor uw eigen website bepalen of u dit wenst of niet door het selectievakje te gebruiken. Verder kunt u op uw website een icoonbestand plaatsen; dit is een afbeelding die getoond wordt naast het websiteadres van uw website in de hoofding van uw browser applicatie.

14 E-mailadressen Samen met uw website krijgt u ook bijbehorende e-mailadressen. Hier kunt u de lijst raadplegen van de door u aangevraagde e-mailadressen.

14.1 Overzicht MENU OPTIE: instellingen => E-mailadressen

Figuur 26: E-mailadressen, overzicht

Voor de domeinnaam ‘demo.be’ ziet u dat er twee e-mailadressen zijn geconfigureerd. Wenst u het wachtwoord voor een e-mailadres te bekijken dan klikt u met de linkermuisknop op de reeks ‘********’ en het wachtwoord wordt getoond. U kunt nu ook een aanvraag doen om uw wachtwoord te wijzigen door op het symbool te klikken. Wijzig uw wachtwoord en klik op ‘bewaren >>>’ of klik op ‘annuleren >>>’. Verder ziet u ook dat ‘[email protected]’ werd geconfigureerd als ‘Catch All e-mail’. Een catch all e-mail is het e-mailadres dat e-mails ontvangt die verstuurd werden naar onbestaande e-mailadressen binnen uw domein. Bijvoorbeeld: email verstuurd naar ‘[email protected]’ wordt verstuurd naar ‘[email protected]’ want het e-mailadres ‘[email protected]’ bestaat niet.

Figuur 25: Site instellingen, icoon bestand

Klik op het label om naar een website te gaan waar u icoonbestanden kan aanmaken, volg de instructies op de website. Vervolgens gaat u naar de afbeeldingensectie van de applicatie, en laadt u het bestand met de extensie “.ico” op. Automatisch beschouwt de applicatie het bestand als het website-icoon, het opgeladen icoon wordt getoond bij de ‘site Instellingen’ (zie 13.5). Wenst u het icoon te verwijderen dan klikt u op het symbool . Wenst u een nieuw icoon op te geven dan dient u een nieuw icoon bestand op te laden zoals u dat voorheen deed.


Pagina 41 / 59

Pagina 42 / 59


15. Blogs

15. Blogs

15.3 Blog configureren

15 Blogs Een blog, ook wel weblog genoemd, is een webpagina waarop regelmatig, soms meermalen per dag, nieuwe bijdragen verschijnen en waarop de geboden informatie in omgekeerd chronologische volgorde (het nieuwste bericht verschijnt als eerst) wordt weergegeven. Wie een weblog bezoekt, treft dan ook op de voorpagina de recentste bijdrage(n) aan. Een voorbeeld is een gastenboek. U kunt dus één of meerdere blogs op uw website plaatsen zodat de bezoekers van uw website een bericht kunnen nalaten voor andere bezoekers. Een websitebezoeker heeft in dit geval wel de volledige vrijheid om te schrijven wat hij of zij wil. U als websitebeheerder heeft natuurlijk (als enige) de mogelijkheid om ongewenste berichten te verwijderen uit de blog.

15.1 Overzicht MENU OPTIE: Inhoud => Blogs

In het overzicht kan u bovenaan verschillende tabs zien, afhankelijk van de hoeveelheid blogs die u reeds heeft aangemaakt. U ziet hier ook de tab ‘maak blog’ waar u te allen tijde de mogelijk heeft om een nieuwe blog aan te maken.

Figuur 27: Blogs, overzicht

15.2 Maak blog Om een nieuwe blog aan te maken klikt u bovenaan op de tab ‘maak blog’. Selecteer vervolgens de webpagina waarop u de blog wenst te tonen en klik ‘verder >>>’ om de blog aan te maken. Per webpagina kan u één blog koppelen. Indien u een blog aan een webpagina koppelt dan wordt op deze webpagina eerst de informatie getoond die u heeft opgegeven in de webblokken en daaronder wordt de blog getoond. U bent echter niet verplicht om webblokken te bepalen voor een webpagina die een blog bevat.


Pagina 43 / 59

In de tabel hieronder kan u de betekenis van de verschillende opties nalezen. Item Omschrijving Iemand die een blog boodschap achter laat moet steeds zijn of haar Tekst voor naam achter laten, kies hier de tekst die u wenst te tonen bij het invulvak naam van de naam. Verder kan een persoon die een boodschap ingeeft ook zijn e-mail opgeven, selecteer het label dat u als begeleidende tekst wenst te tonen. Achteraan ziet u nog drie aankruisvakken staan. Standaard is het emailadres opgeven niet verplicht, wenst u dit verplicht te maken kruis dan het eerste vak aan. Verder is het ook standaard om het e-mailadres E-mail tekst te verbergen wanneer de boodschap wordt getoond, wenst u toch de email van de bezoekers te tonen dan dient u het tweede vakje aan te kruisen. U als beheerder van de website kan altijd de e-mailadressen bekijken. Het derde vakje geeft u de mogelijkheid om de bloggers de keuze te laten zich in te schrijven om updates van anderen te ontvangen. Tekst voor Geef de tekst op die u wenst te tonen bij het invulvak waar de bezoeker boodschap de boodschap kan ingeven. U kunt uw websitebezoekers de kans geven om smilies (vb.: ☺) in hun Toon smilies boodschap te gebruiken. U kunt kiezen tussen een beperkte of een uitgebreide set smilies. Als de bezoeker de boodschap wenst te bewaren dan dient hij op een Tekst voor knop te klikken; geef hier het label op met de tekst die u wenst te tonen knop op de knop om de boodschap te bewaren. Wenst u als websitebeheerder steeds op de hoogte te blijven van de nieuwe boodschappen die uw bezoekers op uw website plaatsen dan kan Verstuur eu het vakje hier aankruisen. Als er een nieuwe boodschap wordt bewaard mail bij krijgt u meteen een e-mail in uw mailbox met de alle details van de nieuwe boodschap die net werd toegevoegd. Het e-mailadres dat gebruikt wordt boodschappen om de e-mail naar te verzenden is het e-mailadres dat u heeft opgegeven in uw ‘Klantgegevens’. Deze optie krijgt u enkel te zien bij het aanmaken van een nieuwe blog, selecteer een webpagina waarop u de blog wenst te tonen. Indien u een Webpagina bestaande blog aanpast dan is de naam van de webpagina de waarde die in de tab bovenaan getoond wordt. Tabel 7: Blogs, maak blog

Pagina 44 / 59


15. Blogs

16. Contactformulieren

15.4 Beheerdersfuncties

16 Contactformulieren

Zoals eerder vermeld kunt u als beheerder van de website acties uitvoeren die een gewone bezoeker van uw website niet kan. U kunt steeds eender welke boodschap op uw blog verwijderen indien u niet akkoord gaat met de boodschap of indien de inhoud u op de één of de andere manier kan schaden. Verder kunt u, als beheerder, de e-mailadressen zien van de personen die een boodschap hebben achter gelaten: om dit te kunnen moet u wel de optie ‘e-mail verplicht’ aankruisen. Als u er natuurlijk voor kiest om de e-mailadressen ook nog eens openbaar te tonen dan kan natuurlijk eender welk bezoeker de e-mailadressen zien.

Regelmatig zullen bezoekers van uw website vragen hebben in verband met uw zaak. Het kan daarom handig zijn om een webpagina aan te maken met veelgestelde vragen en antwoorden.

Wenst u het opgeven van een e-mailadres verplicht te maken dan geven we u de raad om het e-mailadres niet zichtbaar te maken. Bezoekers die merken dat hun e-mail met de wereld gedeeld wordt zijn minder snel geneigd om een boodschap te plaatsen. Kiezen ze er toch voor om een boodschap achter te laten dan weerhoudt niets hen om een vals emailadres op te geven. Wenst u dus toch een bruikbaar e-mailadres te kennen dan kan u best het e-mailadres niet zichtbaar maken.

Per contactformulier kan u de informatie ook nog eens versturen naar een specifiek e-mailadres. Is het bijvoorbeeld een contactformulier in verband met de verkoop van een product dan stuurt u best de e-mail naar ‘[email protected]’, is het een contactformulier in verband met de website zelf dan stuurt u best de e-mail naar ‘[email protected]’. U heeft ook de mogelijkheid om een verwittiging per SMS te ontvangen.

Concreet is er slechts één manier om e-mailadressen te bekijken en berichten te wissen; u dient in de mywebshop.net applicatie in te loggen en vervolgens de menu optie ‘Website Admin => Toon Website’ te kiezen. Uw live-website zal in een nieuw venster openen, ga nu naar de webpagina waar u de blog toont en daar kan u meteen items wissen en e-mailadressen bekijken.

16.1 Overzicht

15.5 Test versus live Indien u een blog aanmaakt dan kan u boodschappen naar de blog versturen op uw testwebsite. Op uw testwebsite kan u dan meteen het resultaat bekijken van de blog configuratie. U kunt zoveel boodschappen op de blog van de testwebsite plaatsen als u wenst, u kan deze dan bekijken op uw testwebsite en ook verwijderen door de testwebsite te tonen via de applicatie.

Daarnaast kunt u ook een contactformulier (of meerdere contactformulieren) op uw website plaatsen zodat mensen u kunnen contacteren bij vragen waarop ze niet meteen een antwoord vinden. Dit contactformulier werkt aan de hand van selectielijsten.

MENU OPTIE: Inhoud => Contactformulieren

Net zoals het configureren van een blog heeft u bovenaan de tabs van de bestaande contactformulieren en een tab voor het aanmaken van een nieuw contactformulier. Een contactformulier wordt steeds aan een webpagina gekoppeld. In het overzicht van een contactformulier heeft u twee onderverdelingen; in de bovenste sectie kan u een of meerdere items definiëren die de bezoeker moet opgeven. Onderaan heeft u de mogelijkheid algemene instellingen te bepalen voor het contactformulier.

Als u vervolgens dan uw testwebsite naar de live-website kopieert dan wordt wel de blog configuratie gekopieerd maar niet de boodschappen. U kunt dus zoveel test boodschappen ingeven als u wenst, op de live-website worden ze niet getoond.

Figuur 28: Contactformulieren, overzicht


Pagina 45 / 59

Pagina 46 / 59




16.2 Maak contactformulier Om een nieuw contactformulier aan te maken klikt u bovenaan op de tab ‘maak contactformulier’. Selecteer vervolgens de webpagina waarop u het contactformulier wenst te tonen en klik ‘verder >>>’ om het contactformulier aan te maken. Per webpagina kan u één contactformulier koppelen. Indien u een contactformulier aan een webpagina koppelt dan wordt op deze webpagina eerst de informatie getoond die u heeft opgegeven in de webblokken en daaronder wordt het contactformulier getoond. U bent echter niet verplicht om webblokken te bepalen voor een webpagina die een contactformulier bevat.

16.3 Contactformulier configureren Klik op ‘Maak nieuw item >>>’, kies een item en klik op bewaren. Optie Lege regel Horizontale lijn Tekst invoervak

Omschrijving Voeg een lege regel toe in het contactformulier Voeg een horizontale lijn toe in het contactformulier Deze keuze toont een leeg invoervak, de bezoeker kan zoveel tekst in het vak opgeven als hij of zij wenst. Dit item verlangt dat de bezoeker hier een e-mailadres opgeeft. Het emailadres wordt vervolgens op de website ook getoetst aan de E-mailadres basisregels waar een e-mailadres aan moet voldoen, is het niet correct dan kan het formulier niet verstuurd worden. De websitebezoeker een datum laten selecteren kan door het kiezen van Datum selectie deze optie. Wenst u een ja/nee vraag te stellen dan doet u dit door een selectie Selectie vakje vakje op het contactformulier te plaatsen, vergeet wel niet om duidelijk te maken of een selectie nu ‘ja’ of ‘nee’ betekent. Informatie vragen aan de hand van een selectielijst is een goede manier om gerichte antwoorden te krijgen. Maak eerst een lijst aan (zie 19.1) en Selectielijst selecteer deze lijst hier. Vervolgens krijgt de bezoeker een selectielijst te zien met alle opties die u in uw lijst heeft bepaald. Wenst u geen selectielijst te tonen maar selectievakjes dan dient u deze Optielijst optie te selecteren. Elk item in de lijst krijgt een eigen selectievakje en unieke selectie de bezoeker kan slechts één van de opties aanvinken. Optielijst multi Stelt u een vraag waarbij meerdere antwoorden mogelijk zijn dan kiest u selectie deze optie. De gebruiker kan nu één of meerdere keuzes maken. U kunt een begeleidende tekst bij het contactformulier opgeven. Deze Tekst lijn tekst wordt dan getoond als inleiding of als extra informatie. Kiest u voor deze optie dan krijgt de bezoeker een invoervak waarin hij meerdere regels kan opgeven waardoor hij dus beter zijn Tekst van vraag/gegevens kan formuleren. Door het kiezen van deze optie beperkt 100/300 u de vraag tot maximaal 100/300 karakters. Het opleggen van een karakters maximaal aantal karakters zorgt ervoor dat de bezoeker niet van de essentie afwijkt en zijn vraag gerichter stelt. Tekst zonder Wenst u echter geen beperking op te leggen in verband met de lengte beperking van de gestelde vraag dan kiest u voor deze optie.


Pagina 47 / 59

Tekstveld supergrootte

Heeft u de grootte van de invoervakken van de 3 bovenstaande items gezien en wenst u een groter invoerveld aan te bieden dan kan u kiezen voor een veld van supergrootte.

Tabel 8: Contactformulieren, configuratie

Bij elk opgegeven item typt u zelf een tekst/vraag. Klik op abc om uw tekst in te geven. Vb.: “Stel hier uw vraag” of “Wanneer kunnen we u het best bereiken?”. Is een op te geven waarde verplicht in te vullen door de bezoeker (vb. e-mailadres) dan dient u het selectie vakje achteraan aan te vinken. Wenst u de gekozen items onderling van plaats te wisselen dan kan u dit doen door gebruik te maken van de opwaartse pijl of de neerwaartse pijl . Een item uit de lijst verwijderen kan u steeds doen door op het symbool te klikken. Onderaan dient u een e-mailadres op te geven naar waar een ingevuld contactformulier moet verstuurd worden. Als de bezoeker het contactformulier heeft verzonden wordt een standaard tekst “Uw contact formulier werd correct doorgestuurd, bedankt voor uw reactie.” getoond. U kunt deze tekst uiteraard wijzigen. Verder kan u ook de tekst wijzigen die op de ‘verzenden’ knop wordt getoond. Als laatste kiest u of u ook een SMS boodschap wenst te ontvangen bij elke verstuurd contactformulier. U heeft de keuze om dit niet te doen, u kiest dan voor optie ‘geen sms’. Wenst u een informatieve sms te ontvangen dan kiest u ook optie ‘informatieve sms’, wilt u ook meteen de inhoud van het contactformulier weten dan kiest u de optie ‘volledige inhoud’. Vervolgens wordt de gehele inhoud van het contactformulier, dat werd ingevuld door de websitebezoeker, verstuurd via sms. Wees u ervan bewust dan het versturen van SMS boodschappen niet gratis is, er wordt één credit per verstuurde SMS aangerekend (prijzen kan u raadplegen via de website). Kiest u ervoor om de ‘volledige inhoud’ van het contactformulier te versturen dan kan het aantal SMS berichten aanzienlijk oplopen naar gelang de configuratie die u heeft gekozen.

Pagina 48 / 59


17. Nieuwsitems

18. Mailing

17 Nieuwsitems

18 Mailing

In de zijbalk van uw website kan u nieuwsitems tonen, deze nieuwsitems worden willekeurig getoond. De websitebezoeker kan op de nieuwsitems klikken om het volledige item na te lezen.

U heeft de mogelijkheid om vanuit de applicatie een mailing te versturen. Een mailing is een actie waarbij u een e-mail verstuurd naar een lijst van personen. Een voorbeeld is een nieuwsbrief. U kunt de bezoekers op uw website laten kiezen om zich in te schrijven voor de mailing, dit kan u doen door de optie “Toon inschrijven voor nieuwsbrief” onder het menu “site instellingen” aan te vinken. Verder kunt u ook zelf twee lijsten met e-mailadressen onderhouden, deze zijn nuttig voor bijvoorbeeld klanten, leveranciers, personeel enz.

17.1 Overzicht MENU OPTIE: Inhoud => Nieuws

18.1 Overzicht MENU OPTIE: website Admin => Mailing versturen

Figuur 29: Nieuwsitems, overzicht

In bovenstaande figuur ziet u de lijst van reeds aangemaakte nieuwsitems en hun eigenschappen. Meteen ziet u dat elk nieuwsitem een verschillende kleuraanduiding heeft vooraan. Stel dat het vandaag 1 April 2010 is en u kijkt naar de datums ‘Toon item vanaf’ en ‘Toon item t.e.m.’, dan merkt u dat de groene items actief zijn en dus op dit moment getoond worden op de website, de startdatum is reeds gepasseerd en de einddatum ligt in de toekomst of is niet opgegeven.

Op de overzichtspagina “Mailing versturen” ziet u drie tabbladen. Het eerste tabblad omvat alle e-mailadressen van personen die zich via de website ingeschreven hebben voor de mailing. Klik onderaan op “ALLES” om alle e-mailadressen te zien. Hier kunt u ook emailadressen toevoegen of verwijderen. De andere tabbladen “persoonlijke groep 1 en 2” laten u toe om zelf lijsten met e-mailadressen te maken en te beheren. Zie ook “Adressen bewerken” in hoofdstuk 18.3.

De blauwe items zijn items die reeds in het verleden liggen, de einddatum ligt dus voor de huidige datum, deze worden dus niet meer getoond. De rode items zijn toekomstige items, de startdatum is groter dan de huidige datum, deze items worden dus nog niet getoond. U kunt een nieuw nieuwsitem aanmaken door op ‘maak >>>’ te klikken en vervolgens een titel en een nieuwsboodschap in te geven. Vervolledig de juiste data en klik op ‘bewaren >>>’. Heeft u nieuwsitems aangemaakt dan kan u hier bepalen hoeveel items tegelijkertijd op uw website worden getoond. Kies een getal van ‘0’ tot en met ‘9’, vervolgens zal dat aantal getoond worden in de zijbalk, dit op voorwaarde dat er voldoende nieuwsitems actief zijn.

Figuur 30: Mailing, overzicht

18.2 Versturen Eerst en vooral dient u een webpagina aan te maken waar u de inhoud voor de e-mail in uitwerkt. Wees u er echter wel van bewust dat enkel de inhoud van de webpagina wordt verstuurd. De menubalk, de zijbalk en de rest van de website wordt niet mee verstuurd. Wenst u een mailing te versturen, dan selecteert u eerst de tab van de lijst van personen waarnaar u wenst te sturen. Elke tab bevat zijn eigen configuratie, zorg er dus voor dat u zeker de juiste tab selecteert. De e-mails die verstuurd worden vanuit de applicatie worden steeds verstuurd vanuit een bepaald e-mailadres. Het e-mailadres wordt in het systeem bewaard zodat u dit niet steeds moet opgeven. Wenst u het e-mailadres te wijzigen, klik dan op ‘Wijzig >>>’, geef het nieuwe e-mailadres op en klik op ‘bewaren >>>’.


Pagina 49 / 59

Pagina 50 / 59


18. Mailing

19. Lijsten

Selecteer vervolgens de webpagina die u wenst te versturen. U zal enkel een lijst krijgen van webpagina’s die effectief op de live-website staan. De reden hiervoor is dat in de e-mail een link vermeld staat waarmee de e-mailontvanger de e-mail ook online kan bekijken. Wees u er dus van bewust dat de inhoud van de webpagina beschikbaar moet zijn zolang de e-mail kan gelezen worden door de ontvangers. Een goede tip kan zijn om al uw mailings te bewaren om zo zeker te zijn dat de mailing altijd correct wordt getoond bij de ontvangers. Kies er dan echter wel voor om de webpagina niet te tonen in het menu van uw website. Als derde geeft u een onderwerp op voor de e-mail die verstuurd gaat worden. Zorg steeds voor een duidelijk en beknopt onderwerp. Daarna ziet u hoeveel e-mailadressen er gekend zijn voor deze specifieke lijst.

19 Lijsten Tijdens de configuratie van een product of het samenstellen van contactformulieren kunt u gebruik maken van lijsten. Een lijst is een verzameling van waarden uit eenzelfde categorie.

19.1 Overzicht MENU OPTIE: Inhoud => Lijsten

Het aanmaken en beheren van lijsten is kinderspel. Bovenaan heeft u de mogelijkheid om een nieuwe lijst aan te maken. Onderaan ziet u al uw bestaande lijsten inclusief de waarden die ze bevatten en het aantal items per lijst.

Geef vervolgens een e-mailadres op waarnaar u een voorbeeld e-mail verstuurt. U kan nu de e-mail controleren op correctheid, lay-out, spelfouten enz. In het onderwerp van deze “voorbeeld e-mail” wordt een code getoond van zes cijfers. Als alles naar wens is, kopieert u deze code en plakt u deze in het invoervak “ID voor mailing”. Klik ten slotte op ‘Verstuur definitieve mailing’ of ‘annuleren’.

18.3 Adressen bewerken Onderaan in het overzicht kan u de lijst van e-mailadressen opvragen en bewerken. Wenst u zelf een e-mailadres toe te voegen aan de geselecteerde mailinglijst, vul dan in het eerste invoervak het e-mail adres in en klik vervolgens op ‘E-mail toevoegen >>>’. U kan ook een volledige lijst van e-mailadressen opladen. Zorg ervoor dat het bestand een ‘.txt’ of ‘.log’ bestand is en verder moet elke lijn een uniek e-mailadres bevatten. Meerdere e-mailadressen op een lijn worden als één e-mailadres verwerkt. Klik op ‘Bladeren…’ om het bestand op uw computer te selecteren, klik vervolgens op ‘E-mail lijst opladen >>>’ om het opladen te starten. Als het opladen is afgerond krijgt u een rapport te zien met de e-mail adressen die correct zijn toegevoegd en een lijst met e-mail adressen die faalden. Een e-mailadres dat faalde kan als reden hebben dat het reeds in het bestand staat of dat het geen geldig e-mailadres is.

Figuur 31: Lijsten, overzicht

19.2 Lijsten beheren Wenst u een nieuwe lijst aan te maken dan gaat u naar het kader bovenaan de pagina. Eerst geeft u een duidelijke naam aan de nieuwe lijst. Verder geeft u meteen een eerste waarde op die u in de lijst wenst te bewaren. Ten slotte kunt u ook een ‘te bewaren waarde’ opgeven voor het item, dit kan nuttig zijn mocht u voor elke waarde een afkorting of een code gebruiken. Klik op ‘bewaren >>>’ om de nieuwe lijst aan te maken. Wenst u een bestaande lijst uit te breiden, vul dan de nieuwe waarde in het invulvak ‘Te tonen waarde’ naast de lijst die u wenst uit te breiden. Geef een ‘Te bewaren waarde’ op indien gewenst en klik op het symbool om de nieuwe waarde aan de lijst toe te voegen.

De adressen bekijken kan u doen door op “ALLES” te klikken, of door op een letter van het alfabet te klikken, waardoor alle adressen worden getoond die met die bepaalde letter beginnen. Wenst u een deel van het e-mailadres op te geven, dit kan bijvoorbeeld ‘.be’ of ‘@hotmail.com’ zijn, vul de zoekterm dan in bij “zoek” en klik vervolgens op enter. De resultaten die aan de voorwaarde voldoen worden getoond.

Is een waarde niet langer nodig in de lijst dan verwijdert u deze, selecteer de te verwijderen waarde uit de lijst en klik op het symbool . Vervolgens krijgt u de waarde in het linkse invulvak alsnog te zien, dit is altijd handig indien u de waarde niet wenste te verwijderen maar wel aan te passen. Pas indien gewenst de waarde aan en klik op het symbool om de waarde opnieuw toe te voegen.

Als laatste kunt u de e-mailadressen die overeenkomen met de selectie die u heeft opgegeven exporteren uit de applicatie en vervolgens opslaan op uw eigen PC. Maak een selectie naar keuze en klik op het export symbool . Eenmaal het bestand is aangemaakt krijgt u een koppeling op het scherm te zien. U kunt het adressenbestand nu in een nieuw venster bekijken of opslaan op uw harde schijf; klik hiervoor met de rechtermuisknop op de link en kies “doel opslaan als”.

Heeft u het laatste item uit een lijst verwijderd dan is ook meteen de lijst in zijn geheel niet meer beschikbaar.


Pagina 52 / 59

Pagina 51 / 59

TIP: De lijst van waarden wordt steeds in alfabetische volgorde getoond, wenst u alsnog een bepaald item eerst in de lijst te tonen laat die waarde dan beginnen met een spatie.


20. Labels

21. Webstijlen

20 Labels

21 Webstijlen

In de applicatie benoemen we de stukken tekst als labels. Een stuk tekst is altijd een label, maar omgekeerd is een label niet zomaar een tekst, een label is een tekst in een welbepaalde taal. Indien u ervoor kiest om uw website in meerdere talen aan te bieden dan kan u voor elk label een vertaling ingeven. Het label dat getoond wordt is dan steeds het label in de taal die de bezoeker heeft geselecteerd. In uw algemene instellingen kiest u altijd een basistaal voor uw website, mocht u een tweede taal ter beschikking stellen en u heeft voor dat label geen tekst opgegeven in die taal dan wordt de tekst van de basistaal getoond.

Een website is meer dan een verzameling tekst die u kunt lezen, meer dan een stel afbeeldingen op een hoopje gegooid. De tekst moet het juiste lettertype hebben, de juiste kleur zijn, een bepaalde achtergrond hebben enz.

20.1 Overzicht

Met het gebruik van webstijlen bepaalt u een aantal configuraties, daarna kunt u bepaalde delen tekst of hele webpagina’s koppelen aan deze webstijlen. Op die manier zorgt u voor een uniform beeld op uw website, maar nog beter, vindt u toch dat het gekozen rood nog iets roder mag, geen probleem. Pas de webstijl(en) aan die het rood bevat en enkele klikken later is de gehele website aangepast.

MENU OPTIE: Inhoud => Labels

21.1 Overzicht Standaard krijgt u een overzicht van de door u geselecteerde talen in uw website instellingen (zie 13.2), invoervakken die u kunt gebruiken om in de waarden te zoeken en de lijst van teksten per taal voor een bepaalde sleutel.

MENU OPTIE: Inhoud => Webstijlen

Meteen krijgt u een overzicht te zien van de webstijlen die u reeds heeft aangemaakt, inclusief de details die u heeft opgegeven. Indien de eigenschap een kleur is krijgt u meteen ook een visuele voorstelling van die kleur.

Figuur 32: Labels, overzicht

Standaard zijn alle mogelijke talen geselecteerd in de lijst van talen, op die manier krijgt u steeds alle mogelijke teksten te zien per taal. Wenst u te zoeken naar een bepaald label om het te verwijderen of het te bewerken, geef dan een zoekwaarde in. Het eerste invoervak is steeds de sleutelwaarde, de sleutel heeft u zelf bepaald als u in dit menu een nieuw label maakt of werd bepaald door de webpagina waarin het label werd aangemaakt. De volgende invoervakken zijn afhankelijk van de taal, heeft u maar één taal dan is het evident, gebruikt u meerdere talen dan kan u de taal lezen naast het invoervak.

Figuur 33: Webstijlen, overzicht

Niet alleen van de configuratie krijgt u een overzicht, indien u met uw muiscursor over de naam van de webstijl beweegt ziet u meteen een voorbeeldweergave verschijnen van de webstijl die u op dat moment aanduidt.

Wenst u een label te verwijderen dan hoeft u enkel op het symbool te klikken naast het label dat u wenst te verwijderen. Wenst u een waarde voor een label te bepalen of aan te passen dan dubbelklikt u op de tekst die u wenst te bewerken, u past de tekst aan en u klikt op‘bewaren >>>’. De gedetailleerde knoppen die u kunt gebruiken staan beschreven in hoofdstuk 10.5.4. Wenst u een nieuw label aan te maken klik dan op ‘maak >>>’, geef vervolgens een naam op voor het nieuwe label. Deze waarde zal gebruikt worden als sleutelwaarde voor dit specifiek label. Vervolgens geeft u voor elke taal die u voor uw website wenst te gebruiken een tekst in. U bent echter enkel verplicht om een naam voor het label op te geven en een tekst voor de basistaal van uw website. Andere talen mag u opgeven maar hiertoe bent u niet verplicht vanuit de applicatie. Verder dient u nog te weten dat labels die werden aangemaakt via dit menu item worden beschouwd als ‘persoonlijke labels’ terwijl labels die werden aangemaakt via andere menu opties, bijvoorbeeld: webblokken, contactformulieren, enz.,


Pagina 53 / 59

Pagina 54 / 59


21. Webstijlen

21. Webstijlen

21.3 Kleurenkiezer

21.2 Webstijl aanmaken

Elke kleur die u ook maar kunt dromen, kunt u met de kleurenkiezer samenstellen.

Om een webstijl aan te maken klikt u in de overzichtsweergave op de link ‘maak >>>’, vervolgens komt u in het menu om een nieuwe webstijl aan te maken. U kunt de waarden opvullen met behulp van de onderstaande tabel. Eens u uw keuze heeft gemaakt uit de verschillende opties klikt u ‘maak >>>’ om de nieuwe webstijl te bewaren als een persoonlijke webstijl.

Beweeg met de muiscursor over het kleurenspectrum terwijl u de linkermuisknop ingedrukt houdt, zie hoe de kleur in het voorbeeldvak wijzigt naargelang u uw muis beweegt. Wenst u de intensiteit van de kleur aan te passen, verschuif dan de pijltjes op de verticale balk. Op deze manier kan u de perfecte kleur bekomen. Verder kunt u de samenstelling van de kleur, de zogenaamde kleurencode, te allen tijde bekijken. Bekijk van de huidige kleur de hoeveelheid rood, groen en blauw en de uiteindelijke hexadecimale kleurencode van de kleur die in het voorbeeldvenster te zien is. Indien u een webstijl bewaart en de gekozen kleur is geen standaard kleur, een kleur dus die u met behulp van de kleurenkiezer heeft gemaakt, dan vraagt de applicatie u een naam te geven aan de gekozen kleur. Kies voor een naam die u duidelijk maakt welke kleur het is en misschien voor welke doeleinden de kleur gaat gebruikt worden, bv: ‘blauw_gewone_tekst’. De kleur wordt dan bewaard in uw lijst van persoonlijke kleuren, deze kleuren kan u steeds samen met de standaard kleuren bekijken in de lijst van kleuren. Hoe u deze lijst bekijkt of aanpast kan u in hoofdstuk 22 lezen.

Figuur 34: Webstijlen, nieuwe webstijl

Optie Naam Lettertype

Kleur

Achtergrondkleur Lettertype grootte Vet Link gedrag

Link kleur Rand

Omschrijving Geef een naam aan de webstijl die u gaat maken: deze naam moet uniek zijn en wordt verder in de applicatie gebruikt als sleutel voor deze webstijl. Maak een keuze uit de lijst van de beschikbare lettertypes. De lijst bevat alle lettertypes die door elke browser wordt ondersteund. Op die manier bent u zeker dat de bezoekers van uw website de website zien zoals u dat verwacht. Hier wordt de kleur van het lettertype bedoeld. Maak een keuze uit de lijst van standaard kleuren. Vindt u niet meteen de kleur terug die u wenst, geen probleem. Maak gebruik van de kleurenkiezer aan de linkerkant van uw scherm om een geheel eigen kleur samen te stellen. In hoofdstuk 21.3 leest u alles over hoe te werken met de kleurenkiezer. Deze aanduiding staat voor de achtergrondkleur: kies uw gewenste achtergrondkleur uit de selectielijst. Bepaal zelf de grootte van het lettertype van de tekst. Wenst u dat de tekst vet wordt afgebeeld, selecteer dan het selectie vakje. Indien u koppelingen op uw website plaatst dan worden deze koppelingen als aparte delen tekst beschouwd. Aparte delen met hun eigen gedrag en kleur. Kies uit één van de vier opties, beweeg de muis over de mogelijke opties om de verschillen te bekijken. Kies een kleur voor de koppelingen, deze kan afwijken van de standaard lettertype kleur, aan u de keuze. U kunt steeds een rand rond uw element plaatsen, u kan een randdikte opgeven en een bijhorende randkleur. Deze opmaak past goed bij invoer vakken of knoppen en minder bij gewone stukken tekst.

Tabel 9: Webstijlen, in te vullen waarden


Pagina 55 / 59

Pagina 56 / 59


22. Kleuren

22. Kleuren

22 Kleuren

22.2 Kleuren bepalen

Zoals eerder vermeld zijn kleuren een belangrijk onderdeel van een website, dan praten we over de kleur van het lettertype, de kleur van een achtergrond, de kleur van een rand, de kleur van een koppeling enz.

Omdat er zoveel mogelijkheden zijn met kleuren kan u uzelf het leven gemakkelijker maken door een set van persoonlijke kleuren te bepalen; kleuren die u steeds opnieuw wenst te gebruiken op uw website.

Via de applicatie kan u kiezen uit een reeks van algemene kleuren, aan deze reeks kan u uw persoonlijke kleuren toevoegen om zo uw kleurenpallet volledig te maken.

Er zijn drie mogelijke manieren om ‘eigen kleuren’ te bepalen, twee daarvan kan u via deze menuoptie doen, de derde hebben we reeds in het vorige hoofdstuk aangehaald.

22.1 Overzicht MENU OPTIE: Inhoud => Kleuren

Een eerste mogelijkheid om een standaardkleur toe te voegen aan uw eigen kleuren is door te dubbelklikken op een kleur uit de lijst van standaardkleuren. Ziet u een kleur die u gepast vindt, dubbelklik op het kleurenvlak en de kleur wordt aan uw eigen kleuren toegevoegd.

In het kleurenoverzicht zijn er drie zones aanwezig. De eerste zone bevat de lijst met kleuren die u zelf heeft samengesteld. Met behulp van de tweede zone kan u nieuwe kleuren aanmaken met behulp van de kleurencode. De derde zone bevat alle kleuren die volgens internetstandaarden zijn samengesteld. Omdat het hier een internationale standaard betreft hebben de kleuren een Engelstalige benaming gekregen.

Een tweede mogelijkheid is het zelf bepalen van een eigen kleur met behulp van een kleurcode. Indien u een kleurcode weet van een kleur die u wenst, vul dan in zone 2 eerst een naam in voor de nieuwe kleur en vervolgens de kleurcode. Klik ten slotte op ‘bewaren >>>’ en de kleur is toegevoegd aan de lijst met ‘persoonlijke kleuren’.

Telkens u in de applicatie de keuze krijgt om een kleur te kiezen dan krijgt u een lijst die samengesteld is uit zone 1 en zone 3. Eerst krijgt u uw zelf gekozen kleuren te zien met aanvullend de volledige onderstaande lijst.

De reden waarom we deze mogelijkheid bieden is omdat er websites bestaan die een mooi kleurenpallet voor websites voorstellen. Een voorbeeld van een dergelijke website is: www.colourlovers.com. Via deze website kan u zelf zoeken naar mooie kleuren, vervolgens kan u de kleurencode hier opgeven zodat u de welbepaalde kleur(en) ook ter beschikking heeft voor uw website. Een derde en laatste optie hebben we reeds aangehaald; indien u bij het bepalen van een webstijl de kleurenkiezer gebruikt, dan komt de zelf gemaakte kleur automatisch in de lijst van eigen kleuren te staan.

22.3 Kleuren bewerken U kunt in principe twee dingen doen met uw persoonlijke kleuren. U kunt een kleur uit uw persoonlijke kleuren lijst verwijderen, dit doet u door op het symbool te klikken. Verder kunt u ook nog de naam van een kleur aanpassen, dubbelklik op de naam van de kleur die u wenst te wijzigen. Vervolgens krijgt u een invulvak met de huidige naam van de kleur, pas de naam van de kleur aan en klik op ‘bewaren >>>’, vanaf nu heeft de kleur een nieuwe naam.

Figuur 35: Kleuren, overzicht


Pagina 57 / 59

Pagina 58 / 59


22. Kleuren

Slotwoord Proficiat, U heeft de volledige handleiding gelezen. Vanaf nu kunt u zelf uw eigen website maken en onderhouden. Mocht u nog vragen hebben in verband met de handleiding of de applicatie, kijk dan eerst even op de online helppagina’s van de website. Daar kunt u dit alles nalezen aan de hand van concrete voorbeelden wat het begrijpen vaak een stuk eenvoudiger maakt. Mocht u nog steeds geen antwoord gevonden hebben op uw vraag, dan kan u via de website het contactformulier invullen of u kunt via ons telefoonnummer één van onze helpdesk medewerkers contacteren. Alvast bedankt voor uw interesse in Mywebshop.net. Veel plezier met uw gepersonaliseerde website! Met vriendelijke groeten, Het Mywebshop.net team


Pagina 59 / 59

Mywebshop algemene handleiding. Versie 1.0 April Copyright 2010 Wikit BVBA, alle rechten voorbehouden

Recommend Documents