Handleiding Webbuilder voor volgende websitepakketten :

Handleiding Webbuilder Media-Effect

19 Mei 2010

Handleiding Webbuilder voor volgende websitepakketten : • • • •

Premium Pro Pro E-Shop Pro Immo

Uitgave 19 Mei 2010 Copyright 2010 Alle rechten voorbehouden

Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be

1


19 Mei 2010

2

Inhoud 1

Toegang tot de webbuilder van de website .................................................................................... 5

2

Overzicht van de webbuilder .......................................................................................................... 5

3

4

2.1

Homepage van webbuilder ..................................................................................................... 5

2.2

Instellingen .............................................................................................................................. 6

2.3

Statistieken .............................................................................................................................. 6

2.4

Bestanden ................................................................................................................................ 7

2.5

Modules ................................................................................................................................... 7

2.6

Pagina’s.................................................................................................................................... 8

2.7

De webbuilder afsluiten .......................................................................................................... 8

Pagina toevoegen : .......................................................................................................................... 9 3.1

Hoofdpagina toevoegen : ........................................................................................................ 9

3.2

Subpagina toevoegen : .......................................................................................................... 10

Inhoud plaatsen of aanpassen ...................................................................................................... 12 4.1

Selecteren van beeldelementen en/of teksten..................................................................... 12

4.1.1

Selecteren van beeldelementen.................................................................................... 12

4.1.2

Selecteren van tekst ...................................................................................................... 12

4.2

Inhoud plaatsen op een nieuw aangemaakte pagina (Optie 1) ............................................ 13

4.3

Inhoud van een gekopieerde pagina (Optie 2) aanpassen .................................................... 16

4.4

De Editor ................................................................................................................................ 17

4.4.1

Toegang tot de Editor .................................................................................................... 17

4.4.2

Struktuur in een pagina brengen................................................................................... 17

5

Tabellen aanmaken ....................................................................................................................... 21

6

Linken plaatsen.............................................................................................................................. 24

7

6.1

Soorten linken : ..................................................................................................................... 24

6.2

We kunnen een link plaatsen op : ......................................................................................... 25

6.3

Hoe een link plaatsen – wijzigen - verwijderen? ................................................................... 25

Foto’s en PDF-documenten op de website zetten ........................................................................ 26



19 Mei 2010

3

7.1

Gratis fotobewerkingssoftware ............................................................................................. 26

7.2

Bestandenbibliotheek ........................................................................................................... 27

7.3

Specificaties van foto’s : ....................................................................................................... 27

7.4

Specificaties van PDF documenten : ..................................................................................... 27

7.5

Hoe foto’s opladen? .............................................................................................................. 28

7.5.1

Foto’s opladen via “Bestanden” in het hoofdmenu van de WB.................................... 28

7.5.2

foto’s opladen via het foto-album ................................................................................. 30

7.5.3

Een foto opladen via een pagina die je in de editor aan het opmaken bent ................ 31

7.6

Bestaande foto’s in de map “Bestanden” snel vergroten of verkleinen ............................... 33

7.7

Hoe een foto-album aanmaken?........................................................................................... 34

7.8

Irfanview downloaden........................................................................................................... 38

7.9

Foto aanpassen met IrfanView.............................................................................................. 39

8

Nieuwsartikel-module ................................................................................................................... 39 8.1

Procedure .............................................................................................................................. 39

8.2

Archief van de nieuwsartikelenmodule................................................................................. 41

8.3

Handig met de nieuwsartikelenmodule : .............................................................................. 43

9

Kalendermodule ............................................................................................................................ 44

10

Nieuwsbriefmodule ................................................................................................................... 46

10.1

Toegang tot de Nieuwsbriefmodule...................................................................................... 46

10.2

Overzicht van de Nieuwsbriefmodule ................................................................................... 46

10.2.1

Instellingen .................................................................................................................... 46

10.2.2

Leden ............................................................................................................................. 48

10.2.3

Aanmaken van een nieuwsbrief .................................................................................... 50

10.2.4

Krediet bestellen ........................................................................................................... 53

10.2.5

Versturen van een nieuwsbrief ..................................................................................... 54

10.3

Opt-in Pagina op uw website ................................................................................................ 56

10.4

Visuele ruimte in uw webdesign om in te schrijven op uw Nieuwsbrief .............................. 57


Handleiding Webbuilder Media-Effect 11

19 Mei 2010

4

Log-in gedeelte Leden/Klanten ................................................................................................. 58

11.1

Instellingen ............................................................................................................................ 59

11.2

Groepen ................................................................................................................................. 60

11.3

Exporteren van uw lijst Klanten/Leden ................................................................................. 61

11.4

Verjaardagen ......................................................................................................................... 61

11.5

Toevoegen van een Lid/Klant ................................................................................................ 62

11.6

Registratie van een nieuw lid/klant via de website .............................................................. 63

11.7

Aanpassen gegevens geregistreerd lid/klant ........................................................................ 64

11.8

Automatisch activeren van geregistreerde leden/klanten ................................................... 66

11.9

Manueel activeren van geregistreerde klanten/leden.......................................................... 66

11.10 12

Paswoord doorsturen naar klant/lid ................................................................................. 66

Uw feedback gewenst ............................................................................................................... 67



19 Mei 2010

1 Toegang tot de webbuilder van de website Ga naar de webbuilder (WB) van de website via : http://webbuilder.media-effect.be Login : Paswoord :

uw login uw paswoord

Indien u dit nog niet bekomen hebt, gelieve dit te vragen via [email protected] of via telefoonnummer 09 270 04 61. Gelieve dit niet aan derden door te geven aub! Het paswoord kan door u gewijzigd worden indien u dit wenst. Er kan slechts één persoon op hetzelfde moment op de webbuilder (WB).

2 Overzicht van de webbuilder 2.1 Homepage van webbuilder


5


19 Mei 2010

2.2 Instellingen

2.3 Statistieken


6


19 Mei 2010

2.4 Bestanden

2.5 Modules


7


19 Mei 2010

8

2.6 Pagina’s

2.7 De webbuilder afsluiten

Om de webbuilder af te sluiten klikt u op het icoon opnieuw inloggen indien u dit zou wensen.

. Dan kan u onmiddellijk

Indien u afsluit met het normale kleine kruis om opnieuw op de webbuilder te kunnen inloggen.

, dan moet u 10 minuten wachten



19 Mei 2010

9

3 Pagina toevoegen : De procedure werkt als volgt : 1e maakt u een rubriekruimte aan voor een nieuwe pagina in het paginaoverzicht 2e u plaatst inhoud op deze pagina Ga naar de webbuilder (WB) (zie hierboven onder Hoofdstuk 1) en klik op het rechtse icoon

[Pagina’s] Doorheen de handleiding zullen de woorden ‘pagina’ of ‘rubriek’ of ‘categorie’ gebruikt worden om een pagina aan te duiden.

3.1 Hoofdpagina toevoegen : Klik op

links bovenaan om een hoofdpagina toe te voegen.

In Optie 1 voert u een Naam van de rubriek (= pagina) in en geeft een Omschrijving. Kies achter welke bestaande rubriek deze nieuwe rubriek geplaatst moet worden. Klik op [Hoofdcategorie toevoegen].

U ziet de nieuwe rubriek verschijnen op de plaats dat u aangegeven hebt. De pagina is nu nog steeds onzichtbaar op de websitenavigatie. Vandaar dat deze paginalijn in het rood staat.



10

19 Mei 2010

U hebt ook de mogelijkheid om een bestaande pagina te kopiëren. Hiervoor gebruikt u Optie 2:

Uw gekopieerde pagina verschijnt in uw Paginaoverzicht in het rood (=onzichtbaar in de navigatie). Zet de pagina pas zichtbaar in de navigatie als u de pagina aangepast hebt of volledig klaar hebt door op het volgende icoon op de paginalijn te klikken

.

Als de paginalijn niet meer rood (maar witte achtergrond heeft) dan weet u dat de pagina vermeld wordt in de navigatie op de website.

Vervang de gekopieerde rubrieknaam ‘Home’ op uw nieuwe paginalijn met een gepaste rubrieknaam en een korte omschrijving onder ‘Beschrijving’. Let op : De bezoeker kan zowel de ‘Naam’ als de ‘Beschrijving’ lezen. Vergeet zeker niet op (onderaan) te klikken om uw aanpassing van benaming te bewaren.

3.2 Subpagina toevoegen :

Klik op het icoon op de rechterkant van een paginalijn om een subpagina aan te maken voor een bestaande rubriek. Er zijn in totaal 3 niveaus van rubrieken. Er zijn hoofdrubrieken, subrubrieken en sub-subrubrieken.



19 Mei 2010

11

In Optie 1 voert u een Naam van de rubriek in en geeft een Omschrijving. Kies achter welke bestaande rubriek deze nieuwe rubriek geplaatst moet worden. Klik op [Hoofdcategorie toevoegen].

U ziet de nieuwe rubriek verschijnen op de plaats dat u aangegeven hebt. De pagina is nu nog steeds onzichtbaar in op de websitenavigatie. Vandaar dat deze paginalijn in het rood staat.

U hebt ook de mogelijkheid om een bestaande pagina te kopiëren. Hiervoor gebruikt u Optie 2:

Uw gekopieerde pagina verschijnt in uw Paginaoverzicht in het rood (=onzichtbaar in de navigatie). Zet de pagina pas zichtbaar in de navigatie als u de pagina aangepast hebt of volledig klaar hebt door op het volgende icoon op de paginalijn te klikken . Als de paginalijn niet meer rood (maar witte achtergrond heeft) dan weet u dat de pagina vermeld wordt (zichtbaar is) in de navigatie op de website.



19 Mei 2010

12

Vervang de gekopieerde rubrieknaam ‘Home’ op uw nieuwe paginalijn met een gepaste rubrieknaam en een korte omschrijving onder ‘Beschrijving’. Let op : De bezoeker kan zowel de ‘Naam’ als de ‘Beschrijving’ lezen. Vergeet zeker niet op van benaming te bewaren.

(onderaan) te klikken om uw aanpassing

4 Inhoud plaatsen of aanpassen Om met inhoud te kunnen werken, moet u eerst weten wat “selecteren” betekent.

4.1 Selecteren van beeldelementen en/of teksten 4.1.1

Selecteren van beeldelementen

U selecteert het beeldelement waar u een actie wenst op door te voeren door er éénmaal met de linkermuis op te klikken. Bij een beeldelement verschijnen er kleine blokjes rond als het element geselecteerd is.

Om deze selectie ongedaan te maken, klikt men gewoon elders in het scherm. 4.1.2

Selecteren van tekst

Een tekst kan men selecteren door er met de muis over te gaan waarbij men de linkerknop ingedrukt houdt. Er verschijnt dan een donkere achtergrond achter de geselecteerde tekst : . Om deze selectie ongedaan te maken, klikt men gewoon elders in het scherm.



19 Mei 2010

13

4.2 Inhoud plaatsen op een nieuw aangemaakte pagina (Optie 1)

Klik op

in het hoofdmenu bovenaan in de WB (= webbuilder).

U hebt nu (zoals vermeld onder nr. 2 een pagina aangemaakt in het paginaoverzicht. Nu moet u nog inhoud op deze pagina plaatsen.

U klikt op het icoon (rechts van de paginalijn in het overzicht) en dan verschijnen meerdere iconen zoals hieronder. Het aantal iconen kan verschillen van klant tot klant afhankelijk van welk websitepakket u gekocht hebt :

U kan voor deze nieuwe pagina kiezen uit de volgende mogelijkheden : 1) Contactgegevens 2) Feedbackformulier 3) Externe link 4) Site overzicht



19 Mei 2010

14

5) Beveiligde pagina 6) Gastenboek 7) Kalender 8) Zoeken 9) Fotoalbum 10) Folders 11) Nieuwsbrief 12) Nieuwsartikelen 13) Immo cataloog 14) Cataloog 15) Link naar cataloog 16) Voorgedefinieerde pagina 17) Leden / Klanten 18) Winkelwagen 19) Editor

De details van deze mogelijkheden worden later verder uitgelegd. Nu wensen wij enkel een Editor (laatste icoon) te kiezen om vrijelijk tekst en beeldmateriaal in de inhoud te plaatsen.

Klik dus op

en dan ziet u het volgende verschijnen op uw WB (webbuilder) :

Belangrijk is nu dat u de basistabel instelt op uw website-layout. Afhankelijk van de breedte van het inhoudsdeel van uw website stelt u de breedte van deze tabel in. De automatische instelling van de tabelbreedte bij de aanmaak van een nieuwe pagina is 90 of 95 procent. Dit moet u dus aanpassen.



15

19 Mei 2010

Welke breedte uw basistabel idealiter heeft, kan u eenvoudig terugvinden op een door MediaEffect aangemaakte pagina waar u even gaat spieken (best de ongewijzigde Homepagina).

U gaat daarvoor naar Homepagina.

op het hoofdmenu in uw WB (webbuilder) en klikt op

Rechtsboven ziet u daarna

verschijnen. Hier klikt u nogmaals op

van de

.

Klik met rechtermuisknop in de tabel en kies ‘tabeleigenschappen’. Het volgende venster verschijnt :

U ziet welke breedte uw basistabel moet hebben bij het veld ‘Breedte :’ Kopieer daar het aantal pixels of het aantal procent en kies voor dezelfde opties voor uw nieuwe tabel. Belangrijk ook is dat u dezelfde keuze maakt tussen ‘pixels’ of ‘procent’. De kans is groot dat u het woord ‘procent’ moet wijzigen naar ‘pixels’. Verder kopieert u ook dezelfde keuzen voor : -

Uitlijning (Centreren – Links – Rechts – Niet ingevoerd)

-

Afstand vanaf rand cel

De rest is voorlopig niet zo belangrijk. Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


16

19 Mei 2010

Bij een nieuwe pagina staat volgende tekst in de basistabel : “Probeer steeds binnen een tabel te werken, dit om de zichtbaarheid op uw site te verbeteren. Start met deze tekst te overschrijven.”

Deze tekst kan u verwijderen en vervangen door tekst en beeldmateriaal van uw keuze en die u er zelf in plaatst. Hoe u bepaalde specifieke zaken kan uitvoeren wordt ook nog verder uitgelegd in latere hoofdstukken (zoals foto’s beheren, opladen, etc..).

4.3 Inhoud van een gekopieerde pagina (Optie 2) aanpassen

Klik op

in het hoofdmenu bovenaan in de WB (= webbuilder).

Klik op het icoon

van de gekopieerde pagina die u wenst aan te passen.

Rechtsboven ziet u verschijnen. Hier klikt u nogmaals op zich met volgende icoontjes :

. De website-editor opent

Daaronder ziet u de inhoud van uw gekozen pagina verschijnen. Deze kan u aanpassen zoals hieronder beschreven. U kan nu eenvoudig de tekst aanpassen in de website-editor zoals u een Word-document zou aanpassen. Selecteer de tekst of het beeldelement die u wenst aan te passen en voer uw actie uit : •

Verwijderen

•

nieuwe tekst/beeld toevoegen

•

stijl aanpassen


Handleiding Webbuilder Media-Effect •

17

19 Mei 2010

bewaren

Hoe u bepaalde zaken juist uitvoert, kan u in verdere hoofdstukken terugvinden. Klik op

. Dit is zeer belangrijk! Zoniet bent u al uw werk verloren.

Zodra u alle aanpassingen uitgevoerd hebt, klik dan op het icoon zetten in de navigatie van de website.

om de pagina zichtbaar te

4.4 De Editor 4.4.1

Toegang tot de Editor

De editor is het platform waar je bestaande pagina’s kan aanpassen of nieuwe pagina’s voorzien van content.

Zodra je in de WB op geklikt hebt, dan op icoon van een bestaande of juist aangemaakte pagina, en uiteindelijk nogmaals op rechtsbovenaan de overzichtspagina,dan zie je de inhoud van de gekozen pagina verschijnen verschijnen (hieronder een voorbeeld) :

Onder deze balk met iconen verschijnt dan uw leeg of gevuld inhoudsvak. Belangrijk is te weten hoe breed uw inhoudsvak is, want daar moet u rekening mee houden als u werkt met de WB.

Ga hiervoor naar Instellingen breedte van uw inhoudsvak.

en

daar vindt u uw kleurcodes en de

U kan nu eenvoudig tekst of beeldmateriaal verwijderen, aanpassen, toevoegen in uw Editor. 4.4.2

Struktuur in een pagina brengen

Indien u op een pagina tekst en/of beeldmateriaal gestructureerd wenst op te maken, dan is het ideaal om met tabellen te werken.



19 Mei 2010

18

Indien u een tekst op de editor plakt vanuit een Word-document dan is het sterk aangeraden om deze tekst eerst op een kladblok (zie Bureau-accessoires in je Programma’s via de Startknop) te plakken, om deze tekst dan opnieuw te kopiëren en te plakken in de WB. Dit verwijderd de onzichtbare (ongewenste) codes die een Word document van Microsoft Office nogal vaak met zich mee sleurt en dit geeft dan later soms problemen in styling. U plakt via het kladblok dus uw tekst in het inhoudsvak van de Editor en dan ziet dit er zo uit :

Dit oogt natuurlijk niet mooi en u wenst deze tekst te structureren.

Van deze tekst wensen wij het volgende resultaat op de website te bekomen :

In de Editor zal dit er zo uitzien : Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

19

Hoe gaan we hiervoor te werk? 4.4.2.1 Titel

Eerst gaan we een titel of subtitel plaatsen door de titel te typen en hem dan te selecteren en onder “Opmaal” een titelniveau (Kop 1, Kop 2, etc..) te kiezen. Bij de recente websites wordt de rubrieknaam vaak automatisch als titel weergegeven met het titelniveau 1. Indien dit het geval is, dan hoeft u de hoofdtitel niet meer in de content te herhalen. Ofwel begint u dan onmiddellijk met de tekst ofwel plaatst u een subtitel met titelniveau 2 (Kop 2) bvb. 4.4.2.2 Paragrafen

Best is om niet al te grote paragrafen op een websitepagina te plaatsen. Ideaal zijn het korte en bondige paragrafen waar het belangrijkste woord of woordengroep vet opgelicht zijn. Hiervoor gaat u achter het punt van de zin staan waar u de paragraaf wenst af te breken en druk op [Enter]. Als u wenst dat de linker en rechterkant mooi rechtgetrokken worden dan kan u de tekst selecteren en op het volgende icoon klikken . Bekijk altijd het resultaat. Soms is het ook beter dit niet te doen. Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

20

4.4.2.3 Opsommingen

Indien u enkele zaken wenst op te sommen dan kan dat op verschillend wijzen. U selecteert enkele woorden of woordgroepen die gescheiden zijn door [Enter] waardoor ze eigenlijk een paragraaf worden en u klikt op : Ofwel de numerieke opsomming (links) ofwel de bullets (rechts).

OF

Indien al uw content links opgelijnd staat, dan zal u inderdaad dit nette effect bekomen. Indien echter uw tekst gecentraliseerd is dan zou u het volgende effect kunnen bekomen :

Dit kan u oplossen door een extra tabel te maken waar u de opsomming in plaatst en deze dan links oplijnt. Zodra u de tabel geplaatst hebt, kan u de opsomming selecteren en erin slepen. U kan nu enkel de opsomming links uitlijnen zonder dat u de volledige tekst hoeft links uit te lijnen. In de WB Editor ziet dit er dan zo uit :



19 Mei 2010

21

U kan de tabel met de opsommingen ook links uitlijnen. Dan is het belangrijk om onmiddellijk rechts van de tabel enkele malen op [Enter] te drukken tot de overige content zich opnieuw mooi onder uw tabel plaatst.

5 Tabellen aanmaken Plaats de cursor op de plaats in de Editor waar u een tabel wenst aan te maken. Klik op het icoon voor ‘Tabel aanmaken’ dan verschijnt volgend scherm. Dit scherm komt ook steeds tevoorschijn als u in een bestaande tabel met de rechtermuisknop drukt.

U kan kiezen voor volgende instellingen : • • • • • • • • • • • • • •

Rijen : bedenkt op voorhand hoeveel rijen u nodig hebt Kolommen : bedenkt op voorhand hoeveel kolommen u nodig hebt Breedte : vul aantal in en kies de eenheid ‘procent’ of ‘pixels’. Zorg dat de breedte nooit groter is dan de breedte dat van je inhoudsvak. Hoogte : dit hoef u niet in te vullen, dit gebeurt automatisch Breedte rand : 0 = geen rand, 1 is fijne rand, 2 iets bredere rand, etc.. Uitlijning : Tabel uitlijnen op de pagina : links, rechts of centreren Afstand tussen cellen : 0 = geen afstand tussen de cellen, 1 = 1 pixel afstand, 2 = 2 pixels afstand, etc.. Afstand vanaf rand cel : 0 = inhoud cel zal tegen de rand van de cel komen, 1 = inhoud blijft 1 pixel weg van de rand, 2 = 2 pixels, 3 = 3 pixels, etc.. Achtergrondkleur : van de tabel instellen ; ofwel vult u één van uw kleurcodes in (zie instellingen Website) ofwel selecteert u een kleur via de knop “Selecteren”. Hou het vooral sober. Randkleur : idem maar dan voor de kleur van de rand van de tabel Achtergrondfiguur : kies een afbeelding uit de beelden die in uw “Bestanden” opgeladen zijn. Naam : hier kan u een naam geven aan uw tabel Samenvatting : hier kan u een samenvatting geven aan uw tabel



19 Mei 2010

22

Zodra u uw instellingen voltooid hebt, klikt u op ok.

Hierboven ziet u een tabel met volgende instellingen :

Hier is de afstanda vanaf de rand cel : 0 Deze keuze is noodzakelijk als u wenst dat de tekst links uitgelijnd is identiek aan de tekst die er bijvoorbeeld nog boven zou staan (buiten de tabel). Het kan nodig zijn om de afstand vanaf rand cel een getal te geven bvb. 10 (pixels). Dit maakt dat de inhoud 10 pixels van de rand wegblijft. Hieronder een voorbeeld waar dit nodig zou zijn.



19 Mei 2010

23

Indien men bij deze tabel de ‘afstand vanaf rand cel’ opnieuw op 0 zou zetten dan zou men dit bekomen :

De tekst en foto plakt nu tegen elkaar wat niet zeer mooi is. Stel dat je wenst dat de tekst wat afstand neemt van je foto, maar je wenst ook dat de foto mooi links uitlijnt met bvb tekst erboven, dan kan het nodig zijn om als volgt te werken : -

Kies ‘afstand vanaf rand cel’ = 0 Creëer een extra kolom om afstand tussen foto en tekst te houden

Je bekomt dan in de Editor :



19 Mei 2010

24

Op je website ziet er dat dan zo uit :

De struktuur van uw pagina bouwt u best op met één grote basistabel (1 rij en 1 kolom met de afmetingen en instellingen van uw Home Page. In die basistabel kan u dan verschillende tabellen plaatsen onder elkaar om alles netjes te kunnen plaatsen zoals u het wenst.

6 Linken plaatsen 6.1 Soorten linken : 1. Link naar een externe websitepagina 2. Link naar een interne pagina van uw website 3. Link naar een inline popup met een foto 4. Linken naar een pdf document 5. Link naar een emailbrowser met uw e-mailadres reeds ingevuld 6. Link naar een anker (specifiek punt op dezelfde pagina) dat u zelf op de pagina gezet heeft



19 Mei 2010

6.2 We kunnen een link plaatsen op : •

Één of meerdere woorden

•

Een foto of grafisch beeld

6.3 Hoe een link plaatsen – wijzigen - verwijderen? Eerst selecteren we de woorden of het beeld waar we een link wensen op te plaatsen. Nu klikken we op het icoon om een link te plaatsen We zien het volgende venster openen :

U geeft een toepasselijke titel in het veld ‘Aanbevolen title’

Bij -

kan je kiezen voor : URL (voor alle gevallen behalve Ankers en E-maillinken)

-

Interne link in pagina (= anker)

-

E-Mail

Enkel indien je wenst te linken naar een E-mail of indien je wenst te linken naar een anker, gebruik je de laatste twee. Voor alle andere gevallen (wat het vaakst voorkomt) kies je “URL”. Dan kies je bij -

:

“Inline Popup” als je wenst te linken naar een foto Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be

25


26

19 Mei 2010

-

“Nieuw Venster” als je wenst te linken naar een andere website of een pdf-formulier

-

“Zelfde Venster” als je wenst te linken naar een pagina op je eigen website

In het veld URL vul je enkel iets in als je wenst te linken naar een externe website (in een nieuw venster!). Je vult dan de volledige url in met de http://www.domeinnaam.be ingevuld (vergeet zeker niet de http:// voor de domeinnaam te schrijven!). We kunnen een bestaande link verwijderen door op het woord of het beeld waar een link op ligt te klikken. Dan zien we het tweede linkverbrekingsicoon (rechts) duidelijk verschijnen : Het rechtse icoon heeft een gebroken schakel. U klikt op dit icoon om de link te verbreken. Het rechtse icoon zal dan grijs worden : Op deze manier weet u als u een element selecteert of er een link op staat of niet. Je kan ook op een woord of foto met een link, éénmaal rechtsklikken om de link te wijzigen of te verwijderen.

7

Foto’s en PDF-documenten op de website zetten

7.1 Gratis fotobewerkingssoftware Via de webbuilder kan je zeer eenvoudig en gratis een fotobewerkingssoftware (Irfanview) downloaden op je computer. Op die manier kan je gemakkelijk de grootte en andere zaken aanpassen van foto’s.

Om Irfanview te downloaden ga naar

op

dan klik je op

en dan klik je

. Volg dan de stappen op het scherm.



19 Mei 2010

7.2 Bestandenbibliotheek

In het hoofdmenu van de WB vind u het icoon Hier bevinden zich al uw foto’s en pdf-documenten die op uw website komen. U zie dan een venster als volgt verschijnen :

7.3 Specificaties van foto’s : -

Maximaal 500 Kb groot zijn (liefst veel minder). (72 dpi is voldoende)

-

Maximaal 640 (breed) x 480 (hoog) pixels groot zijn

-

Geen spaties in de benaming hebben!! Alles aan elkaar zetten of onderscore gebruiken

-

Enkel jpg of gif files zijn toegelaten voor foto’s

7.4 Specificaties van PDF documenten : -

PDF-documenten mogen maximaal 5 Mb groot zijn Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be

27

Handleiding Webbuilder Media-Effect -

19 Mei 2010

28

PDF-documenten mogen ook geen spaties in de benaming hebben!

Het beste is op je computer een map maken met “Foto’s Website” waarin je een map maakt voor elke foto-album en een map voor elke rubriek die foto’s bevat. Daar plaats je alle foto’s met de correcte benaming die verwijst naar de fotoalbum en/of rubriek met een volgnummer ofzo. Tip : geef en duidelijke en gestructureerde benaming aan je foto’s en pdf’s zodat je ze later gemakkelijk kan terug vinden. Geen spaties in de benaming!

7.5 Hoe foto’s opladen? Je kan een enkel bestand (foto of pdf) opladen : 1. Via de “Bestanden” in het hoofdmenu van de WB 2. Rechtstreeks via een foto-album die je aangemaakt hebt (zie later) 3. Rechtstreeks via een pagina die je in de editor aan het opmaken bent

Of je kan meerdere foto’s ineens opladen : 1. Via de “Bestanden” in het hoofdmenu van de WB 2. Rechtstreeks in een foto-album

7.5.1

Foto’s opladen via “Bestanden” in het hoofdmenu van de WB.

Je gaat naar

op de webbuilder (icoon bovenaan)

Dan heb je daar de keuze tussen twee oplaadmogelijkheden :

Men kan één foto opladen via het 1e icoon, en meerdere foto’s ineens opladen via het 2e icoon.



Indien men klikt op “Opladen”

29

19 Mei 2010

dan verschijnt het volgende venster :

Je klikt op “Bladeren”… kiest het juiste bestand – klikt op “toevoegen” – dan verschijnt de benaming van het bestand in bovenstaand veld. Dan klik je op “Bestand opladen”.

Indien men klikt op “Meervoudig Opladen”

dan verschijnt het volgende :

Je wijzigt de grootte naar 640x480 pixels (dit is een ideaal formaat om foto’s op te laden). Je klikt op “Ga verder” Dan verschijnt het volgende venster :



19 Mei 2010

30

Je klikt in de linkerkolom op de mappen tot je op het vak rechtsboven de map ziet verschijnen van de bestanden die je wenst op te laden. Je kan van het vak rechtsboven een map selecteren door er éénmaal op te klikken en dan op klikken. Je kan ook slepen naar het vak rechtsonder.

Alle bestanden van die map worden dan ineens in de WB ingetrokken. Deze zullen te vinden

zijn in bij de “Bestanden” van het hoofdmenu

7.5.2 foto’s opladen via het foto-album Men kan foto’s opladen rechtstreeks via een reeds aangemaakte foto-album. Ga naar een foto-album en klik op van het foto-album Het volgende scherm verschijnt :

Hier kan men één foto toevoegen via het icoon “Figuur toevoegen” of meerdere foto’s ineens opladen via het icoon “Figuren toevoegen” Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


31

19 Mei 2010

U volgt vanaf dan dezelfde procedure uit als uitgelegd onder hoofdstuk 4.2.5.1

7.5.3

Een foto opladen via een pagina die je in de editor aan het opmaken bent

Je klikt op in het Paginaoverzicht bij de pagina waar je een foto wenst op te zetten. Je plaatst je cursor op de plaats in de editor waar je die foto wenst te plaatsen en klikt dan op het volgende icoon (in de editor) . Het volgende venster verschijnt :

Hier heb je 2 keuzen : 1. Selecteer afbeelding (zie middelste tab) 2. Upload (zie rechtste tab)

Indien je een foto wenst te plaatsen die reeds opgeladen is dan kies je optie 1. Indien je een foto wenst te plaatsen die nog niet opgeladen is, dan kan je dit hier doen door voor optie 2 “Upload” te kiezen. Stel uw wenst hier een foto op te laden dan klikt u op

rechter tab.



19 Mei 2010

32

Dan ziet u dit venster verschijnen :

Waarna u op “Bladeren” klikt, uw foto uitkiest op uw computer, toevoegt, zodat de benaming in het Uploadveld verschijnt, dan klikt u op “Naar server verzenden” en druk u uiteindelijk op “OK” (groene knop) om de foto op te laden. U ziet nu het volgende verschijnen :

U geeft een toepasselijke titel in het veld “Alternatieve tekst”. Dit is niet verplicht maar is ideaal om beter te scoren in Google voor de woorden die u in deze titel gebruikt. Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

33

Let wel op : de bezoeker zal deze tekst kunnen lezen als hij met de muis over uw afbeelding gaat. U ziet dat de originele grootte van 640 x 480 pixels ingevuld zijn van de foto. Deze kan u best sterk verkleinen naar bvb. 150 of 200 pixels breed. De hoogte wordt automatisch aangepast. Belangrijk hier is ht slot gesloten te houden zodat de beeldproporties bewaard blijven. U kan dan een link op deze kleine foto leggen naar de foto in originele grootte. (zie bij hoofdstuk linken). U ziet dan dit :

U kan nog beslissen of u een rand wenst rond de foto. Indien ja, dan moet u bij “Rand” een cijfer van 1 tot 5 zetten afhankelijk van de dikte van de gewenste rand. In het voorbeeld werd er geen rand gevraagd, vandaar het cijfer 0. Zodra u op “OK” drukt wordt de foto in dit formaat op uw editor bijgeplaats. Belangrijk is dan om weer te bewaren door op

te drukken.

7.6 Bestaande foto’s in de map “Bestanden” snel vergroten of verkleinen

Je gaat naar

in het hoofdmenu



19 Mei 2010

34

Je klikt op het icoon op de lijn van de foto waar je een kopie van wenst te maken in een ander formaat. Je geeft het nieuwe formaat op in breedte. De hoogte zal zich automatisch aanpassen. Of vice versa.

In de resultatenlijst van de Bestanden zie je hetzelfde bestand herhaald, maar nu met de vermelding _100 eraan om te vermelden dat dit 100 pixels breedt is en een kopij van het origineel.

Soms is het nodig om een foto in een ander formaat in de map met bestanden te hebben (bvb. in webshop). In de meeste gevallen kan je echter een foto rechtstreeks verkleinen in de website-editor.

7.7 Hoe een foto-album aanmaken?

U gaat naar in het hoofdmenu van de WB en gaat naar de pagina of subpagina waar u een fotoalbum wenst op te zetten.

U klikt op Dan klikt u op En dan klikt u op het volgende icoon :



19 Mei 2010

Dan ziet u dit verschijnen onder het deel van de pagina dat reeds bestond (als er al iets op stond) :

Daar klikt u op

en dan ziet u dit :

Dan kan u op “Instellingen” klikken en ziet u een venster zoals het volgende :


35


19 Mei 2010

In dit venster hebt u de volgende keuzen : a. Niet geanimeerde (vignetten) zoals bvb :

b. Geanimeerd

Daar hebt u verschillende keuzes waaronder er hier één van is :


36


19 Mei 2010

37

En dat ziet er dan zo uit :

Ga zelf zeker even kijken wat de mogelijkheden zijn. Nu we een foto-album ingesteld hebben, gaan we foto’s opladen voor deze foto-album. Dus we gaan opnieuw naar onze foto-album :

En volgen nu de procedure zoals beschreven onder 4.2.5.2 (meervoudig foto’s opladen via de foto-album) Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

7.8 Irfanview downloaden

Ga in de WB naar

Dan kan je ofwel de handleiding afprinten en deze instructies volgen Of je kan onmiddellijk op ”Programma downloaden” klikken. “Uitvoeren” “Uitvoeren” “Toestaan” Je klikt 2 x op “volgende” Je vinkt “Images only” aan !

Je klikt nogmaals 2 x op “volgende” En je bent klaar.


38


19 Mei 2010

39

7.9 Foto aanpassen met IrfanView Zodra je IrfanView gedownload hebt op je computer, zal een foto waar je dubbel op klikt om die te openen, met IrfanView geopend worden. Dus dubbelklik op de fotofile op je computer om hem te openen. “Image” (in het menu kiezen) “Resize/Resample” kiezen aanvinken [OK] klikken Nu heb je de foto op de juiste grootte gebracht. Nu gaan we hem op dit formaat bewaren door : Kies “File” (menu boven foto) “Save as…” Kies juiste map of maak een nieuwe map aan. Vul een juiste fotonaam zonder spaties in naast “Bestandsnaam:” Zorg dat het als jpg of gif bestand bewaard wordt naast “Opslaan als:” Klik op [Opslaan]

8 Nieuwsartikel-module 8.1 Procedure

Ga naar de webbuilder (WB)

1. Kies Categorie 2. Kies datum Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

40

3. Kies titel voor uw artikel 4. Indien u de optie “Korte inhoud tonen” bij de nieuwsartikels laten instellen hebt, dan vult u eerst het vak met de korte inhoud in. Zoniet dan vult u enkel het vak “Volledig artikel” in. 5. Vul het kader “volledig artikel” in met de inhoud. Dit kan met gewone tekst te plaatsen in dit vak of indien u gestructureerd tekst naast een foto wenst, maak dan een tabel aan van max. 600 pix. Breed (2 kolommen en 1 of meerdere rijen met 5 pix afstand van rand). In de 1e kolom bovenaan plaatst u uw cursor, rechts klikken – eigenschappen cel – 150 pix breed. Plaats hier een foto van maximum 150 pix breed in via het icoon . In de 2e kolom plaatst u de tekst. Indien u wenst kan u op de kleine foto een link naar een grotere foto (max. 640 x 480 pixels) leggen. 6. Druk op

om te bewaren

7. Het artikel zal verschijnen op de pagina van de respectievelijke categorie nieuwsartikelen of bvb. op de homepage met algemeen nieuws als daar voor geopteerd zou zijn . 8. Via het icoon uitvoeren.

in de overzichtslijst van de nieuwsartikelen kan u aanpassingen

9.



19 Mei 2010

41

Resultaat : Voorbeeld hoe de nieuwsartikelen getoond worden zonder korte inhoud op de website www.vriendenvanhetrabot.be :

Een ander voorbeeld is bvb. Van onze klant www.peoplecommunication.be (SeniorenNet) :

8.2 Archief van de nieuwsartikelenmodule In het archief kunnen de bezoekers artikels zoeken op : 1. trefwoord 2. categorie Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

Voorbeeld :

Abonneren op RSS-feed van de nieuwsartikelen Bezoekers kunnen zich ook abonneren op de RSS-feed van een specifieke website. Hierdoor worden ze eenvoudig op de hoogte gehouden wat de nieuwe artikels zijn op deze website. Dit kunnen ze dan terugvinden op de tab ‘feeds’ onder favorieten in hun internetbrowser.

Als u dan op deze link klikt, dan verschijnen alle laatste artikels op de volgorde dat u bij aanmaak van de RSS-feed instelde. Hoe kunnen de bezoekers dit doen? Gewoon door op de link

te klikken en te bevestigen.


42


19 Mei 2010

43

8.3 Handig met de nieuwsartikelenmodule : De nieuwsartikelenmodule is zeer handig om op eenvoudige wijze snel nieuwe content op je website te zetten op een geordende manier. 1. Je kan bvb. Een nieuwsartikelencategorie aanmaken “FAQ”. Het kan natuurlijk elk soort informatiepagina zijn. 2. Dan kan er een specifieke pagina (bvb) “FAQ” als hoofdrubriek aangemaakt worden, waar we instellen dat op deze pagina de titels (met of zonder korte inhoud) van de artikels van de categorie “FAQ” van de nieuwsartikelenmodule moeten geplaatst worden. Bezoekers kunnen dan doorklikken op “Lees meer” 3. Telkens je een vraag van een klant krijgt, kan je deze via een “nieuwsartikel” onder de categorie “FAQ” de vraag als titel en het antwoord in het “volledig artikelvak” plaatsen. Afhankelijk van de instellingen, zal je dan enkel de titels zien verschijnen of de titel met de korte inhoud. Je kan ook instellen dat de datum niet getoond wordt. Dit is voor een FAQ eigenlijk het mooist. De bezoeker kan dan op de titel doorklikken naar het volledige artikel.



19 Mei 2010

9 Kalendermodule Er moet een rubriek Kalender aangemaakt zijn. Indien u dit nog niet heeft, dan kan u ons contacteren om dit voor u aan te maken indien u dit niet zelf zou kunnen. Zodra die Kalenderpagina bestaat, kan men heel eenvoudig kalenderitems toevoegen.

Ga naar WB


44


19 Mei 2010

45

1. Categorie kiezen 2. Datum kiezen 3. Aanvangs- en einduur ingeven of hele dag evenement aanklikken 4. Korte omschrijving 5. Lange omschrijving 6. Externe link 7. Interne link (naar een pagina in uw eigen website) 8. E-mail link van contactpersoon Selecteer een figuur max. 100 pix breed (!) uit Figuren & bestanden (onder instellingen). Belangrijk is hier wel dat je dus de juiste foto ook als foto van 100 pixels breed bewaard hebt onder Figuren & bestanden. Hoe je dit doet lees je op hoofdstuk 6.6 (pag. 24 en 25). Klik op [Opslaan]

Hieronder ziet u een voorbeeld van het resultaat van één kalenderitem:



46

19 Mei 2010

Een gelijkaardige kalenderbeeld kan indien gewenst op de vaste layout van uw website geplaatst worden. De bezoeker ziet dan onmiddellijk welke dagen van de lopende maand er iets georganiseerd is. U kan natuurlijk ook opteren om geen kalenderbeeld te tonen en enkel de datum en de info bvb.

10 Nieuwsbriefmodule De Nieuwsbriefmodule is een optie bij het webpakket Pro.

10.1 Toegang tot de Nieuwsbriefmodule

U gaat in de webbuilder en klikt op scherm verschijnt :

. Dan klikt u op

en het volgende

10.2 Overzicht van de Nieuwsbriefmodule Op de screenshot hierboven kan u het overzicht zien van de Nieuwsbriefmodule. Volgende delen worden hieronder verder besproken : 1. 2. 3. 4. 5.

Instellingen Leden Nieuwsbrieven aanmaken Krediet bestellen om meer nieuwsbrieven te kunnen versturen Hoe verstuurt u nieuwsbrieven

10.2.1 Instellingen



19 Mei 2010

47

Indien u op dit icoon klikt, dan kan u per taal de instellingen voor de nieuwsbrieven instellen. U ziet het volgende verschijnen :

Indien de balk groen is dan betekent dit dat de instellingen voor deze taal ingevuld zijn. Indien de balk rood is, dan moet u nog steeds de instellingen invullen door op het groene kruisje te drukken. Indien de balk groen is en u ziet achteraan een rood kruisje, dan betekent dit dat deze taal niet gebruikt wordt op uw website, en dat u dit dus kan verwijderen door op het rode kruis te klikken. Indien u bij aankoop van uw websitepakket Pro geopteerd hebt voor de nieuwsbriefmodule, dan zorgen wij ervoor dat deze instellingen volledig ingevuld zijn. U hoeft hier dan niets meer voor te doen. Echter in het geval, om welke reden dan ook deze toch nog niet ingevuld zijn,dan kan u dit eenvoudig zelf doen of ons supportteam vragen om dit voor u te doen. Als u op

klikt om de instellingen in te vullen dan verschijnt het volgende scherm :

U kan dan best op de knop “Standaardwaarden invullen” klikken. Dan worden voor de taal waar u in werkt de standaardwaarden automatisch ingevuld. U kan dan manueel de Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


48

19 Mei 2010

individuele velden aanpassen indien u dit wenst. Belangrijk is natuurlijk om te bewaren en dat doet u door eerst op de blauwe diskette te klikken beneden gescrold wordt, zodat u op zijn uw aanpassingen bewaard.

waardoor uw scherm automatisch naar kan klikken. Dan pas

Op deze pagina (als u iets naar beneden scrolt) worden ook de 5 subgroepen van uw database voor de nieuwsbrief aangemaakt.

Zoals u ziet kan u zelf een naam geven aan elke subgroep. Voor elke subgroep kan dan opgegeven worden of degene die zich op de Opt-In pagina van uw website inschrijft dit zelf moet kunnen aangeven tot welk subgroep of groepen hij/zij behoort. Het is ook mogelijk dat u één of enkele velden houdt voor uw gebruik (bv. Klanten) en dan wenst u bvb. dat dit niet op uw webpagina wordt weergegeven, maar dan bestaat deze groep wel waar u zelf mensen in kan indelen. 10.2.2 Leden

U hebt toegang tot uw database voor de nieuwsbriefmodule via de webbuilder Modules Nieuwsbrief Leden.

Als u op het icoon “Leden” klikt dan verschijnt het volgende overzichtscherm :



19 Mei 2010

49

Als u hier op “Selecteer” klikt dan krijgt u de hele lijst van de mensen die ingeschreven zijn op uw nieuwsbrief. Indien u een specifiek iemand of groep zoekt, kan u ook iets invullen in de lege selectievelden bovenaan en dan pas op “Selecteer” klikken. U krijgt dan het deel van de lijst die overeenkomt met uw selectie. U kan klikken op de veldtitels om de lijstvolgorde van A-Z of van Z-A te laten wijzigen. Bovenaan rechts ziet u 3 getallen :

Het eerste getal geeft aan hoeveel mensen er op uw lijst staan. Het tweede getal geeft aan hoeveel er actief nieuwsbrieven ontvangen. Het derde getal geeft aan hoeveel mensen zich uitgeschreven hebben op uw website. Indien u op het icoon klikt naast een persoon, dan ziet u het individuele scherm voor deze ingeschrevene verschijnen :

Volgende velden worden ingevuld bij de inschrijving : a. Naam b. Voornaam



50

19 Mei 2010

c. E-mailadres d. Bedrijf e. En de mogelijkheid om de inschrijver te laten kiezen tot welke subgroep hij/zij behoort. Er zijn maximum 5 subgroepen.

U bepaalt zelf in welke 5 subgroepen u uw database wenst te verdelen. Dit is handig indien u later nieuwsbrieven wenst te versturen naar specifieke subgroepen/delen van uw database met een specifieke boodschap. De taal van de inschrijver wordt bepaald door de taal van de website waarin hij/zij zich bevindt. De taal wordt dus ook in een aparte kolom getoond. Verder vindt u ook een kolom in de database met de inschrijvingsdatum. Bezoekers op uw website kunnen zich dus via de website zelf inschrijven of u kan mensen manueel één per één toevoegen via de webbuilder (bvb als mensen toestemming, om uw nieuwsbrief te sturen, gegeven hebben op een andere manier; vb. formuliertje op tafel in een restaurant of op de toonbank in een winkel of via Direct Mail, etc..) Indien u echter reeds een grotere lijst met klanten of mensen hebt, die reeds laten weten hebben dat u hen uw nieuwsbrief mag sturen, dan kunnen wij deze lijst, in één keer downloaden in uw database van de nieuwsbriefmodule. Dit gebeurt bij opstart van de nieuwsbriefmodule. U levert deze lijst aan in een Excell (xls-file) aan met de juiste velden in de juiste volgorde, zoals de gegevens gevraagd worden op de opt-in pagina van de website. Zodoende hoeft u deze gegevens niet één per één in te geven.

10.2.3 Aanmaken van een nieuwsbrief

Als u in de webbuilder Modules Nieuwsbrief volgend startscherm :

klikt dan verschijnt



19 Mei 2010

51

Bovenaan geeft u de taal op, het onderwerp dat als subject van de e-mail zal dienen. U geeft aan of u deze nieuwsbrief in het archief wenst te laten verschijnen. Het sjabloon laat u gewoon default staan zoals het staat. U hebt automatisch een eigen basisdesign voor uw nieuwsbrieven. De basiskader die u in het inhoudsgedeelte ziet staan is 650 pixels breed. Het is belangrijk om zeker geen content (kaders, foto’s, of andere delen) te plaatsen die samen meer dan 650 pixels breed is. Belangrijk voor de esthetiek van uw nieuwsbrief is dat u binnen dit basiskader blijft. Zodra u met uw muis binnen het kader klikt, worden de iconen bovenaan duidelijk. U kan nu beginnen met het schrijven en opmaken van uw inhoud. Daartoe kan u ook de personalisatieknoppen gebruiken die u onderaan uw scherm terug vindt. U kan personaliseren op : 1. 2. 3. 4. 5.

Naam Voornaam E-mailadres Uw url (= website) Nieuwsartikels (websitepakket Pro) : kan u hier automatisch een overzicht van de laatst geplaatste nieuwsartikelen laten verschijnen waar de bezoeker dan kan op doorklikken naar uw website. Dit is een zeer gemakkelijke methode om zonder veel werk een interessante nieuwsbrief naar uw leden te sturen.



19 Mei 2010

52

6. Immo-Items : Voor websitepakket Pro Immo; kan u hier automatisch een overzicht van de laatst geplaatste panden laten verschijnen

Eens ingevuld kan dit er zo uitzien :

Onderaan zou dit er dan zo uit kunnen zien :

Hier plaatst u dan bvb. een link naar een speciale pagina in uw website, waar de mensen zich kunnen inschrijven of meer informatie bekomen. Enkele belangrijke opmerkingen voor een professionele nieuwsbrief :



19 Mei 2010

53

1. Gebruik liefst één (hooguit 2) extra kleur(en) voor titels en/of kaders, liefst de hoofdkleuren van uw website die u terugvindt onder de algemene instellingen bovenaan in uw webbuilder

en dan ziet u uw kleurcodes verschijnen bvb :

Deze kleurcodes kan u dan kopiëren door ze te selecteren met uw muis en [Ctrl]+C in te drukken. Als u de kleur van uw titel/tekst of kader wenst op te geven dan drukt u [Ctrl]+V om de kleurcode te plakken. Ga zeker niet met rood en fluo geel te werk. 2. Gebruik naast de standaardgrootte van uw letters slechts één of hooguit twee extra lettergrootten. Ga nooit groter dan ca. 18 pixels voor uw hoofdtitel(s). Hou het sober en overzichtelijk. 3. Aligneer uw tekst links. Gecentreerde teksten kunnen nogal slordig overkomen. 4. Werk met zeer benopte korte aankondigingstekstjes met een duidelijke titel en met eventueel een kleine afbeelding bij de tekst. De mensen kunnen dan best doorklikken op “Lees meer>>” waar ze dan op een pagina van uw website meer informatie daarover vinden. Recente websites vinden een Lees meer-knop in hun bestanden. Daarop kan u dan een link plaatsen. 5. Belangrijk is dat de foto’s die u op uw nieuwsbrief wenst te plaatsten, om deze eerst in uw bestanden te verkleinen tot 150 of 200 pixels of iets in die grootorde. In de nieuwsbrief zelf kan u een foto niet verkleinen. Op het eerste zicht zou u denken van wel, maar als u de nieuwsbrief verzend dan zal u zien dat dit niet het geval is. U moet dus de originele kleine foto opladen in uw nieuwsbrief. Op de kleine foto kan u dan een link plaatsen naar de grotere foto. 6. Als u kaders gebruikt om teksten naar foto’s te plaatsen, zorg dan altijd dat er voldoende plaats is tussen de tekst en de foto. 7. Personaliseer uw nieuwsbrief 8. Gebruik een aantrekkelijk onderwerp voor uw subject, maar vermijd woorden als ‘gratis’, ‘geld verdienen’ en dergelijke ivm de spamfilters.

10.2.4 Krediet bestellen



54

19 Mei 2010

In de webbuilder gaat u naar Modules Nieuwsbrief verschijnen :

en dan ziet u dit

U kiest uw pakket, vinkt het onderste vierkante vakje aan en klikt op “Bestelling aannemen”. Wij krijgen dan automatisch bericht van uw wens en sturen u zeer spoedig een factuur voor het gekozen pakket. Zodra wij de betaling ontvangen hebben, plaatsen wij het extra credit op uw nieuwsbriefmodule. Deze credits zijn onbeperkt geldig en u kan deze credits verdelen over zoveel nieuwsbrieven u wenst tot uw credits opgebruikt zijn. Bestel tijdig uw creditpakket voor toekomstige nieuwbrieven. Handig is steeds een reserve aan emailcredits voorhanden te hebben. 10.2.5 Versturen van een nieuwsbrief

In de webbuilder gaat u naar Modules Nieuwsbrief volgende verschijnen :

en dan ziet u het



19 Mei 2010

Ga als volgt te werk : 1. Kies uw reeds aangemaakte nieuwsbrief 2. Kies de taal van uw doelgroep (uw nieuwsbrief is eveneens opgemaakt in deze taal) 3. Klik op de omslag rechts van het derde invulveld, waardoor uw emailadres ingevuld wordt. Dit dient om eerst de nieuwsbrief als test naar uzelf te sturen. Dit mag u nooit overslaan. 4. Klik op “Versturen” 5. U ziet dan dit verschijnen :

Belangrijk is dat er hier slechts 1 lid vermeld staat! Namelijk uzelf als test. 6. Klik op “Versturen” 7. Wacht enkele minuten en controleer uw email voor de verzonden nieuwsbrief. 8. Controleer elk aspect van de nieuwsbrief : a. Algemene look b. Kleuren, lettergrootte, titels, ..


55


9. 10. 11. 12.

13. 14.

19 Mei 2010

56

c. Werken alle linken? d. Hebben de foto’s het juiste formaat, heb je een vergrotingslink op de foto’s geplaatst indien nodig? e. Komt hij professioneel over? Indien uw nieuwsbrief perfect is, ga dan opnieuw naar uw nieuwsbriefmodule : Modules NieuwsbriefVersturen Kies opnieuw de juiste nieuwsbrief in de juiste taal Kies de taal van je doelgroep Dan heb je verschillende mogelijkheden : a. Klik op versturen als je naar iedereen wenst te verzenden b. Klik op één subgroep als je één subgroep wenst te versturen c. Klik op meerdere subgroepen als een wenst te versturen naar de mensen die behoren tot ALLE subgroepen die je aangeduid hebt. Dus iemand die in één subgroep zit maar niet in een andere subgroep die je ook aangeduid hebt, zal de nieuwsbrief NIET ontvangen! Hier moet u wel mee opletten. d. U wenst te versturen naar mensen die behoren tot subgroep 1 en/of subgroep 2 en/of etc.., dan moet u de nieuwsbrief eerst naar subgroep 1 sturen. Zodra deze verstuurd is, verstuurd u dezelfde nieuwsbrief naar subgroep 2, etc.. e. U wenst de nieuwsbrief achteraf nogmaals te sturen naar één emailadres, dan vult u dat in in het derde invulvak. f. U kan de nieuwsbrief ook verzenden naar een alfabetische lijst vanaf eenbepaald emailadres of tot een bepaald emailadres, maar dit wordt zelden gebruikt. g. U kan een nieuwsbrief sturen naar mensen die ingeschreven zijn vanaf een bepaalde datum. Klik op versturen Dan ziet u ongeveer het volgende verschijnen :

15. Klik op “Versturen” als het aantal leden volgens u klopt met wat u gevraagd hebt.

10.3 Opt-in Pagina op uw website Een opt-in pagina is een websitepagina op uw website waar de bezoekers zich kunnen inschrijven/uitschrijven op uw nieuwsbrief. De Opt-In pagina op uw website kan er als volgt uitzien :



19 Mei 2010

57

Dit is een standaardpagina, maar alle tekst kan aangepast worden indien u dit wenst. U kan dit zelf doen via de instellingen van de nieuwsbriefmodule, of u kan vragen aan ons supportteam om dit voor u te doen. De kleur wordt steeds aangepast aan het design van uw website.

10.4 Visuele ruimte in uw webdesign om in te schrijven op uw Nieuwsbrief Indien gewenst, kan u opteren voor een kleine visuele ruimte in de design zodat bezoekers op elke pagina de mogelijkheid hebben om zich snel in te schrijven op de nieuwsbrief. Op die manier worden ze er ook steeds aan herinnerd dat die mogelijkheid bestaat. Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

58

Enkele voorbeelden :

Dit kan natuurlijk ook een ruimte zijn met twee lege velden. Als de bezoeker klikt op dit element, dan worden ze naar de Opt-in pagina geleid.

11 Log-in gedeelte Leden/Klanten De webbuilder heeft een ingebouwd Log-in systeem dat de volgende mogelijkheden biedt : • • • • •

•

Leden/Klanten laten registreren via de website Deze Leden/Klanten plaatst u in een groep U kan verschillende groepen aanmaken Per groep bepaalt u welke van de verborgen pagina’s zij mogen zien. U kan (laten) instellen dat de leden/klanten bij registratie automatisch geactiveerd worden en onmiddellijk kunnen kopen in uw e-shop ofwel kan u instellen dat u eerst goedkeuring via de webbuilder moet geven aan deze persoon door hem zelf manueel actief te gaan plaatsen. Telkens iemand zich registreert bekomt u een bericht in uw e-mail. De nieuw geregistreerde personen kunnen slechts aankopen in de e-shop als ze ook geactiveerd zijn. Dus vaak is het bij een e-shop aangewezen om automatisch te activeren als iemand zich registreert. Nadat iemand geregistreerd is bepaalt u o op welke pagina zij na het inloggen terecht moeten komen o U kan elk individueel lid/klant een specifieke %-korting geven indien zij in uw e-shop aankopen (enkel van toepassing indien u een websitepakket Pro EShop hebt aangekocht). o Aanduiden of ze BTW plichtig zijn (BTW aangiften moeten doen). Dit bepaalt of ze de prijzen met of zonder btw zien verschijnen. BTW plichtigen zien de prijzen dan exclusief btw en de niet-btw-plichtigen zien de prijzen dan inclusief btw. o Tot welke groep(en) zij deze persoon behoort (dit bepaalt welke verborgen pagina’s hij kan zien).



U gaat naar Modules Leden/Klanten lijst van uw Leden/Klanten verschijnen.

19 Mei 2010

en u klikt op [Selecteer], dan ziet u de

11.1 Instellingen

U klikt op

59

en dan verschijnt :



19 Mei 2010

Hier kan u per taal alle teksten en instellingen aanpassen voor deze Login-module. Indien u voldoende informatie doorgegeven hebt bij opmaak van uw website, dan zijn deze instellingen normaal gezien reeds volledig door ons ingesteld. U kan ze echter wel ten allen tijde zelf aanpassen. Indien u er niet aan uitgeraakt, dan kan u altijd terecht bij [email protected] .

Als u dan nogmaals op klikt op die pagina, dan kan u de algemene instellingen van de het loginsysteem instellen.

11.2 Groepen


60


19 Mei 2010

61

Dit is het icoon om een bijkomende groep in het Log-in systeem aan te maken. U wenst uw leden/klanten op te delen in verschillende groepen als deze groepen verschillende pagina’s mogen zien. Dus groep X mag bvb pagina’s A, B en C zien daar waar groep Y niet pagina’s A, B en C mogen zijn, maar wel pagina’ D, E en F. Als u op het icoon voor de Groepen klikt, dan verschijnt het volgende scherm :

U ziet dan een overzicht van uw aangemaakte groepen met vermelding van het aantal leden in die groep.

Het 1e icoon : toon alle leden van deze groep Het 2e icoon : toont welke verborgen pagina’s deze groep mogen zien Het 3e icoon : hier kan u de naam en omschrijving van deze groep aanpassen

11.3 Exporteren van uw lijst Klanten/Leden

Met dit icoon kan u de lijst van uw leden/klanten die geregistreerd zijn via het Loginsysteem exporteren in een xls-file.

11.4 Verjaardagen

Als u hierop klikt dan krijgt u een overzicht van alle klanten/leden die hun verjaardag hebben in de komende 7 dagen. Media-Effect, Hundelgemsesteenweg 172-7, B-9820 Merelbeke, Belgium Tel. 09-270 04 61 Fax. 09-239 95 98 [email protected] www.media-effect.be


19 Mei 2010

62

11.5 Toevoegen van een Lid/Klant

Als u in de Leden/Klanten module klikt op dit icoon, dan kan u manueel ook een persoon registreren. Indien u ingesteld hebt (of laten instellen hebt) dat bij registratie de facturatie en leveringsgegevens niet opgegeven moeten worden dan moeten volgende velden ingevuld worden bij registratie :

Indien u laten instellen hebt, dat bij registratie ook de facturatie en leveringsgegevens opgegeven moeten worden dan moet het volgende ingevuld worden :



19 Mei 2010

63

Deze uitgebreide gegevens invullen kan echter enkel via de website zelf. Dus u vult dan de gegevens in alsof u zelf de klant/lid was. (Via de webbuilder kan u enkel de verkorte versie van de gegevens invullen.)

11.6 Registratie van een nieuw lid/klant via de website Zodra een persoon op een beveiligde pagina op uw website klikt, dan zal het volgende scherm verschijnen (dit noemt de “ledenpagina”) :



19 Mei 2010

Onderaan kan men klikken op [Nu registreren] en dan vult men de velden in en klikt op [Verzenden]. Dit kan dan de verkorte of de lange versie van op te geven gegevens zijn, afhankelijk van uw instellingen.

11.7 Aanpassen gegevens geregistreerd lid/klant Zodra geregistreerd is en de korte of uitgebreide gegevens doorgestuurd zijn door op [Verzenden] te klikken is het mogelijk om in de webbuilder bij dit lid of deze klant een kortingspercentage toe te wijzen. U gaat naar Modules Leden/Klanten [Selecteer] En dan klikt u op het icoon

naast de persoon waar u wijzigingen wenst aan te brengen :


64


19 Mei 2010


65


19 Mei 2010

66

Als u “Beheerder” aanklikt, dan wordt deze persoon beschouwd als beheerder van de website en zal deze alle verborgen pagina’s kunnen zien. U kan een Korting voor de Internet winkel toewijzen. Hier bepaalt welke pagina zal verschijnen zodra deze persoon ingelogd is. Hier bepaalt u ook of deze klant BTW-plichtig is of niet (= BTW aangiften moet doen).

11.8 Automatisch activeren van geregistreerde leden/klanten U kan opteren om de geregistreerde leden/klanten onmiddellijk automatisch op actief te zetten zodat ze onmiddellijk kunnen kopen in uw e-shop als u die hebt. Nadat een persoon automatisch geactiveerd is nadat hij/zij zich registreerde, moet u toch nog steeds volgende zaken doen in de webbuilder : o o

o

o

op welke pagina zij na het inloggen terecht moeten komen U kan elk individueel lid/klant een specifieke %-korting geven indien zij in uw e-shop aankopen (enkel van toepassing indien u een websitepakket Pro EShop hebt aangekocht). Aanduiden of ze BTW plichtig zijn (BTW aangiften moeten doen). Dit bepaalt of ze de prijzen met of zonder btw zien verschijnen. BTW plichtigen zien de prijzen dan exclusief btw en de niet-btw-plichtigen zien de prijzen dan inclusief btw. Tot welke groep(en) zij deze persoon behoort (dit bepaalt welke verborgen pagina’s hij kan zien).

11.9 Manueel activeren van geregistreerde klanten/leden Indien uw webbuilder ingesteld is op manueel activeren van leden/klanten nadat zij zich geregistreerd hebben, dan moet u gewoon deze persoon eerst activeren door op de overzichtslijst van uw leden/klanten op het icoon naast de persoon dat u wenst te activeren. De lijn die oorspronkelijk een rode achtergrond had, wordt nu wit. Dit betekent dat deze klant/lid geactiveerd is.

11.10 Paswoord doorsturen naar klant/lid Zodra u de klant geactiveerd hebt of de verdere instellingen aangepast hebt, is het best dat u even op het icoon klikt naast de persoon in de overzichtslijst van uw klanten/leden. U ziet dan dit verschijnen :



19 Mei 2010

67

U hoeft het paswoord daar zelf NIET in te vullen. Dat doet het systeem voor u. U moet enkel op [Verzenden] klikken en dan krijgt de klant of het lid een e-mail met de bevestiging van zijn zelf gekozen paswoord. Indien u de persoon zelf geregistreerd hebt, dan kreeg u op dat moment de gelegenheid om zelf een paswoord te genereren of in te vullen. Dit paswoord wordt hier dan ook automatisch ingevuld.

12 Uw feedback gewenst Wij werken continu aan de webbuilder, waardoor deze natuurlijk dagelijks evolueert. Vaak komen er functionaliteiten bij of worden andere aangepast. Daarom is het soms nodig om even bijkomende vragen te stellen of gewoonweg hulp te vragen. Dat kan natuurlijk. Graag horen wij ook uw suggesties. U kan ons steeds bereiken via [email protected] of via Telefoonnummer 09 270 04 61 tijdens kantooruren. Zijn er bepaalde zaken die niet, niet volledig of niet duidelijk uitgelegd zijn in de handleiding, gelieve ons dit te laten weten. Wij werken de handleiding dan zo spoedig mogelijk bij. De handleiding is steeds gratis (digitaal) of tegen betaling (gedrukt en gebonden) verkrijgbaar op aanvraag via [email protected]



19 Mei 2010


68

Handleiding Webbuilder voor volgende websitepakketten :

Recommend Documents