Courbois Software WebDesignEditor. Versie

Courbois Software WebDesignEditor Versie 2.4.09 November 2010

© 2006-2010

Courbois Software Beuningen – Fazantlaan 63, 6641 XW Beuningen. www.CourboisSoftware.com & www.CS-WebDesign.nl 024 – 677 25 46 - [email protected]

Inhoudsopgave De WebDesignEditor

Starten van de CS-WebDesignEditor.

005

De opbouw van de site

Hoe zit de site in elkaar.

006

Invoeren en aanpassen van de artikelen in de winkel. (1) Foto’s opladen naar de site voor gebruik aldaar. Het laatste nieuws. De pagina indeling van de site. Het uiterlijk van een pagina. De Boxen definities van de site Invoeren en aanpassen van de kolommen. Invoeren en aanpassen van menu’s. Maak een veiligheids back-up van de site gegevens. De indeling van de categorieën van de winkel. (1) De systeem gegevens voor de site. Ga naar de site toe. De tekstverwerker van de editor.

007 012 014 016 020 022 026 027 030 031 034 041 042

De mail adressen op uw eigen site Instellen Outlook voor de Site-Mail Instellen Incredimail voor de Site-Mail

047 048 052

De Editor: De Producten Editor De UpLoad Editor De Nieuws Editor De Pagina Editor De Pagina Templates De Boxen Editor De Kolommen Editor De Menu Editor De BackUp Maker De Winkel Menu Editor De Systeem Editor Starten van de site De WYSIWYG Editor Uw E Mail: Mail adressen Instellen Outlook Instellen Incredimail

De voorgeprogrammeerde Boxen: WW-Boxen WW-Aanbiedingen WW-ANWB WW-BingSearch WW-Blank WW-BookMark WW-ContactForm WW-DealerPass WW-Fotos WW-GallerijContainer1 WW-GallerijContainer2 WW-GameBox WW-GetKlantenKoekje WW-GoogleSearch WW-iDealLogo WW-iLocal WW-KlokBox WW-KolomBox WW-Line WW-MemoBord WW-NieuwProduct

Wat zijn WW-Boxen. : Toon de aanbiedingen van de site. (1) Toon een ANWB routeoverzicht naar de zaak. Zoeken met Bing van Microsoft. Druk een lege regel af. Laat de bezoeker een Bookmark van de site maken. Het Contact Formulier. Laat een handelaar een code invoeren. (1) Laat een pagina met foto’s zien. Laat een pagina met foto’s zien. Met vergroting. Laat een pagina met foto’s zien. Met vergroting. Laat de bezoeker een willekeurig spel spelen, Lees de gegevens van een klant uit een COOKIE. Zoeken met Google. Toon een iDeal Logo als de winkelwagen vol is. (1) Een kaart met de locatie van het bedrijf. Toon een Klok op de site. Omranding om een tekst. CLONE Box. Druk een lijn af in een gekozen kleur. Een memobord, Hier kunnen bezoekers op schrijven. Laat alle nieuwe artikelen zien in een lijst. (1)

© 2006-2010 CS-WebDesign & Courbois Software

060 063 064 065 066 067 068 070 071 072 073 074 075 076 077 078 079 081 082 083 084 2

WW-NieuwsBlok WW-NieuwsBrief WW-NieuwsTonen WW-Page2PDF WW-PrintButton WW-ProductHeader WW-ProductInfo01 WW-productInfo02 WW-ProductInfo03 WW-ProductLijst01 WW-ProductLijst02 WW-ProductLijst03 WW-ProductLijst04 WW-ProductLijst05 WW-ProductMenu01 WW-ProductMenu02 WW-ProductMenu03 WW-ProductMenu04 WW-ProductMenu05 WW-ProductMenuC01 WW-ProductMenuC02 WW-ProductMenuC03 WW-ReklameBox01 WW-ReklameBox02 WW-ReklameBox02A WW-ReklameBox03 WW-ReklameBox04 WW-ReklameBox05 WW-ShowFlash WW-SideMenu01 WW-SideMenu02 WW-SideMenu03 WW-SideMenu04 WW-SideMenu05 WW-SideMeniC01 WW-SideMeniC02 WW-SideMeniC03 WW-Slider WW-SlideShow01 WW-SlideShow02 WW-SpeciaalFonts WW-SpeciaalTekst WW-StockAlert WW-StockAlertZenden WW-Taalkeuze WW-ToonPicDir WW-TopMenu01 WW-TopMenu02 WW-TopMenu03 WW-TopMenu04 WW-Vergroot WW-WinkelAdres

Toon de laatste nieuwe nieuws items. Aan- en Af- melden voor een nieuwsbrief. Toon het nieuws van het NieuwsBlok. Zet een WebSite pagina om in een PDF file. Een knop om de pagina af te drukken. Toon de naam van de actuele categorie. (1) Toon informatie over 1 product. 1 Foto. (1) Toon informatie over 1 product. 1 Foto met slider. (1) Toon informatie over 1 product. 3 Foto’s met slider. (1) Laat artikelen in 1 categorie zien. 3 Naast elkaar. (1) Laat artikelen in 1 categorie zien. 2 Naast elkaar. (1) Laat artikelen in 1 categorie zien. 3 Naast elkaar. (1) Laat artikelen in 1 categorie zien. 5 Naast elkaar. (1) Laat artikelen in 1 categorie zien. 1 Naast elkaar. (1) Toon de categorieën van de winkel. (1) Toon de categorieën van de winkel. Linker kolom. (1) Toon de categorieën van de winkel. Rechter kolom. (1) Toon de categorieën van de winkel. (1) Toon de categorieën van de winkel. (1) Toon de categorieën van de winkel. Cascade Menu. (1) Toon de categorieën van de winkel. Cascade Menu. (1) Toon de categorieën van de winkel. Cascade Menu. (1) Laat een aantal advertenties zien 1/3 Kolom. (1) Laat een aantal advertenties zien 1/2 Kolom. (1) Laat een aantal advertenties zien 1/2 Kolom. DATABox. (1) Laat een aantal advertenties zien 1/1 Kolom. Stock. (1) Laat een aantal advertenties zien 1/1 Kolom. (1) Laat een aantal advertenties zien Zij Kolom. DATABox. (1) Laat een Flash Animatie zien. Ook random uit DATABox. Een keuzemenu voor in een zijkolom. Een keuzemenu voor in een zijkolom. Linker kolom. Een keuzemenu voor in een zijkolom. Rechter kolom. Een keuzemenu voor in een zijkolom. Een keuzemenu voor in een zijkolom. Een keuzemenu voor in een zijkolom. Cascade menu. Een keuzemenu voor in een zijkolom. Cascade menu. Een keuzemenu voor in een zijkolom. Cascade menu. Een slideshow met banners. Een fade-in fade-out slideshow. Een loopband slideshow. Initialiseer een 4-tal speciaal gemaakte karaktersets. Tekst in een speciaal gemaakte karakterset. CLONEBox. Geef een alarmtekst als iets uitverkocht is. (1) Stuur de Stock alert naar de site eigenaar. (1) Kies een taal (Nederlands – Engels - Duits). Toon een hele folder met plaatjes in 1 keer. Een keuzemenu bovenaan de pagina. Een keuzemenu bovenaan de pagina. Een keuzemenu bovenaan de pagina. Een keuzemenu bovenaan de pagina. Vergroot de hele pagina met een aantal procenten. Vraag de adresgegevens van een Klant. (1)


085 086 087 088 089 090 091 092 093 094 095 096 097 098 099 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 127 129 130 131 132 133 134 135 136 137 138 3

WW-WinkelBekijken1 WW-WinkelBekijken2 WW-WinkelBetaal WW-WinkelBetaalMSP WW-WinkelBetaalRabo WW-WinkelInfo WW-WinkelKassa WW-WinkelLeeg WW-WinkelOverzicht1 WW-WinkelOverzicht2 WW-WinkelOverzicht3 WW-YouTubeHori WW-YouTubeVert WW-ZendDealerMail WW-ZendMail WW-ZendNieuwsBrief WW-ZoekBox WW-ZoekResultaatArt WW-ZoekResultaatLin

Bekijk de winkelinhoud. (1) 139 Bekijk de winkelinhoud. KolomBox uiterlijk. (1) 140 De uiteindelijke kassa die alles verstuurd. Geen iDeal. (1) 141 De uiteindelijke kassa die alles verstuurd. MultiSafePay. (1) 142 De uiteindelijke kassa die alles verstuurd. Rabo. (1) 143 Knop om naar de winkel informatie te gaan. (1) 144 Knop om naar de kassa te gaan. (1) 145 Knop om de winkel leeg te maken. (1) 146 Knop om naar het winkeloverzicht te gaan. (1) 147 Knop om naar het winkeloverzicht te gaan. KolomBox. (1) 148 Knop om naar het winkeloverzicht te gaan. HeaderBox. (1) 149 YouTube filmpjes. Horizontale balk. 150 YouTube filmpjes. Vertikale balk. 151 Stuur een bericht aan een dealer. (1) 152 Stuur een bericht van het ContactFormulier. 153 Stuur een bericht over de Nieuwsbrief. 154 Zoeken op de site. 155 Resultaat van zoeken in de producten. (1) 156 Resultaat van zoeken op de site. 157

ZZ- Boxen ZZ-404 ZZ-ContactFormTekst ZZ-iDealCancel ZZ-iDealError ZZ-iDealSucces ZZ-NieuwsBriefReply ZZ-WinkelLeeg ZZ-WinkelLeeg2 ZZ-WinkelWagenInfo ZZ-ZendMail

Wat zijn ZZ-Boxen. Pagina bestaat niet – tekst. Tik een vraag in – tekst. iDeal is afgebroken – tekst. (1) iDeal is mislukt – tekst. (1) iDeal is gelukt – tekst. (1) Bevestiging aan of afmelden van de nieuwsbrief – tekst. Winkelwagen is leeg – tekst. (1) Winkelwagen is leeg – tekst. (1) Informatie over de winkelwagen – tekst. (1) Bericht is verzonden – tekst.

158 159 160 161 162 163 164 165 166 167 168

DATABoxen DATABox Aanbiedingen DATABox BannerSlide DATABox FlashBox DATABox FlashFonts DATABox GoogleFonts DATABox IndexAanbiedingen DATABox SlidePics DATABox SysteemBox01 DATABox WoordenLijst

Wat zijn DATABoxen. Lijst met aanbiedingen voor WW-ReklameBox05. (1) Lijst met banners voor WW-Slider. Lijst met Flash Animaties voor WW-ShowFlash. Lijst met karaktersets voor WW-SpeciaalTekst. Lijst met karaktersets voor WW-GoogleFonts. Lijst met aanbiedingen voor WW-ReklameBox02A. (1) Lijst met foto’s voor WW-SlideShow….. Lijst met systeem teksten. Lijst met woorden voor WW-ContactForm.

169 170 171 172 173 175 177 178 179 180

Kleurnamen De Database opbouw Updates 2.4.0.x

De namen van de toegestane kleuren. De MySQL Database Wat is nieuw in WebDesignEditor 2.4.0.x?

181 183 198

(1)

Alleen voor WebWinkels beschikbaar.

Extra’s:


4

WebDesignEditor De WebDesignEditor is het programma waarmee u zelf uw site kunt onderhouden, nieuwe pagina’s aanmaken, foto’s toevoegen, artikelen toevoegen en aanpassen en nog veel meer. U heeft geen kennis van HTML of PHP nodig om uw site aan te passen. De WebDesignEditor bestaat uit een aantal programma’s die op uw site staan. Daardoor heeft u vanaf elke computer, waar ook ter wereld, toegang tot de editor als u de naam en toegangscode maar weet. De WebDesignEditor is zelf een Webprogramma en werkt in uw browser. De URL van de editor is:

Deze heeft u van ons gekregen voor uw site Daarbij moet u natuurlijk uw eigen site naam invullen bij UwSite en uw eigen toegangscode bij toegangscode. HOOFDLETTERS ZIJN BELANGRIJK!

Op het scherm dat u nu te zien krijgt kunt u kiezen tussen de verschillende programma’s in de editor. Als u niet gekozen heeft voor een winkel zijn verschillende onderdelen niet zichtbaar en niet te kiezen.


5

Opbouw van de site Voor dat u start met het aanpassen van pagina’s en menu’s moet u iets weten over de opbouw van de WebSite/Winkel. Deze heeft namelijk een speciale structuur. De site is module georiënteerd. Ik noem deze modules in de rest van deze tekst BOXEN. Een pagina is opgebouwd uit een aantal boxen die elk een stuk van de site laat zien aan de bezoeker op internet. Een pagina heeft een bepaald Template, omlijning, waarin de boxen getoond worden. Een 2-tal voorbeelden zijn:

Een linkerkolom, 10 boxen in het midden en een rechter kolom. En ook de kolommen bestaan uit een tiental boxen die helemaal gelijk zijn aan de boxen in het midden, alleen smaller. Een box kan wel of geen inhoud hebben, alle 10 zijn dus niet nodig. Elke box kan bestaan uit een tekst die getoond wordt, maar het kunnen ook programma’s zijn die iets speciaals doen. Dat speciale resulteert weer in een uitvoer op het scherm. De site wordt dus bepaald door de inhoud van de boxen, in de Box Editor bepaalt u dus wat er op het scherm komt te staan. Daar past u teksten aan. De Pagina- en Kolom- Editor bepalen het uiterlijk, hoe en welke boxen op het scherm komen te staan. Er zijn veel meer dan deze 2 templates. Lees daar meer over bij de pagina editor op pagina 20. Lees met dit in gedachte verder in deze handleiding.


6

Producten Editor Dit is de Producten Editor of Artikelen Editor. In dit gedeelte kunt u de artikelen van uw WebWinkel invoeren en bijhouden.

Dit is de menubalk van deze editor. U kunt hier 3 keuzes maken. Automatisch wordt de eerste gekozen. U ziet aan de linker kant een overzicht van de verschillende categorieën van uw winkel. Hier de winkel van ComputerShopNederland.nl De structuur daarvan maakt u in de WinkelMenu Editor (zie later) Door op een keuze te tikken krijgt u een overzicht te zien van die categorie van artikelen. Dat kan er uit zien zoals hier onder. knop spreekt voor zich. Hiermee kunt u artikelen De wissen uit de Winkel. U moet dat nog wel even bevestigen. En na het wissen is het nog niet helemaal weg. In het 2e menu (Deleted Overzicht) kunt u ze nog terug vinden. Pas als u ze daar weghaalt zijn ze werkelijk weg. Daar vind u ook de knop om ze weer toe te voegen op dezelfde plaats.

Maar de knop is de belangrijkste in dit overzicht. Tikt u dat aan dan kunt u een product aanpassen. Het scherm is gelijk aan de keuze “Producten Editor” in de menubalk, alleen zijn de velden niet leeg. Het plaatje staat op de volgende pagina, het is te lang voor de ruimte op deze pagina. Eerst even iets over de producten. Deze worden bijgehouden in een database op de site. Om een product te vinden moet de database naar iets kunnen zoeken. En dat dis in ons geval het ProductNummer. Een UNIEK nummer dat een product aanwijst. UNIEK wil zeggen, als u het zelfde nummer 2 keer gebruikt is het oude product HELEMAAL VERDWENEN. Pas daar dus mee op. Om u iets te helpen kunt u, als u een NIEUW product invoert (alle velden zijn nog leeg) rechts boven het ProductNummer invoeren en kiezen voor ZOEKEN. Als het ProductNummer al bestaat krijgt u de gegevens daarvan te zien. Zo kunt u snel zien of een ProductNummer al aanwezig is in de database. Doe dat bij twijfel, zo voorkomt u dat spullen verdwijnen.


7

Dit is het scherm van een reeds ingevuld product. Laten we dat maar eens gaan bekijken. Product Nummer Dat UNIEKE nummer (mag ook letters bevatten) dat het product aangeeft. Ik heb hier b.v. gekozen voor SWEEX-MI159. Het merk van dit product is “Sweex” en het nummer dat Sweex er aan gegeven heeft is “MI159”, er is dus geen vergissing mogelijk met zo’n soort nummer. Product Naam

Dit is de naam van het product waaronder het op de site te zien is. Een heel beknopte omschrijving dus. Deze hoeft niet uniek te zijn. Ik heb b.v. verschillende “Optische Muizen” in mijn winkel.

Merk

Een optioneel veld. Hier kunt u het merk van het artikel invoeren.

Type

Dit is belangrijk. Hier staan de verschillende categorieën van de WebWinkel. Kies uit de lijst de categorie van het product. Onder die categorie is het dan later in de winkel te vinden. Elk product kan maar in 1 categorie staan! Daarom de volgende tip:


8

Voer het artikel geheel in in 1 categorie. Daarna verander het ProductNummer door er b.v. een b achter te zetten. Het is dan een ander artikel met dezelfde gegevens (ook plaatjes). Verander het Type in een ander en het product staat er 2 keer in. Upload Plaatje 1

Met deze functie voegt u een foto toe aan het product. Tik op de knop “Bladeren” en u kunt de foto op uw eigen computer opzoeken. Tik op de foto en kies laden. De naam van de foto komt in het vakje voor bladeren te staan. Straks stuurt de editor de foto naar de site toe.

Upload Plaatje 2

Een aantal winkel routines kunnen meerdere foto’s van 1 product laten zien. Als u daar gebruik van maakt dan moet u hier op de zelfde manier een 2e foto toevoegen.

Upload Plaatje 3

Zie de vorige regels voor als u een 3e foto wilt laten zien. 3 Is nu het maximum. Routines die geen 2e of 3e foto gebruiken laten deze ook niet zien. Heeft u meer dan 1 foto, voer ze gerust in.

Prijs

De prijs van het product. Dit is de normale prijs voor zowel uw winkel als de site. Voer deze in met een . (punt) en NIET , (komma) omdat de computer nu eenmaal zo rekent.

Site Prijs

Dit is een speciale prijs van het product. Een aanbiedingsprijs of een speciale prijs voor de WebWinkel. Als u hier niets in voert dan wordt dat straks automatisch 0.00. De WebWinkel weet dan dat er geen speciale aanbieding is. Maar als u er wel een bedrag neer zet dan zal de WebWinkel iets zeggen als : Van € 10.00 nu voor € 9.50.

Handels Prijs

Dit werkt net zoals de Site Prijs, alleen wordt dit bedrag alleen getoond als de bezoeker als handelaar is ingelogd. Het zijn speciale prijzen voor handelaren. Geen dealers? Dan niets invullen.

Verzendkosten

Bij het invoeren van nieuwe producten staat hier al automatisch de afgesproken verzendkosten. U kunt die per artikel aanpassen om zo voor een bepaald product minder porto te vragen (als het b.v. door de brievenbus past). Bij bestellingen telt de site alle verzendkosten bij elkaar op tot het maximaal afgesproken bedrag. Bus Optie

Voorraad

Ja of Nee. Ik gebruik dit zelf om een korting te geven op een product dat normaal niet, maar zonder verpakking wel, door de brievenbus past. Den aan een geheugenstick met een doosje er om heen. Haal je dat doosje er vanaf, dan past het makkelijk door de brievenbus en hoef je geen pakketkosten te rekenen. Geen interesse daarin? Verander niets. Het staat standaard op NEE.

Dit is belangrijk bij een paar manieren waarop de winkel de producten kan laten zien. Een routine die er MET VOORRAADVLAG is, is er ook zonder. U kunt kiezen uit Ja, in voorraad. Nee, niet in voorraad, 1W, leverbaar binnen 1 week. Skip, langere levertijd. En Gratis, dit artikel kost niets (folders, kado’s).


9

Hier moet u even bij stil staan. Als u daar gebruik van wil gaan maken moet u zich realiseren dat dat betekend dat u dat moet bijhouden. D.w.z. als een product uitverkocht is, moet u dat aanpassen op de site. Het zelfde geld als een product weer in voorraad is. Dit kost VEEL WERK! Speciaal

Dit zijn 2 vlaggen die u wel of niet kunt gebruiken. Ook hier geldt dat u het moet bijhouden. De vlag “Nieuw Product” laat dit artikel zien als de bezoeker om de nieuwste producten vraagt. De vlag “Aanbieding” laat dit artikel zien als de bezoeker naar aanbiedingen vraagt. Meestal hebben die artikelen ook een speciale Site Prijs.

Datum

Dit is voor de “Nieuw product” vlag hier boven. Bij het invoeren van de producten staat die op de datum van die dag. U mag dat aanpassen. Bij het bekijken van de nieuwste producten staat het product met de nieuwste datum bovenaan.

Info regel 1

Dit is een korte mededeling over het product in 25 tot 30 tekens. Het geeft een verduidelijking van het product, geen complete informatie. U heeft daar 3 lijnen voor. Niet alle winkelroutines maken er gebruik van. En doen ze dat wel en u vult niets in dan blijft er een lege regel. Denk aan zo iets als : Ook in rood verkrijgbaar – of : OP=OP artikel.

Info Regel 2

Net zoals regel 1.

Info Regel 3

Net zoals regel 1.

WinkelKeuze 1

Dit zorgt er voor dat de klant een onder keuze kan maken bij een product. Denk daarbij aan een product dat u in verschillende kleuren of maten verkoopt. De klant krijgt een vakje te zien met de vraag een keuze te maken. Deze keuze mogelijkheden geeft u achter deze regel in. Er zijn 3 verschillende mogelijk, maar niet alle winkelpresentaties hebben plaats voor 3. Beperk het zo veel mogelijk tot 1 of 2. Bij Naam tikt u de soort onderverdeling in. B.v. Kleur of Maat. Bij 1, 2, 3…. Tikt u de waarden daarvan in, b.v. Rood, Groen, Wit. Of M, L, XL.

WinkelKeuze 2

Net zoals 1.

WinkelKeuze 3

Net zoals 1. Belangrijk is dat er slechts 1 prijs aan zit. Alle varianten moeten dus dezelfde prijs hebben.

Informatie

Dit is het laatste vlak. Daar kunt u meer informatie, in de vorm van tekst of foto’f, geven over het product. Als u hier iets in vult en de presentatieroutine van de winkel heeft een knop, dan, als de klant er op drukt, krijgt hij deze informatie te zien inclusief de eventuele meerdere foto’s. Staat er niets, dan verschijnt de knop niet. En niet alle presentatieroutines hebben de mogelijkheid voor die knop.


10

Het invoeren van de tekst is iets wat ook bij de Boxen Editor gebeurd en staat daarom apart beschreven in deze handleiding. Kijk daarvoor bij het hoofdstuk WYSIWYG Editor op pagina 42. Nu nog 1 HEEL BELANGRIJKE knop, namelijk . Als u klaar bent met het invoeren van het product moet u op deze knop tikken. PAS DAN en NIET EERDER wordt het product aan de database toegevoegd. En als u een product aan het aanpassen bent, PAS DAN en NIET EERDER worden de veranderingen doorgegeven. Als u een product verandert, dan hoeft u de foto’s NIET opnieuw in te voeren. Alleen als u een andere foto wilt kiezen kunt u dat doen. De database onthoud de eerder opgegeven foto’s. Als u een product verandert, dan ziet u ook de gekozen foto’s, met hun naam er onder. Als u met de muis over de eerste forto gaat, en u heeft al een tweede ingevoerd, dan wisselen die op dat moment. Dit wordt bij een presentatie routine gebruikt, maar is niet standaard op de site. Als u ENTER drukt na een invoer is dat hetzelfde als op Data Invoeren te drukken. Dus, als u een bijna gelijk product wil invoeren en daar de EDIT functie voor gebruikt, verander ALS EERSTE het ProductNummer om het originele product niet te wissen. Het zal niet de eerste keer zijn ….


11

Upload Editor

Via de Upload keuze kunt u files naar de WebSite sturen. Dit kunnen foto’s zijn, maar ook word files, animaties enz. Eigenlijk alles. Als zo’n file op de harddisk van de WebSite staat kun je het op de site gebruiken. Dus om een foto te laten zien moet je het eerst via Upload opsturen.

In het scherm dat je nu ziet kun je een file opsturen. Kies eenvoudig een van de Bladeren knoppen en kies een file. Tik op laden in de requester en dan op het symbool. In de Status regel, helemaal onderaan, komt het resultaat te staan. Zoals u ziet zijn alle regels doorgestreept, behalve de eerste (OPSLAG). Dat is de keuze die u normaal maakt en waar ik in de rest van de teksten van uit ga. De andere werken volledig, maar de plaatjes komen dan op plaatsen op de harddisk die bedoelt zijn voor plaatjes van speciale functies (Menu’s, Winkel, iDeal, Google, enz. De namen verklaren het. De menu keuzes naast Upload zijn knoppen die de plaatjes in die directories op de site harddisk laat zien. Voor de iDeal directory is dat b.v.:

Door op een plaatje te tikken krijgt u een groter scherm te zien waar het plaatje in ware grootte staat. Tevens staat daar de naam van het plaatje voor als u het wilt gebruiken in een box.


12

Dit is het venster van het derde plaatje. U ziet dat de de naam van het plaatje “Pics-iDeal/iDeal03.jpg” is. Daarbij zijn hoofd- en kleine letter essentieel. Een fout daar in en het plaatje wordt niet gevonden. Tik op het plaatje om het venster te sluiten.

Als u naar mij een plaatje of een tekst wil sturen dan kan dat ook via deze editor. Stuur het file naar de OPSLAG folder en ik krijg van de site een mail dat u dat gedaan heeft.


13

Nieuws Editor

Dit is de Nieuws Editor. Deze is er om snel het laatste nieuws aan de bezoeker te laten zien. Er zijn 5 nieuwsberichten mogelijk, met of zonder uitgebreide tekst. Door op het nummer te tikken krijgt u dat bericht.

Nieuwsregel

Hier staat de regel met tekst die de bezoeker op de site ziet. Gebruik de symbolen
om een nieuwe regel te beginnen. De bedoeling is dat daar een korte kreet komt. Iets zoals “Bezoek ons eens” of “Net nieuw binnen”.

Bericht Wissen

Tik hier Ja aan als u dit bericht uit de lijst wilt halen.

Plus Tekstfile

Tik hier Ja als u in het tekstveld daar onder meer informatie wilt geven. Als hier Ja is gekozen komt er op de WebSite een knop bij te staan om op te tikken. Als de bezoeker er op tikt krijgt deze de tekst te zien.

Tekst

De informatieve tekst. Zie meer over het invoeren daarvan bij de WYSIWYG Editor uitleg op pagina 42.

Op de site staat de melding dat er nieuws is meestal in een zijkolom. Het ziet er dan b.v. zo uit:

De eerste is een mededeling. De keuze “Plus Tekstfile” staat hier op Nee. De tweede is met een tekstfile. Er komt een info symbool te staan boven de regel. © 2006-2010 CS-WebDesign & Courbois Software

14

Dit blokje wordt gemaakt door de box: WW-NieuwsBlok (Pagina 85). De nieuwtjes worden in de volgorde 1-2-3-4-5 getoond. Is er 1 leeg, dan wordt die gewoon overgeslagen. Zijn ze alle 5 leeg, dan komt er ook niets in de kolom te staan. Het geeft dan echter wel een lege regel extra.


15

Pagina Editor

De Pagina Editor bepaalt wat er op een pagina komt, en hoe het er staat. U krijgt meteen het volgende overzicht te zien, of iets wat er op lijkt.

Tikt u op een knop, dan wordt de pagina gewist. Nog even een vraag of u het zeker wilt en weg….. Maar niet volledig. Met de 3e knop kunt u de gewiste pagina’s nog terughalen. Ook daar ziet u weer zo’n lijst. Tikt u dan nogmaals op de delete knop dan is het niet meer terug te krijgen. Tikt u echter op de knop, dan is de pagina er weer. De knop laat u een pagina aanpassen. De knop “Nieuwe Pagina” geeft het zelfde, maar dan helemaal leeg. De gegevens van mijn index pagina, de startpagina van de site, staan op het plaatje op de volgende pagina. Ik begin hier vast met de uitleg. De rode regels, middenin boven, zijn speciaal en bespreek ik aan het einde. PaginaNaam

De naam van de pagina. Deze moet UNIEK zijn want er kunnen niet 2 dezelfde pagina’s op de site zijn. Met behulp van deze naam kan een pagina zichtbaar worden gemaakt. Hoofd- en kleine letters zijn verschillend. Dus Test is niet test en ook niet TEST. Hou daar rekening mee. Een speciale pagina is de index pagina. Dat is namelijk de pagina waar de site mee start. Deze moet met kleine letters geschreven zijn!

Template #

Dit is het uiterlijk van de pagina. U ziet het uiterlijk van deze pagina rechts middenin staan. Meer over de verschillende Templates in het volgende hoofdstuk. De standaard template is 001.

Linker Kolom

Kolommen moeten worden opgebouwd. U doet dat in de Kolommen Editor. Hier staat de naam van de kolom die aan de linker kant van het scherm zichtbaar wordt. Als een template geen linker kolom heeft, dan kunt u deze leeg laten.

Rechter Kolom

Identiek voor de kolom aan de rechter kant van het scherm.


16

Top Menu

Menu’s worden gemaakt met de Menu Editor. Hier komt alleen de naam van de MenuBox (zie Boxen Overzicht) te staan. Het Top Menu is een menu dat bovenaan de pagina komt, in het midden gedeelte. In het template voorbeeld plaatje hier boven komt deze boven de 01 en 02, maar niet boven de kolommen.

Header Menu

Ook dit is slechts de naam van een MenuBox (zie Boxen Overzicht). Het verschil met het Top menu is dat deze over de hele pagina komt te staan, dus ook boven de kolommen.

Menuwaarde H

Dit geeft aan welk menupunt geaccentueerd moet worden op deze pagina. Als u b.v. een menu heeft dat normaal blauw is en wit wordt als u er met de muis over heen gaat, dan kunt u met een getal hier opgeven dat dat automatisch gebeurt voor het opgegeven menupunt. Zo kunt u laten zien op welke pagina u bent. De waarde van het getal wordt bepaald door het gekozen menu uiterlijk en wordt daar (Boxen Overzicht) besproken. Deze regel is voor HORIZONTALE MENU’S.

Menuwaarde V

Identiek, maar nu voor VERTOCALE MENU’S. Hier zijn 3 verschillende waarden tegelijk mogelijk.

Omschrijving

Een eenvoudige tekst waarin u verteld welke pagina het is. U zag dat achter de PaginaNaam in het overzicht.

Box 01 tot 20

Dit zijn de modules van de pagina. De teksten en de speciale functies. Hier staan de namen van deze BOXEN. Hiervoor moet u echter de Boxen Editor tekst lezen.


17

Wat u nu moet weten is dat elke pagina maximaal 20 boxen kan bevatten en dat niet alle gebruikt hoeven te worden. De boxen worden uitgevoerd in volgorde en volgens het opgegeven template. Dus in dit voorbeeld Boxen 01 en 02 naast elkaar en dan 03 en 04 er onder enz. enz. Verschillende templates hebben verschillende volgorden. META TAGS Titel

De titel van de pagina. Hier kijken zoekmachines naar. Als uw pagina gevonden wordt in een zoekmachine dan staat dit meestal als eerste regel (die waar u op kunt drukken). Een korte omschrijving van deze pagina. Zoekmachines hebben het graag dat elke pagina een andere titel heeft, ze laten toch ook allemaal iets anders zien.

Zoekwoorden

Dit zijn de zoekwoorden waarmee zoekmachines onder anderen uw pagina indexeren. Er zijn nog meer dingen. Hier staan woorden gescheiden door komma’s die betrekking hebben op uw site en deze pagina. De hele site kan dezelfde hebben, maar ook kan elke pagina specifieke woorden hier hebben staan. Zoekmachines hebben het liefst dat u tussen elke kreet een komma en een spatie zet om ze te onderscheiden. De regel eindigt echter ZONDER KOMMA. De editor corrigeert dat. U kunt verder tikken dan de invoer regel lang is. Er zijn 2 regels voor de zoekwoorden die u vrij kunt gebruiken.

Omschrijving

Dit is de omschrijving van uw site. Een “vriendelijke” tekst die in een zoekmachine getoond wordt aan die gene die aan het zoeken is.

META TAGS moeten voor elke pagina ingevoerd worden om zoekmachines uw site te laten indexeren. Dat is elke keer veel werk, dus een klein hulpje. Als u de META TAGS invoert voor de index pagina, en een andere pagina heeft nog niets staan, dan komen de index META TAGS daar automatisch te staan. U hoeft dan alleen nog kleine aanpassingen voor die pagina te maken. Weer heel belangrijk: Vergeet niet aan het einde van het aanmaken of aanpassen van de pagina op de knop te drukken, anders wordt er niets met de database gedaan! Dan de speciale rode regels in het scherm. Een aantal variabelen worden voor de hele site gezet. Dat zijn b.v. de kleuren van de site en de logo’s. Met deze rode regels kunt u een uitzondering maken voor 1 bepaalde pagina. Deze gegevens komen dan in plaats van de standaard die bij de Systeem Editor worden opgegeven. BG Kleur Links

De achtergrondkleur van de linker kolom.

BG Kleur Midden De achtergrondkleur van de middelste kolom. BG Kleur Rechts De achtergrondkleur van de rechter kolom. Foto Links

Een achtergrond foto voor de linker kolom. Hier staat de naam en locatie van de foto. De hele naam, dus vergeet ook niet de .jpg of .gif. Ook de gegevens er achter zijn belangrijk: Repeat Ja – Nee – X – Y.


18

Dit geeft aan hoe een plaatje in het vak herhaald moet worden. Ja – Het plaatje herhalen in alle richtingen. Nee – Het plaatje slechts 1 keer laten zien vanaf links boven. X – Het plaatje horizontaal herhalen, als een balk. Y – Het plaatje vertikaal herhalen, als een kolom. Foto Midden

Identiek voor een foto in het middenvak.

Foto Rechts

Identiek voor de rechter kolom.

Header Links

Boven aan de site staat meestal een logo of zo iets. Deze kunt u hier veranderen. Header Links is voor de linker helft van de kopregel. U kunt hier weer de naam van een plaatje zetten.

Header Rechts

Het zelfde, maar nu voor de rechter helft.

Header Center

Ook het zelfde, maar nu gecentreerd over de hele kopregel.

Links en rechts kunnen tegelijk gebruikt worden en komen dan naast elkaar te staan. Center beslaat de hele breedte. Gebruikt u Links en/of Rechts en Center, dan gaat Center voor. Als u hier een Box wilt gebruiken, b.v. met een tekst, dan moet er Box- VOOR de boxnaam staan om dit te onderscheiden met een plaatje. Dus als een box de naam “Hallo” heeft, dan moet hier het volgende staan: Box-Hallo. Dit alleen bij de Headers. Als u op mijn site www.ComputerShopNederland.nl kijkt wordt rechts boven een winkelwagen box gebruikt i.p.v. een plaatje. Daardoor is die tekst dynamisch als u wat in de winkelwagen stopt.


19

Pagina Templates Ook in de editor kunt u de templates bekijken door op de laatste knop van de Pagina Editor te drukken. Templates worden per site aangepast om het uiterlijk te veranderen. Deze zijn aanwezig op elke site:

001

002

003

004

011

012

013

014


20

021

022

023

024

Er zitten tegenwoordig (vanaf versie 2.4.0) niet 10 maar 20 boxen in een pagina. Voer gewoon het zelfde patroon door. Ook de kolommen hebben boxen. Alleen die zijn overal het zelfde omdat de kolom smal is. Daar staan 15 boxen onder elkaar. Dat geeft u op in de Kolom Editor.


21

Box Editor

Zoals u bij het stuk over de opbouw van de site heeft kunnen lezen is een BOX het deel van de site waar alles in gebeurd. Elke tekst of functie gebeurt in een box. Een site bestaat dus eigenlijk uit een reeks boxen achter elkaar, gepositioneerd in een template. Dus het aanmaken van een box is belangrijk. Er zijn 4 verschillende boxen: 1. Tekst Boxen. U kunt de naam hiervoor vrij kiezen, dus kies een naam die meteen aangeeft wat de box doet. De boxnaam mag NIET beginnen met WW2. WW-Boxen. Dit zijn voorgeprogrammeerde boxen die een functie uitvoeren. Deze zijn kant-enklaar en u kunt er zelf niets aan veranderen. Het enige wat u kunt doen zijn de instellingen (Codes) aanpassen zodat het uiterlijk en de functie iets kan veranderen. 3. ZZ-Boxen. Dit zijn gewone Tekst Boxen, maar met speciale namen omdat die door de WWBoxen worden aangeroepen. Hier maakt u normaal geen nieuwe. U kunt wel de teksten en plaatjes aanpassen naar uw behoefte. 4. DATABoxen. Dit zijn eenvoudige bestanden met b.v. een lijst met plaatjes, een lijst met woorden, enz. Deze worden vanuit de WW-Boxen automatisch aangeroepen. U kunt ze bijmaken als u de Codes in de WW-Boxen veranderd. Er staat uitleg waar dat kan. Als u op Boxen tikt in het bovenste menu krijgt u het menu van hierboven te zien. Daaronder zo iets als:

knop zichtbaar is kunt u die box wissen. U wordt wel nog gevraagd of u het zeker Als de wil, tikt u op JA dan is de box weg en niet meer te gebruiken. Als de delete knop er zo uit ziet: , dan kunt u het item NIET wissen. Een verwijderde box is nog niet helemaal weg. In de tweede menuregel bovenaan het scherm staat “Deleted Overzicht”. Tikt u daar op dan krijgt u een soortgelijke lijst te zien. Ook daar weer een delete knop. Nog een keer delete kiezen is definitief weg.


22

Op het scherm van de “Deleted Boxen” staat de site. Nu naar de belangrijkste knoppen op dit scherm :

-knop. Deze voegt een box weer toe aan de

. Deze staan voor elke boxnaam.

Door op te tikken kunt u de teksten en het uiterlijk van de boxen aanpassen. U krijgt dan het volgende scherm te zien:

Dit scherm krijgt u ook als u op de knop “Nieuwe Box” tikt. Bij de EDIT keuze staan er al waarden ingevuld en kunt u die aanpassen. Maar ik ga nu even van een nieuwe box uit. BoxNaam

De naam van de box. Vrij te kiezen of niet aanpassen bij EDIT. Met deze naam wordt de box aangeroepen in de site. Kies een zinnige naam.

Clone van

Hier staat meestal de naam van een WW-Box. Dit is de manier om andere gegevens aan een WW-Box door te geven als de standaard WW-Box. Stel u heeft meerdere pagina’s met foto’s die in een galerij getoond worden. De galerij box haalt de namen van de foto’s uit een DATABox. Door een CLONE te gebruiken kunt u dezelfde galerij gebruiken met verschillende DATABoxen, dus verschillende sets foto’s.

Breedte

Dit is de breedte van de box als deze afwijkt van de standaard ruimte. Wordt zelden gebruikt.

Omschrijving

Een omschrijving van de box. Dat zijn de regels die u in het overzicht ziet.

HTTP-Link

Dit is de pagina waar de site heen moet springen als er op de box getikt wordt. Dit alleen als u wilt dat er ook gesprongen wordt. Een keuze als “Contact.php” springt naar die pagina op de site. Een volledige link kan ook : http://www.uwsite.nl/index.php Daarbij zijn de eerste 4 letters belangrijk. Is dat http dan wordt die keuze geopend in HETZELFDE SCHERM als de site. Is dat echter HTTP (hoofdletters) dan wordt er een nieuw scherm geopend.


23

Speciale Codes

Dit zijn variabelen die doorgegeven worden aan de box als deze aangeroepen wordt. Deze worden vooral gebruikt in de WW-Boxen. Elke code wordt in het overzicht van de WW-Boxen beschreven. Ook in de editor staat bij ELKE WWBox een uitleg van de Codes.

Code 01

Dit is de enige code die gebruikt wordt in een normale TekstBox. Met deze kan een vreemd lettertype gekozen worden. De generatie van die letters wordt verzorgd door GOOGLE en staan genoemd in de DATABox GoogleFonts. Meer hier over in de beschrijving van die DATABox.

Inhoud

Dan komt de inhoud. Bij TekstBoxen is dat de tekst die op het scherm komt te staan. Bij de meeste WW-Boxen is deze tekst onbelangrijk en staat daar de uitleg van die box. Over hoe u de tekst moet intikken kunt u meer lezen in het hoofdstuk over de WYSIWYG-Editor op pagina 42.

te drukken (rechts Het is ZEER BELANGRIJK dat u afsluit door op de knop boven). Doet u dat niet en sluit u het venster op een andere manier, dan zijn alle veranderingen ongedaan gemaakt. Het is alsof u niets heeft gedaan. Tikt u er op, dan sluit het venster. Dan gaan we naar de DATABoxen:

U krijgt weer een lijst te zien:

De functies zijn hier net als bij de “normale” boxen. Bij EDIT krijgt u echter een ander scherm te zien (zie volgende pagina). In een DATABox staat een lijst met gegevens voor een andere box. Denk daar bij aan een lijst met foto namen, karaktersets, wachtwoorden, enz enz. De beschikbare DATABoxen staan beschreven achterin deze handleiding, na de normale boxen. Zelf maakt u ze alleen als u b.v. een nieuwe fotogalerij wil maken of willekeurig artikel in een reclame box wil laten zien. BoxNaam

De naam van de box. Vrij te kiezen of niet aanpassen bij EDIT. Met deze naam wordt de box aangeroepen door een WW-Box. Kies een zinnige naam.

Omschrijving

Een omschrijving van de box. Dat zijn de regels die u in het overzicht ziet.


24

001

De gegevens die in de box komen. Totaal 40 stuks maximaal.

Het is ZEER BELANGRIJK dat u afsluit door op de knop te drukken (rechts boven). Doet u dat niet en sluit u het venster op een andere manier, dan zijn alle veranderingen ongedaan gemaakt. Het is alsof u niets heeft gedaan. Tikt u er op, dan sluit het venster.


25

Kolom Editor

De kolom Editor gebruikt u om de boxen voor de kolommen te definiëren. Elke kolom heeft 15 mogelijke boxen. Als u start krijgt u een lijst van de aanwezige boxen te zien:

knop wist de kolom. Ook weer de vraag of u het zeker weet, MAAR dit keer GEEN De OPSLAG. WEG is WEG! knop kunt u een kolom aanpassen. Het scherm is het zelfde als een die bij een Met de nieuwe kolom, alleen is er nu al wat ingevoerd.

Deze is heel eenvoudig en beperkt in de invoer. KolomNaam

De naam van de kolom. Deze naam voort u bij de Pagina Editor in bij de Linker of Rechter kolom.

Box 01 – 20

De naam van de box die getoond moet worden. Kijk in het Boxen Overzicht voor de mogelijke namen.

Vergeet niet op

te drukken!


26

Menu Editor

Met de Menu Editor kunt u keuze menu’s maken die u dan met een van de menu boxen kunt laten zien. Hier wordt dus niet het uiterlijk maar de menupunten gemaakt. U kunt weer nieuwe menu’s maken of een oude aanpassen.

De knop wist een menu. Een vraag of u het zeker weet, maar geen opslag. Voor menu’s geldt: WEG is WEG. Er zijn 2 soorten menu’s mogelijk: Enkele en Dubbele. U ziet ze gescheiden in het overzicht. Op het plaatje zijn er alleen enkele.

Het Enkel Menu:

Menu Naam

De naam van het menu. U heeft deze naam nodig in een Menu Box (Zie Boxen Overzicht). Pas in een Box komt het uiterlijk van een menu naar voren. In de Menu Editor worden de namen van de menukeuzes gedefinieerd, en natuurlijk naar welke pagina gesprongen moet worden. Het zijn de links van de site.


27

Startwaarde

Dit is een getal waar het menu begint met tellen. Dit is het getal dat gebruikt wordt in de Pagina Editor voor de Horizontale en Verticale waarden. Eenvoudig doortellen. Als de Startwaarde 1 is, dan heeft button 9 de waarde 9. Is de Startwaarde 11, dan is de waarde van button 9 nu 19.

Button Naam

De naam zoals u deze op het scherm ziet. Dingen als Home, Adres, Contact. Bij smallere menu’s moet u rekening houden met de lente van die namen. Maximaal zijn het er 15.

Button Link

Dit is de naam van de pagina waar heen gegaan moet worden als er op die knop gedrukt wordt. Er zijn 2 mogelijkheden: 1. Een eenvoudige link op de site. B.v. Contact om naar de pagina Contact te gaan die u met de pagina Editor heeft aangemaakt. 2. Een link buiten de site. Deze moet volledig zijn. Een link naar een andere site kan dan zijn: http://www.cs-webdesign.nl . De eerste 4 letters zijn daarbij belangrijk. Is dat http, dan komt de andere site op hetzelfde venster. Is het HTTP (hoofdletters) dan wordt er een nieuw venster geopend.

Als er een naam opgegeven is maar geen link, dan gebeurt er niets als u op de knop tikt. Vergeet niet af te sluiten met

Het Dubbel Menu:

Een dubbel menu is een menu met sub-menu’s, waar u dus onder keuzes kunt maken. Menu Naam

Hier weer de naam van het menu voor de diverse MenuBoxen.

Button Naam

De naam die op het scherm verschijn. Als je een lijst met sites van vrienden wil maken kan dat b.v. “Links” zijn.


28

SubNaam

De naam van een Sub Menu. In ons voorbeeld kan dat de naam van een site zijn waar de bezoeker heen kan.

SubLink

De link waar naar toe gesprongen moet worden. Ook hier zijn de twee mogelijkheden toegestaan: 1 Een eenvoudige link op de site. B.v. Contact om naar de pagina Contact te gaan die u met de pagina Editor heeft aangemaakt. 2 Een link buiten de site. Deze moet volledig zijn. Een link naar een andere site kan dan zijn: http://www.cs-webdesign.nl . De eerste 4 letters zijn daarbij belangrijk. Is dat http, dan komt de andere site op hetzelfde venster. Is het HTTP (hoofdletters) dan wordt er een nieuw venster geopend. Hier is echter GEEN lege toegestaan.

In het totaal zijn er 15 menu keuzes mogelijk, elk met 10 onder keuzes. Menu’s worden doorgegeven aan diverse Boxen (WW-Boxen). Het zijn de boxen die beginnen met: WW-Top….. en WW-Side…. Het zijn er een stuk of tien. Zie het Boxen Overzicht voor de beschrijving van die boxen.


29

BackUp Maker

De BackUp Maker maakt veiligheids kopieën van de database. Dat betekend dat ALLE INSTELLINGEN van de site opgeslagen worden in een tekst file. Als er iets mis gaat kan met dit file de hele site teruggezet worden. Ik kijk elke week (vrijdag) of er veranderingen in de database zijn, en als dat zo is maak ik een kopie. U kunt dat zelf natuurlijk ook voor u veranderingen gaat maken of gaat experimenteren. Het is zelfs aan te raden. Tik eenvoudig op de “Maak Database BackUp” knop. U krijgt een scherm te zien van alle backups:

Tikt u op een naam, dan krijgt u het file te zien. Gebruik de TERUG-knop van uw browser om terug te gaan. De naam van de backup bevat de datum. Niet de tijd, alleen de datum. Dat wil zeggen dat als u op een dag 2 keer een backup maakt, de eerste verloren gaat. Dus dit maar 1 keer per dag uitvoeren!!!


30

WinkelMenu Editor

In het Winkel menu wordt de structuur van de categorieën van de WebWinkel opgegeven. Hier staat welke categorieën er zijn en in welke volgorde ze op het scherm komen te staan. Het eerste deel, de Categorie Editor, is er voor alle typen winkels.

Hier staan de namen van de categorieën. De volgorde is totaal onbelangrijk en er mogen zo veel leeg zijn als u wilt. Maar een overzichtelijke lijst is natuurlijk handiger. Vergeet

niet als u klaar bent.

Het nummer dat voor de naam staat is dadelijk belangrijk. Dit nummer wordt door de Producten Editor aan een product gekoppeld. Het is dus niet verstandig de namen later fundamenteel te veranderen. Stel u veranderd groep 041 van LAN Kaart in Muis, dan zullen de reeds ingevoerde LAN Kaarten bij de Muizen verschijnen. Maak liever een nieuwe groep. U heeft er 320, dus ruimte genoeg. NIEUW vanaf versie 2.4.0.02 Na elke categorienaam is een klein vakje gekomen. In dit vakje kan niets of een getal van 0 t/m 9 staan. Dit getal geeft aal welke ProductLijst pagina gebruikt wordt voor die categorie. Niets of 0 = ProductLijst 1= ProductLijst1 2= ProductLijst2 ….. 9= ProductLijst9 Op die manier kunt u verschillende categorieën op verschillende manieren in de winkel tonen. Op dit moment is ALLEEN WW-ProductMenuC03 daarvoor gereed.


31

Nu de namen van de categorieën bekend zijn moet u een beslissing nemen over hoe de lijst op de site moet komen. U kunt voor een Enkel Menu of een Dubbel Menu kiezen. Die keuze wordt als eerste gemaakt in de Systeem Editor. En daarna hier. Als u onderverdelingen maakt is het Dubbel Menu het verstandigste. Bij een gering aantal categorien kunt u beter een Enkel Menu kiezen. Een Dubbel Menu werkt, net als bij de Menu Editor met Sub menu’s. We beginnen met het Enkel Menu op de volgende pagina.

Hier bepaalt u de volgorde van de categorieën op het scherm, niet het uiterlijk. Dat laatste gebeurt in een Box. Door het nummer in te tikken zoals dat voor de categorie staat kunt u de volgorde opgeven. Dat hoeft dus niet 001 – 002 – 003 … te zijn. PAS OP 001, niet 1. Er mag GEEN LEGE TUSSENIN ZITTEN. De lijst stopt bij de eerste lege cel !!!! Vergeet


Bij het Dubbel Menu is er wat meer werk nodig.


32

In het vak onder HoofdGroep xx staat de naam van die groep. B.v. Muizen. Daar onder staan de verschillende categorie nummers. Een lijst zonder lege vakken. De laatste met een nummer is de laatste in die lijst. Het zelfde geldt voor de HoofdGroep naam. De laatste met een naam is de laatste die getoond wordt. Een lege er tussen en het stopt daar. In het menu bovenaan is dit stuk in 6 stukken verdeeld, elk met 5 menu’s. Dit alleen om de pagina niet heel erg lang te maken. Heeft u er meer dan 5 nodig? Ga dan gewoon verder met 6-10. Vergeet


Hoe alles op het scherm komt te staan wordt bepaald door de Box die het laat zien. De boxen die dat doen beginnen met WW-ProductMenu....... Meer daar over in het Boxen Overzicht.


33

Systeem Editor

De Systeem Editor is de plaats waar alle variabelen opgegeven worden. Hier wordt de kleur van de site bepaald, hoe alles er uit ziet en wat er afgedrukt kan worden. In 3 stukken de eerste pagina.

Adres en Winkel Variabelen Dit eerste stuk is denk ik wel duidelijk. Het zijn de adresgegevens van de winkel. Deze gegevens worden vooral gebruikt als een klant wat koopt om de mail naar hem te sturen met alle gegevens die hij nodig heeft. Onderaan staan de diverse porto versies. Dit zijn limieten. Een waarde 0.00 geeft aan dat er geen limiet is. Scherm Variabelen Scherm Kleur

De kleur van de achtergrond van het scherm. Dat mag een kleurnaam zijn (Black – White) of een Hexedecimaal nummer #000000 = Zwart, #FFFFFF = Wit. De waarde hier (#DDEEFF) is de kleur blauw die je in dit plaatje ziet.

Scherm Background

De naam van een achtergrond plaatje. De volledige naam, met b.v. .jpg er achter.


34

Aan

Dit geeft aan of het plaatje zichtbaar moet zijn. U kunt een plaatjesnaam invoeren maar het wordt pas zichtbaar als het vakje aangevinkt is.

Repeat

Ja – Herhaal het plaatje in alle richtingen. Nee – Toon het plaatje maar 1 keer. X – Horizontaal herhalen. Y – Vertikaal herhalen.

Header Variabelen Banner Links

De top banner aan de linker kant. Hier staat de naam van het plaatje. Hier kan ook de naam van een Box staan.

Flash Links

Een Flash Animatie voor in de top banner aan de linker kant.

Flash Data

X – De breedte van de Flash animatie Y – De hoogte van de Flash animatie. Loop – Moet de animatie herhalen? Dan aanvinken.

Banner Sel Links Het type van de banner die links getoond moet worden. Pic – Het is een plaatje. Fla – Het is een Flash animatie. Ran – Niet gebruiken. Box – Het is een box. De naam staat bij het plaatje. Geen – Deze banner staat uit. Dit stuk is er voor de linker helft, de rechter helft en een gecentreerde banner. Links en Rechts kunnen samen maar niet met Center. © 2006-2010 CS-WebDesign & Courbois Software

35

Dan nog wat extra variabelen voor de Header: Header Kleur

De achtergrondkleur van de top Header. Kleurnaam of HEX.

Header Hoogte

De hoogte van de banner in pixels. Dit is een MINIMALE hoogte. Is het te tonen plaatje groter, dan wordt er ruimte gemaakt.

Header Background

Het achtergrond plaatje voor de Header. Met de Aan-knop. Ook hier weer de repeat mogelijkheden.

Kolom Variabelen Kolom 1 Kleur

De achtergrondkleur van de 1e kolom. Kleurnaam of HEX.

Kolom 2 Kleur


Kolom 3 Kleur


KolomTop 1

Dit bepaalt het uiterlijk van de kolom. Er zijn 4 mogelijkheden: 1. R1 – Een ronde top met een kleine boog. 2. R2 – Een ronde top met een grote boog. 3. Niets, het vlak eindigd zonder overgang. 4. B – Een border (rand) om de box.

KolomTop 2

Idem voor de 2e kolom.

KolomTop 3

En voor de 3e.

Kolom 1 Background

Het achtergrond plaatje voor deze kolom. Ook weer met de Aanknop en de herhaal mogelijkheden.

Kolom 2 Background

Idem.

Kolom 3 Background

Idem.

En dan het derde stuk. Het plaatje staat op de volgende pagina want er is op deze pagina geen ruimte meer.

Footer Variabelen De Footer is de onderkant van de site. Footer Kleur

De achtergrondkleur van het onderstuk. Kleurnaam of HEX.

Footer TekstKleur De kleur van de copyright boodschap onder aan de site. Footer LijnKleur

De kleur van de lijn onder aan de site.

Wilt u deze absoluut niet zien. Kies dan kleuren die gelijk zijn aan de achtergrond. De copyright regel blijft echter altijd staan. © 2006-2010 CS-WebDesign & Courbois Software

36

##### NIEUW in Versie 2.4.1 ##### In versie 2.4.1 van de editor is de Footer optie iets uitgebreid. De lijn tussen de ©opyright tekst en de site kan nu weggelaten worden. Kies daar voor Uit achter de Footer LijnKleur. Daarnaast kunt u een plaatje opgeven, meestal een breed en dun plaatje, dat onder de webpagina wordt getoond. B.v. met uw adres gegevens. Niets is geen plaatje. Maximaal 990 pixels breed.

Systeem Variabelen Dealer Password De toegangscode voor een dealer. Systeem COOKIE De naam van het systeem COOKIE. Mag van alles zijn. Menu Structuur

Enkel – De winkel gebruikt een Enkel menu Sub – De winkel gebruikt een Dubbel menu. Beide – beide menu’s zijn toegestaan in de winkel.


37

Editor Variabelen Password

De toegangscode voor de editor.

Verander verder hier nooit iets. De layout kan er door in de war raken. Opmerkingen Zet hier dingen neer die u wilt onthouden. Dit was het eerste stuk van de Systeem Editor. Nu de volgende menu keuzes: Vergeet


Systeem Plaatjes Systeem plaatjes zijn de plaatjes die de diverse boxen kunnen gebruiken. Hier kunt u die plaatjes vervangen door andere.

De namen verklaren zich zelf.

MySQL Blijf hier van af als u niet precies weet wat u doet. Hiermee kunt u de database aanpassen.


38

Remote File Editor Blijf hier van af als u niet precies weet wat u doet. Hiermee kunt u direct op de harddisk van de site. Maar u kunt daar door ook dingen verwijderen en de site beschadigen.

Color Picker Een klein programma waarmee u kleurwaarden kunt uitrekenen.


39

Beweeg de muis over de kleuren en bekijk de gekozen kleur. Onderaan komt de HEX waarde van de kleur te staan.

De Systeem Editor is een stuk van de editor dat u NIET MOET GEBRUIKEN. Het meeste hier doe ik voor u. Als u wat wil aanpassen, overleg dan eerst dan maak ik voor u een tijdelijke site aan op mijn eigen site waar u kunt experimenteren.


40

Starten van de site De laatste knop, helemaal rechts, is de start knop voor de site. De site opent in een nieuw venster en u kunt meteen de aanpassingen bekijken, zonder de editor te sluiten,


41

WYSIWYG Editor Dit is een kleine tekstverwerker waarmee u pagina’s voor uw site kunt ontwerpen. De breedte van de edit scherm is precies even groot als het gedeelte van uw site waar u teksten in kunt zetten. U krijgt dus precies te zien hoe het er uit komt te zien als u het intikt. De editor heeft, net als b.v. Windows Word een aantal knoppen om functies uit te voeren. Die knoppen voeren hun functie uit op de geselecteerde tekst (selecteer de tekst met de muis). Een aantal hebben betrekking op een hele regen, b.v. centreren, omdat dat niet anders kan. Maar voor de meeste moet u iets selecteren. Hiernaast ziet u alle knoppen. Een korte beschrijving van al die knoppen, een paar met een extra plaatje. Bold Tekst De geselecteerde tekst word bold (vet, dik). Nog een keer en het veranderd terug. Schuine Tekst De geselecteerde tekst wordt in schuinschrift afgedrukt. Nog een keer keert het weer om. Onderlijnde Tekst De geselecteerde tekst word onderlijnt. Nog een keer keert het weer om. Doorstrepen Tekst De geselecteerde tekst krijgt een streep door de tekst. Ook hier is nog een keer weer terug zetten. Tekst Kleur Hier kunt u de geselecteerde tekst een kleur geven. Kies de kleur met de muis in het venster dat opent. U kunt ook aan de bovenkant de kleur in HEX intikken voor als u een afwijkende kleur wilt hebben. Achtergrond Kleur Ook hier krijgt u hetzelfde venster. Alleen kiest u nu de kleur ACHTER de tekst. Tekst Uitlijnen Dit heeft betrekking op een alinea tekst. De tekst wordt aan beide kanten uitgelijnd en er worden extra spaties tussengevoegd om dat te bereiken. Lees meer over zachte en harde ENTER na de beschrijving van de knoppen. Tekst Links Dit heeft betrekking op een alinea tekst. De tekst komt links aan te liggen. Zoals het er b.v. ook in een boek uit zien. Voor en na dit gedeelte moet een HARDE ENTER staan. © 2006-2010 CS-WebDesign & Courbois Software

42

Tekst Centreren Dit heeft betrekking op een alinea tekst. De tekst komt in het midden van de pagina te staan. Voor en na dit gedeelte moet een HARDE ENTER staan. Tekst Rechts Dit heeft betrekking op een alinea tekst. De tekst wordt nu aan de rechter kant uitgelijnd. Voor en na dit gedeelte moet een HARDE ENTER staan. Punt Lijsten Punt lijsten zijn teksten onder elkaar, elk met een puntje ervoor. • Xxxxx • Xxxxx • Xxxxx Zoals hierboven. Deze lijst trekt automatisch de eerste letter van elke regel onder elkaar zolang u door tikt of ZACHTE ENTER geeft. Met HARDE ENTER gaat de tekst naar de volgende punt. Het is belangrijk dat u de lijst begint met een HARDE ENTER en eindigt. Doet u dat niet dan wordt meer dan u wilt opgenomen in de lijst. Cijfer Lijsten Net als Punt Lijsten, maar nu cijfers i.p.v. de punten. Zoals: 1. Xxxxx 2. Xxxxx 3. Xxxxx Inspringen Dit is een kleine inspringing in de tekst maken. Zoals op de volgende regel: Deze tekst start niet helemaal vooraan, maar er staat geen punt en ook geen cijfer voor. Het geeft alleen een extra dimensie aan de tekst. Ook dit is een alinea opdracht en moet omsloten zijn met de HARDE ENTER. Terugspringen Het omgekeerde, de tekst gaat een klein stukje naar voren. En denk aan de HARDE ENTER. Subscript Tekst Dit is tekst die iets ONDER de regel staat. Zoals dit. Te gebruiken in b.v. de chemische formule van water: H2O - H2O. Superscript Tekst Net andersom als Subscript. De tekst gaat iets omhoog. Dit wordt gebruikt in b.v. 1e en E=MC2. Knippen De geselecteerde tekst wordt weggehaald. Dit is het zelfde als de tekst selecteren en op de Deletetoets drukken. Kopiëren De tekst die geselecteerd is wordt opgeslagen in het geheugen. Dit is gelijk aan de CTRL-C toetsencombinatie. Toevoegen Of Plakken, voegt de tekst die u gekopieerd heeft toe op de plaats van de cursor. Dit is gelijk aan CTRL-V. © 2006-2010 CS-WebDesign & Courbois Software

43

Word Correctie Dit is een functie die u waarschijnlijk nooit gebruikt. Als u een stuk tekst uit Windows Word kopieert dan zet Windows allerlei controletaken in de tekst. Deze knop wist al die tekens. Maar verschillende opdrachten, zoals b.v. Centreren, gebruiken ook die codes. Dus u verliest de gehele formattering van uw tekst. Herstel De laatste opdracht van de editor wordt ongedaan gemaakt. Een Oeps…knop. On-Herstel Ofwel Redo. De laatste herstel opdracht ongedaan maken. Tabel invoeren. Hiermee voegt u een tabel in. Zie het als een stukje Excel pagina. U krijgt het venster van hiernaast te zien waar het een en ander opgegeven moet worden. Rijen en kolommen geven het aantal rijen en kolommen aan. Padding geeft de lege ruimte in pixels aan rondom de rand van de tabel. Omranding dikte geeft de totale omranding aan. 0 Is geen omranding. Omranding stijl laat u kiezen uit verschillende soorten omrandingen. Breedte geeft de breedte van de totale tabel aan. De hoogte past zich automatisch aan de karakterset maat aan. Uitlijning geeft aan waar de tabel moet staan, Links, Rechts, Midden… Achtergrond kleur is de kleur waarmee de vakken worden gevuld. Als u op “kies” tikt komt er een klein kleurvenster om te kiezen. Omranding kleur is de kleur van de randen. Ook hier kunt u kiezen. Samenvallende randen maakt de tabel iets compacter.

De tabel hierboven is het resultaat van de gegevens in het voorbeeld scherm. Plaatje Invoegen Hiermee kunt u een plaatje invoegen op de plaats van de cursor. U moet echter PRECIES weten waar het plaatje staat op de site. Om dat makkelijk te bepalen hebben we de Upload functie (Zie hoofdstuk over UPLOAD). Door een plaatje met dat gedeelte van de editor naar de site te sturen staat het plaatje altijd op de zelfde plaats. Stel u gebruikt de Upload editor om het file “Plaatje.jpg” naar de site te sturen. Het file komt dan in de OPSLAG-directory van de site.


44

Tikt u op deze knop dan verschijnt het volgende schermpje: U ziet dat ik de URL van het plaatje heb opgegeven als OPSLAG/Plaatje.jpg. Verdere opties zijn: Breedte, de breedte van het plaatje in puntjes. PAS OP het zichtbare deel van de site is 639 puntjes. Dus als een plaatje heel groot is geef dan een waarden van 630 op. Of vul niets in. Hoogte, de hoogte van het plaatje in puntjes. Als u slechts 1 van Breedte en Hoogte opgeeft blijft de verhouding van het plaatje gelijk. Anders vervormt het. In het algemeen geeft u alleen de breedte op om een plaatje in te passen. Omranding geeft aan hoe dik de (zwarte) rand om het plaatje moet worden. 0=geen rand. Uitlijning geeft aan waar het plaatje moet komen te staan, Links, Rechts. Midden…. Horizontale en Verticale Spatie geeft aan hoeveel puntjes om de foto leeg moet blijven. Dit is handig om tekst naast een plaatje iets van het plaatje af te laten staan, zoals bij de plaatjes in deze tekst waar de waarde 5 is. Tekst is tenslotte nog een tekst die even zichtbaar wordt als de muis over het plaatje gaat. B.v. geschikt voor © Copyright berichtjes. Belangrijk is altijd de OPSLAG/ (met hoofdletters) voor de naam van het plaatje! Link Invoegen Een link is een hyperlink, verwijzing naar een andere pagina of een andere site. Ook een e-mail-adres is zo’n link. In het voorbeeld is de link naar een andere site: http://www.leukesite.nl Bij Target geeft u het doel venster op. Geen wil zeggen in het venster van uw site, maar _blank is een meer logische keus. Deze opent een nieuw venster. Als u een pagina op uw site wilt openen, haal dan http:// weg (dit staat er automatisch) en voer de pagina naam in zonder site vermelding. (zie een stukje terug aan het eind van het hoofdstuk over de Pagina Editor). Zoals ik al vertelde is mail (E-Mail) ook een soort van hyperlink maar met een speciaal voorvoegsel. Als u een mail-adres wilt laten zien dan maakt u een link met de volgende URL: mailto:mailadres b.v. mailto:[email protected] Als u nu op de site op die link tikt start het mailprogramma. © 2006-2010 CS-WebDesign & Courbois Software

45

Alle andere regels hoeven niet te worden ingevuld. Voorbeeld Scherm Dit opent een venster precies even groot als het middenstuk van uw site en laat het resultaat zien. U krijgt ALLEEN de tekst (en foto’s) te zien zonder de rest van uw site. Deze functie is te gebruiken zonder dat u eerst op de “Invoeren”-knop heeft gedrukt, wat wel nodig is als u een test pagina wilt bekijken. HTML Dit laat de HTML-code van de pagina zien, als u daar in geïnteresseerd bent. Nog een keer op die knop drukken en u gaat weer terug naar de tekst. Nu rest alleen de al eerder genoemde HARDE en ZACHTE ENTER Dit zijn eigenlijk ENTER en SHIFT-ENTER. Door op de ENTER-toets te drukken gaat de tekst naar de volgende regel. Er wordt een regeleinde ingevoerd en de cursor gaat naar de eerste positie van de volgende regel. Zoals u dat normaal doet bij het tikken van een tekst. Een aantal functies heeft echter betrekking op een alinea. Door nu een SHIFT-ENTER voor de alinea te geven weet de editor dat de alinea begint. Een volgende SHIFT-ENTER geeft het einde van de alinea aan. Op het scherm van de editor krijgt u een wat grotere afstand tussen de regels om aan te geven dat het een HARDE ENTER is. Deze afstand is gelijk aan 2 maal de normale ENTER. Het verschil is echter dat u de cursor NIET op deze lege regel kunt zetten. De uiteindelijke pagina uitvoer ziet geen verschil tussen die twee vormen. Voor internet zijn ze gelijk. De extra lege regel in de editor is NIET TE ZIEN op de site.

En nu maar experimenteren…….


46

Mail adressen Met uw site krijgt u ook mail adressen op uw domeinnaam. Standaard is het info adres, maar u kunt er meer bij krijgen. De totale mailbox (van alle adressen) is 50MB. Laat weten welke adressen en wachtwoorden u wilt en wij stellen die voor u in. De vorm is altijd : [email protected] waarbij de xxx vrij te kiezen is. Heeft u een extra domeinnaam die naar de site wijst, dan is er 1 verwijs adres mogelijk. D.w.z. een mail adres op het domein dat automatisch doorgestuurd wordt naar een ander mailadres. Standaard is dat info, maar het mag een andere naam zijn. De gegevens zijn in de volgende vorm (domein.nl moet u steeds aanpassing in uw gegevens). POP3.UwDomein.nl voor de POP server SMTP.UwDomein.nl voor de SMTP server http://webmail.UwDomein.nl voor de Web Mail. Daarnaast heeft u uw Toegangscode en Wachtwoord nodig om de instellingen compleet te maken.


47

Instellen Outlook Outlook is een E-mail programma van Windows. Echter niet meer voor Vista en 7. In die versies mag dit programma niet meer opgenomen zijn. U kunt dan 2 dingen doen: 1. Het programma laden op het internet. 2. Een alternatief kiezen. Mijn voorkeur. Kijk in het volgende hoofdstuk “Incredimail”. Outlook heet tegenwoordig Windows Mail. U kunt het downloaden op:

http://www.gratissoftware.nu/downloaden/windows-mail.php Na installatie werkt het precies zoals Outlook. Start het programma (Outlook of Windows Mail) door de desktop icon aan te tikken. Ook via het startmenu is dat mogelijk. Als het programma niet automatisch met het instellen van de gegevens begint, tik dan op Extra – Accounts in het boven menu.

Tik op tab E-mail.


48

En dan op Toevoegen en de subkeuze E-mail.

Geef nu uw naam op. Deze mag van alles zijn, maar uw eigen naam is het beste (of die van uw bedrijf). Tik op Volgende.

Dan heeft het programma het mail adres nodig. Dat is iets als [email protected] waar bij “mijnsitenaam.nl” uw eigen sitenaam wordt ingetikt. En tik weer op Volgende.


49

Nu komen de server instellingen. De server voor inkomende mail (POP) heeft de volgende naam: POP3.MijnSiteNaam.nl En de uitgaande server wordt: SMTP.MijnSiteNaam.nl Een daarbij is “MijnSiteNaam.nl” uw site (zonder de www). Tik weer op Volgende.

Nu komt de accountnaam. Dat is het HELE mailadres. Dus “[email protected]”. En het aan u gegeven wachtwoord. Hoofdletters zijn BELANGRIJK!


50

Sluit dan af met Volgende. Het eerste scherm verschijnt weer maar nu met uw mailadres. Tik daar 1 maal op de account en dan op Eigenschappen. Allereerst verander de E-mailaccount in een betere naam. Tik op Servers bovenaan. Controleer of de Accountnaam het HELE mailadres is. Pas dat eventueel aan. Als er problemen met ZENDEN zijn, pas dan op het tabblad “Geavanceerd” het daar aanwezige getal 25 aan en verander dat in 2525 of 25025. Dit heeft met uw internet provider te maken. Tik OK om de veranderingen door te geven. Uw mail adres is nu ingesteld. U kunt er op dezelfde manier meer instellen.


51

Instellen Incredimail Incredimail is een alternatief E-mail programma met leuke opties. Naast Outlook is dit het meest gebruikte programma. En het programma is er in een Nederlandstalige versie. U kunt het programma gratis downloaden op het volgende adres:

http://www.incredimail.com/dutch/download/ De volledige versie is 10MB groot. Start het na het laden en geef antwoordt op een paar eenvoudige vragen. Bekijk de installatie hier onder: Kies eerst uw taal en tik op Volgende:


52

Accepteer de copyrights

Kies voor Aangepaste Installatie (Geavanceerd) Dit is belangrijk anders worden er automatisch extra dingen geïnstalleerd die u misschien niet wilt. Tik dan op Volgende:


53

Haal de vinkjes weg bij Meer Opties als u die niet wilt. (haal ze weg). En weer Volgende:

De software gaat nu installeren en laat wat animaties zien. Tegelijk verschijnen er wat nieuwe icons op de desktop. Deze kunt u later alle 5 in de prullenbak gooien. In de onderste balk links komt straks een oranje enveloppe waarmee u Incredimail kunt starten. Tik daarna op Volgende: Voer de volgende gegevens in en tik op Volgende:


54

De installatie is nu klaar en Incredimail start op. Nu moeten we de instellingen van het programma en het mail adres doen. Kies een mail melder. De Nederlandse butler staat aan. Kies eventueel een andere. Ze worden downgeladen en u krijgt de animatie te zien.

Tik op OK na uw keuze. Nu is Incredimail klaar. Nu gaan we op de volgende pagina uw mail adres instellen:


55

Tik in de menubalk op Hulpmiddelen en het submenu E-mailaccounts.

Kies Toevoegen.

Kies voor zelf configureren (de onderste). En tik op Volgende.


56

U kunt nu kiezen uit verschillende mail providers. Voor de site kiest u “Andere”.

Nu hier 3 gegevens invullen: © 2006-2010 CS-WebDesign & Courbois Software

57

1. Uw naam 2. Uw E-mailadres 3. Uw wachtwoord

Uw naam of die van uw bedrijf. Het volledige mail adres: [email protected] Het gekregen wachtwoord.

Deze gegevens worden automatisch ingevuld. Controleer ze. Het zijn de POP en SMTP gegevens die u van mij gekregen hebt. Staan ze niet ingevuld, voer ze dan in. Hierboven staan ze voor 1 van mijn sites.


58

En klaar is pietje. Tik in het volgende scherm op Eigenschappen en controleer alles. Op het laatste scherm:

Kunt u de server poort (25) eventueel aanpassen als u geen mail kunt verzenden. Verander de 25 in 2525 of 25025. OK om af te sluiten. U kunt meerder mailadressen toevoegen op dezelfde manier.


59

Boxen Overzicht In het volgende stuk staan de voorgeprogrammeerde Boxen beschreven. Dit zijn de boxen, en omschrijvingen, van de WebDesignEditor vanaf versie 2.4.0. Eerder versies kunnen afwijken in functies en Codes. Zie updates na 2.4.0 op pagina 198 en verder. Als eerste de WW-Boxen dan de ZZ-Boxen en daarna de DATABoxen. Hier nogmaals de lijst. WW-Boxen WW-Aanbiedingen WW-ANWB WW-BingSearch WW-Blank WW-BookMark WW-ContactForm WW-DealerPass WW-Fotos WW-GallerijContainer1 WW-GallerijContainer2 WW-GameBox WW-GetKlantenKoekje WW-GoogleSearch WW-iDealLogo WW-iLocal WW-KlokBox WW-KolomBox WW-Line WW-MemoBord WW-NieuwProduct WW-NieuwsBlok WW-NieuwsBrief WW-NieuwsTonen WW-Page2PDF WW-PrintButton WW-ProductHeader WW-ProductInfo01 WW-productInfo02 WW-ProductInfo03 WW-ProductLijst01 WW-ProductLijst02 WW-ProductLijst03 WW-ProductLijst04 WW-ProductLijst05 WW-ProductMenu01 WW-ProductMenu02 WW-ProductMenu03 WW-ProductMenu04

Toon de aanbiedingen van de site. Toon een ANWB routeoverzicht naar de zaak. Zoeken met Bing van Microsoft. Druk een lege regel af. Laat de bezoeker een Bookmark van de site maken. Het Contact Formulier. Laat een handelaar een code invoeren. Laat een pagina met foto’s zien. Laat een pagina met foto’s zien. Met vergroting. Laat een pagina met foto’s zien. Met vergroting. Laat de bezoeker een willekeurig spel spelen, Lees de gegevens van een klant uit een COOKIE. Zoeken met Google. Toon een iDeal Logo als de winkelwagen vol is. Een kaart met de locatie van het bedrijf. Toon een Klok op de site. Omranding om een tekst. CLONE Box. Druk een lijn af in een gekozen kleur. Een memobord, Hier kunnen bezoekers op schrijven. Laat alle nieuwe artikelen zien in een lijst. Toon de laatste nieuwe nieuws items. Aan- en Af- melden voor een nieuwsbrief. Toon het nieuws van het NieuwsBlok. Zet een WebSite pagina om in een PDF file. Een knop om de pagina af te drukken. Toon de naam van de actuele categorie. Toon informatie over 1 product. 1 Foto. Toon informatie over 1 product. 1 Foto met slider Toon informatie over 1 product. 3 Foto’s met slider Laat artikelen in 1 categorie zien. 3 Naast elkaar. Laat artikelen in 1 categorie zien. 2 Naast elkaar. Laat artikelen in 1 categorie zien. 3 Naast elkaar. Laat artikelen in 1 categorie zien. 5 Naast elkaar. Laat artikelen in 1 categorie zien. 1 Naast elkaar. Toon de categorieën van de winkel. Toon de categorieën van de winkel. Linker kolom Toon de categorieën van de winkel. Rechter kolom Toon de categorieën van de winkel.


063 064 065 066 067 068 070 071 072 073 074 075 076 077 078 079 081 082 083 084 085 086 087 088 089 090 091 092 093 094 095 096 097 098 099 0100 0101 0102 60

WW-ProductMenu05 WW-ProductMenuC01 WW-ProductMenuC02 WW-ProductMenuC03 WW-ReklameBox01 WW-ReklameBox02 WW-ReklameBox02A WW-ReklameBox03 WW-ReklameBox04 WW-ReklameBox05 WW-ShowFlash WW-SideMenu01 WW-SideMenu02 WW-SideMenu03 WW-SideMenu04 WW-SideMenu05 WW-SideMeniC01 WW-SideMeniC02 WW-SideMeniC03 WW-Slider WW-SlideShow01 WW-SlideShow02 WW-SpeciaalFonts WW-SpeciaalTekst WW-StockAlert WW-StockAlertZenden WW-Taalkeuze WW-ToonPicDir WW-TopMenu01 WW-TopMenu02 WW-TopMenu03 WW-TopMenu04 WW-Vergroot WW-WinkelAdres WW-WinkelBekijken1 WW-WinkelBekijken2 WW-WinkelBetaal WW-WinkelBetaalMSP WW-WinkelBetaalRabo WW-WinkelInfo WW-WinkelKassa WW-WinkelLeeg WW-WinkelOverzicht1 WW-WinkelOverzicht2 WW-WinkelOverzicht3 WW-YouTubeHori WW-YouTubeVert WW-ZendDealerMail WW-ZendMail WW-ZendNieuwsBrief WW-ZoekBox WW-ZoekResultaatArt

Toon de categorieën van de winkel. Toon de categorieën van de winkel. Cascade Menu Toon de categorieën van de winkel. Cascade Menu Toon de categorieën van de winkel. Cascade Menu Laat een aantal advertenties zien 1/3 Kolom. Laat een aantal advertenties zien 1/2 Kolom. Laat een aantal advertenties zien 1/2 Kolom. DATABox Laat een aantal advertenties zien 1/1 Kolom. Stock. Laat een aantal advertenties zien 1/1 Kolom. Laat een aantal advertenties zien Zij Kolom. DATABox Laat een Flash Animatie zien. Ook random uit DATABox Een keuzemenu voor in een zijkolom. Een keuzemenu voor in een zijkolom. Linker kolom Een keuzemenu voor in een zijkolom. Rechter kolom Een keuzemenu voor in een zijkolom. Een keuzemenu voor in een zijkolom. Een keuzemenu voor in een zijkolom. Cascade menu Een keuzemenu voor in een zijkolom. Cascade menu Een keuzemenu voor in een zijkolom. Cascade menu Een slideshow met banners Een fade-in fade-out slideshow Een loopband slideshow Initialiseer een 4-tal speciaal gemaakte karaktersets Tekst in een speciaal gemaakte karakterset. CLONEBox Geef een alarmtekst als iets uitverkocht is Stuur de Stock alert naar de site eigenaar Kies een taal (Nederlands – Engels - Duits) Toon een hele folder met plaatjes in 1 keer. Een keuzemenu bovenaan de pagina. Een keuzemenu bovenaan de pagina. Een keuzemenu bovenaan de pagina. Een keuzemenu bovenaan de pagina. Vergroot de hele pagina met een aantal procenten. Vraag de adresgegevens van een Klant Bekijk de winkelinhoud. Bekijk de winkelinhoud. KolomBox uiterlijk De uiteindelijke kassa die alles verstuurd. Geen iDeal De uiteindelijke kassa die alles verstuurd. MultiSafePay De uiteindelijke kassa die alles verstuurd. Rabo Knop om naar de winkel informatie te gaan Knop om naar de kassa te gaan Knop om de winkel leeg te maken. Knop om naar het winkeloverzicht te gaan. Knop om naar het winkeloverzicht te gaan. KolomBox Knop om naar het winkeloverzicht te gaan. HeaderBox YouTube filmpjes. Horizontale balk. YouTube filmpjes. Vertikale balk. Stuur een bericht aan een dealer Stuur een bericht van het ContactFormulier Stuur een bericht over de Nieuwsbrief Zoeken op de site Resultaat van zoeken in de producten.


0103 0104 0105 0106 0107 0108 0109 0110 0111 0112 0113 114 115 116 117 118 119 120 121 122 123 124 125 127 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 61

WW-ZoekResultaatLin

Resultaat van zoeken op de site

158

ZZ- Boxen ZZ-404 ZZ-ContactFormTekst ZZ-iDealCancel ZZ-iDealError ZZ-iDealSucces ZZ-NieuwsBriefReply ZZ-WinkelLeeg ZZ-WinkelLeeg2 ZZ-WinkelWagenInfo ZZ-ZendMail

Pagina bestaat niet – tekst. Tik een vraag in – tekst. iDeal is afgebroken – tekst. iDeal is mislukt – tekst. iDeal is gelukt – tekst. Bevestiging aan of afmelden van de nieuwsbrief – tekst. Winkelwagen is leeg – tekst. Winkelwagen is leeg – tekst. Informatie over de winkelwagen – tekst. Bericht is verzonden – tekst.

159 160 161 162 163 164 165 166 167 168 169

DATABoxen DATABox Aanbiedingen DATABox BannerSlide DATABox FlashBox DATABox FlashFonts DATABox GoogleFonts DATABox IndexAanbiedingen DATABox SlidePics DATABox SysteemBox01 DATABox WoordenLijst

157

Lijst met aanbiedingen voor WW-ReklameBox05 Lijst met banners voor WW-Slider Lijst met Flash Animaties voor WW-ShowFlash Lijst met karaktersets voor WW-SpeciaalTekst Lijst met karaktersets voor WW-GoogleFonts Lijst met aanbiedingen voor WW-ReklameBox02A Lijst met foto’s voor WW-SlideShow….. Lijst met systeem teksten Lijst met woorden voor WW-ContactForm


170 171 172 173 175 177 178 179 180

62

BOX – WW-Aanbiedingen Deze box laat een overzicht van alle artikelen zien waarvan de ‘aanbieding vlag’ is gezet. Dit kunt u doen bij de ProductenEditor. Er kan gesorteerd worden op NAAM of ARTIKELNUMMER. Het uiterlijk is een rij van 5 vakjes naast elkaar in een middenvlak.

Code 01 Code 03 Code 04 Code 05 Code 06 Code 07

Hier staat de paginanaam voor de knop. Standaard ProduktInfo. JA voor het symbool. Standaard NEE. JA voor het symbool. Standaard NEE. Sorteren op Naam (1) of Artikel Nummer (2). Standaard 2 (Naam). De kleur van de randen van de boxjes. Standaard Black. De dikte van de lijn om de boxjes. Standaard 1.

Gebruikt de Systeem Plaatjes 01 (winkelmandje) en 16 (Info vraagteken).


63

BOX – WW-ANWB In dit een vlak, in een van de zijkolommen, kan de bezoeker zijn of haar postcode intikken en de ANWB geeft een routebeschrijving van die postcode naar uw kantoor.

Code 01 Code 02 Code 03

De naam van uw bedrijf. De postcode van uw bedrijf (9999 AA) Het huisnummer van uw bedrijf.


64

BOX – WW-BingSearch In de kolom komt een klein vakje te staan waar u een zoekterm kunt ingeven. Deze zoekterm wordt doorgegeven aan Microsoft’s Bing zoekmachine. Als eerste wordt op uw site gezocht, maar de bezoeker heeft ook de optie om op het internet te zoeken.

Code 01 Code 02 Code 03 Code 04 Code 05 Code 06 Code 07 Code 08

De kleur van de tekst. Standaard Black. De achtergrond kleur voor de resultaten. 1 = Rood, 2 = Groen, 3 = Geel, 4 = Blauw. Standaard 1. De URL van de site waarop gezocht wordt. Standaard www.CS-WebDesign.nl Een 2e sitenaam. Standaard niets. Een 3e sitenaam. Standaard niets. Een 4e sitenaam. Standaard niets. Een 5e sitenaam. Standaard niets. JA of NEE voor KolomBox uiterlijk. Standaard NEE.


65

BOX – WW-Blank Drukt eenvoudig 1 leger regel af om een afscheiding te maken tussen teksten.


66

BOX – WW-BookMark Laat de bezoeker, door deze link aan te tikken, uw site bij zijn favorieten zetten.

Code 01 Code 02

De kleur van de tekst. Standaard Black. JA of NEE voor KolomBox uiterlijk. Standaard NEE.


67

BOX – WW-ContactForm Een contact box waar de bezoeker een vraag kan stellen aan de site eigenaar. Gemaakt voor Nederlands, Engels en Duits. Naast de tekst komt een plaatje te staan. Dat is SysteemPlaatje 09. Veranderen van dat plaatje gaat via de Systeem keuze in het hoofdmenu. Deze module wordt verlaten naar pagina ZendMail. Engels naar ZendMailE en Duits naar ZendMailD. Aldaar kies je de 'bedankt voor de mail'-pagina. Bij meerdere talen op 1 site een CLONE gebruiken voor de extra talen.

Code 01 Code 02

Code 03 Code 04 Code 05 Code 06 Code 07 Code 08 Code 09 Code 10 Code 11

De taal. 1=NED, 2=ENG, 3=DUI. Standaard 1. De af te drukken tekst boven aan het formulier. NED = ZZ-ContactFormTekst. ENG = ZZ-ContactFormTekstE. DUI = ZZ-ContactFormTekstD. De D en E komen op de site er automatisch achter. Standaard ZZ-ContactFormTekst. De kleur van de vraag teksten. Standaard Black. De kleur van de invoervakken. Standaard White. De kleur van de tekst in vak. Standaard Black. De kleur van de button. Standaard White. De kleur van de buttontekst. Standaard Black. Spam beveiliging AAN / UIT. Standaard AAN. De karakteranimatie voor Code 08. Standaard 1. Keuzes van 1 t/m 9. Zie meer onder. Naam van de woorden DATABox. Standaard “WoordenLijst”. Mail adres voor het formulier. Standaard Systeem mail adres.

Spam letter keuzes:

1=

4=

7=

2=

5=

8=

3=

6=

9=


68

Elke keer als deze routine aangeroepen wordt, wordt op de computer van de bezoeker een cookie gezet met de adres gegevens. Deze kunnen VOOR de aanroep uitgelezen worden met WWGetKlantenKoekje waardoor bij terugkerende bezoekers de adresgegevens al bekend zijn. Gebruikt het Systeem Plaatjes 09 (Brievenbus).


69

BOX – WW-DealerPass De bezoeker van de site wordt een handelaar toegangscode gevraagd. Indien OK wordt het DEALER-COOKIE gezet en krijgt de bezoeker de handelaars prijzen in de WebWinkel te zien. De box gaat naar pagina DealerJA of DealerNEE. Deze pagina's bestaan al op de site. De teksten ZZ-DealerJA en ZZ-DealerNEE worden daar afgedrukt. De bezoeker kan ook hier een code aanvragen. De link gaat naar de pagina ZendDealerMail die de mail naar het site adres stuurt. De dealer toegangscode staat op de eerste SYSTEEM pagina. Er is 1 code voor alle handelaren.

Code 01

De kleur van de tekst. Standaard Black.


70

BOX – WW-Fotos Er komen maximaal 13 rijen van 3 foto's op het scherm te staan. De namen komen uit een DATABox waar er 39 in passen. Positie 40 wordt niet gebruikt. Bij aantikken wordt een grotere versie zichtbaar in een nieuw venster. Dat venster is te sluiten door er op te tikken. (Staat in de venster tekst). Op beide pagina's is de rechter muisknop geblokkeerd om kopiëren van de foto's moeilijker te maken.

Code 01

De naam van de DATABox. Standaard “SlidePics”.


71

BOX – WW-GallerijContainer1 Toon maximaal 40 plaatjes met een mouseover functie. Deze is voor een 2-kolom-pagina en dan voor de rechter kolom. De vergroting komt in de linker kolom naast de thumbnails. 3 Thumbs naast elkaar. Lege plaatjes worden overgeslagen. Dus laat b.v. elk 3e plaatjes weg om 2 Thumbs naast elkaar te krijgen. Deze versie laat de vergroting altijd bovenaan de pagina zien naast de eerste foto. Zie ook WWGallerijContainer2 voor vergrotingen naast de rij waar de thumbnails staan.

Code 01

De naam van de DATABox. Standaard “GallerijPics”.


72

BOX – WW-GallerijContainer2 Toon maximaal 40 plaatjes met een mouseover functie. Deze is voor een 2-kolom-pagina en dan voor de rechter kolom. De vergroting komt in de linker kolom naast de thumbnails. 3 Thumbs naast elkaar. Lege plaatjes worden overgeslagen. Dus laat b.v. elk 3e plaatjes weg om 2 Thumbs naast elkaar te krijgen. Deze versie laat de vergroting altijd naast de rij foto’s zien.. Zie ook WW-GallerijContainer1 voor vergrotingen aan de bovenkant van het foto veld.

Code 01

De naam van de DATABox. Standaard “GallerijPics”.


73

BOX – WW-GameBox Een klein plaatje komt in een (zij)kolom. Tik op dat plaatje om een spel online te spelen bij o.a. Big Fish. De kleur van de knoppen past zich automatisch aan aan de achtergrondkleur van de kolom. Elke keer een random spel uit 400 spelen.


74

BOX – WW-GetKlantenKoekje Leest het COOKIE dat gezet word als iemand iets koopt of een vraag stelt. Het COOKIE bevat de naam en adresgegevens van de klant. Zo kun je voor een bestelling of een mail de gegevens al klaar hebben. Zet deze Box VOOR WW-ContactForm en VOOR WW-WinkelAdres om de gegevens uit te lezen. Dit cookie wordt ook automatisch gezet NA het aanroepen van die twee boxen.


75

BOX – WW-GoogleSearch Een Google zoekbox waarmee u het internet kunt doorzoeken.

Code 01 Code 02 Code 03 Code 04 Code 05 Code 06 Code 07

Het gekozen zoekland. 1=NL, 2=COM, 3=BE Standaard 1. De achtergrond kleur. 1=Wit, 2=Grijs, 3=Zwart. Standaard 1. Dit om randen om het Google plaatje te voorkomen. De tekstkleur van het invulvak. Standaars Black. De achtergrondkleur van het invulvak. Standaard White. De tekstkleur van de button. Standaard Black. De achtergrondkleur van de button. Standaard White. De maat. 1=Zijkolom, 2=Middenkolom. Standaard 1.


76

BOX – WW-iDealLogo Deze box laat een iDeal logo zien, maar ALLEEN als er iets in de winkelwagen zit.


77

BOX – WW-iLocal Laat een kaart zien van een locatie via iLocal. Met optie om de satellietfoto van de locatie te bekijken en een routeplanner te gebruiken.


De kleur van de achtergrond. De naam van uw bedrijf. Het adres van het bedrijf. De postcode van het bedrijf. De woonplaats van het bedrijf. Het land. Deze moet in het ENGELS. De breedte van de kaart. Minimaal 300, Maximaal 600.


78

BOX – WW-KlokBox Deze box bevat 62 klokken voorgeprogrammeerd. Via de InternetLink is het ook mogelijk een van de vele klokken op internet te gebruiken.

Code 01 Code 02 Code 03 Code 04

Het nummer van de klok. Deze kan tussen 0 en 62 liggen. Standaard 1. Is deze keuze 0 (zie verderop) dan zijn de codes 02-03-04 nodig. De internetlink. De breedte van de internetklok. Voor een kolom is dat maximaal 135. De hoogte van de internetklok.

Als Code 1 = 0 (Internetklok) Zoek een klok op het net en noteer dat stuk uit de code dat begint met http:// en eindigt met .swf. B.v.: http://www.clocklink.com/clocks/0006-pink.swf Zoek ook de breedte en hoogte op in de code. (Width en Height) En dan de klokken die al op de site aanwezig zijn:


79


80

BOX – WW-KolomBox Dit is een CLONE-Box. Gebruik deze als clone in een normale tekstblok en het komt in een kolom vak te staan. Zoals het WebWinkel-Overzicht3. SysteemVariabelen 13 en 14 bepalen de kleur van de box.


81

BOX – WW-Line Gewoon een lijn over de breedte van de box.

Code 01 Code 02

De kleur van de lijn. Standaard Black. De dikte van de lijn in pixels. Standaard 2.


82

BOX – WW-MemoBord Een eigen memobord waar bezoekers van die gele blaadjes kunnen ophangen. Ziet er leuk uit. Opent een nieuw scherm. De site eigenaar (geregistreerde) kan alleen wissen.

Code 01

De naam van het bord.

Op het scherm op de site ziet u het volgende plaatje: Systeem Plaatje 15

Om een memobord te kunnen gebruiken moet je je eerst registreren op: http://memobord.com


83

BOX – WW-NieuwProduct Deze box laat een overzicht van alle artikelen zien waarvan de ‘nieuw vlag’ is gezet. Dit kunt u doen bij de ProductenEditor. Door de opgegeven datum staat de nieuwste bovenaan Het uiterlijk is een rij van 5 vakjes naast elkaar in een middenvlak.


Hier staat de paginanaam voor de Standaard ProduktInfo. JA voor het JA voor het

knop.

symbool. Standaard NEE. symbool. Standaard NEE.

De kleur van de randen van de boxjes. Standaard Black. De dikte van de lijn om de boxjes. Standaard 1.



84

BOX – WW-NieuwsBlok Deze box laat een mededeling zien als er nieuws is.

Code 01


Deze box verschijnt alleen als er ook echt nieuws is. Is er geen nieuws, dan wordt de box overgeslagen. U krijgt echter WEL een lege regel in dat geval.


85

BOX – WW-NieuwsBrief Een module voor in de kolom van een site waar gevraagd wordt u aan- of af- te melden van de site nieuwsbrief. Het verzoek wordt verstuurd aan de SiteMail (Systeem). De module gaat naar de pagina NieuwsBriefReply om de mail te versturen.

Code 01 Code 02

De kleur van de tekst. Standaard Black. JA of NEE voor een KolomBox uiterlijk. Standaard NEE.


86

BOX – WW-NieuwsTonen Onderdeel van de Nieuws pagina. Laat het gekozen nieuws zien. Aangeroepen pagina voor deze module is 'Nieuws'. Als je WW-NieuwsBlok gebruikt en er is nieuws met informatie, dan springt die naar de pagina Nieuws waar deze box moet staan om het juiste nieuwtje te laten zien.


87

BOX – WW-Page2PDF Deze box laat een knop zien, waarmee, als de bezoeker er op tikt, de hele pagina wordt omgezet in een PDF-File die de bezoeker kan opslaag of afdrukken.


88

BOX – WW-PrintButton Een knop waar, als de bezoeker er op tikt, de pagina mee wordt afgedrukt op de printer.


89

BOX – WW-Productheader Deze box laat de categorie van de productlijst zien. Wordt gebruikt als er over een lijst met producten staat uit 1 categorie. Wordt gebruikt op pagina ProductLijst in de WebWinkel.


De kleur van de tekst. Standaard Black. De maat van de tekst (1234567). Standaard 3. Het font van de tekst (Fontnaam). Standaard Arial.


90

BOX – WW-ProductInfo01 Deze box laat de product informatie zien van 1 product. Te zien zijn de uitleg, 1 plaatje en de prijs.

Code 01

Een ProductNummer van een artikel dat getoond moet worden. Standaard niets.

Gebruik Code 1 alleen in een CLONE van de box om meer info te geven over 1 speciaal product.


De kleur van de naam van het artikel. Standaard Red. De kleur van de “Onze Prijs” tekst. Standaard Black. De Tekst voor het bedrag. Standaard “Onze prijs:”. De kleur van het bedrag. Standaard Black. StockAlert vlag. Ja of Nee. Standaard Nee.

Gebruikt het Systeem Plaatje 01 (winkelmandje).


91

BOX – WW-ProductInfo02 Deze box laat de product informatie zien van 1 product. Te zien zijn de uitleg, 1 plaatje en de prijs. Het plaatje is met een slider te vergroten. Om dit te laten gebeuren moet het plaatje GROTER zijn dan 200 bij 130 pixels.

Code 01





Gebruikt het Systeem Plaatje 01 (winkelmandje).


92

BOX – ProductInfo03 Deze box laat de product informatie zien van 1 product. Te zien zijn de uitleg, 3 plaatjes en de prijs. Het plaatje is met een slider te vergroten. Om dit te laten gebeuren moet het plaatje GROTER zijn dan 200 bij 130 pixels.

Code 01



Code 02 Code 03 Code 04 Code 05 Code 07


Gebruikt het Systeem Plaatje 01 (winkelmandje). © 2006-2010 CS-WebDesign & Courbois Software

93

BOX – WW-ProductLijst01 Deze box laat alle producten in 1 categorie zien. Het uiterlijk van deze box is 3 boxjes naast elkaar.

Code 01 Code 02 Code 03 Code 04 Code 05 Code 06 Code 07 Code 08 Code 09 Code 10

De PaginaNaam voor de knop. Standaard ProduktInfo. Het aantal artikelen per scherm. Standaard 9. Kies een waarde die deelbaar is door 3. JA of NEE voor het symbool. Standaard JA. JA of NEE voor het symbool. Standaard JA. De sorteer optie. 1=Naam, 2=ProductNummer. Standaard 1. (Naam) De kleur van de rand van de box. Standaard Blue. De dikte van de rand van de box. Standaard 1. De kleur van de naam van het product. Standaard Black. De kleur van de tekst. Standaard Black. De kleur van de prijs. Standaard Black.

Gebruikt de Systeem Plaatjes 01 (winkelmandje) en 02 (Info).


94


Code 01 Code 02 Code 03 Code 04 Code 05 Code 06 Code 07 Code 08 Code 09 Code 10 Code 11 Code 12

De PaginaNaam voor de knop. Standaard ProduktInfo. Het aantal artikelen per scherm. Standaard 10. Kies een waarde die deelbaar is door 2. JA of NEE voor het symbool. Standaard JA. JA of NEE voor het symbool. Standaard JA. De sorteer optie. 1=Naam, 2=ProductNummer. Standaard 1. (Naam) De kleur van de rand van de box. Standaard Blue. De dikte van de rand van de box. Standaard 1. De kleur van de naam van het product. Standaard Black. De kleur van de 3 Info Regels. Standaard Black. De kleur van de prijs. Standaard Black. De kleur van de “WebWinkelPrijs”. Standaard Red. De StockVlag. Standaard Ja.



95

BOX – WW-ProductLijst03 Deze box laat alle producten in 1 categorie zien. Het uiterlijk van deze box is 1 box naast elkaar.

Code 01 Code 02 Code 03 Code 04 Code 05 Code 06 Code 07 Code 08 Code 09 Code 10 Code 11 Code 12

De PaginaNaam voor de knop. Standaard ProduktInfo. Het aantal artikelen per scherm. Standaard 5. JA of NEE voor het symbool. Standaard JA. JA of NEE voor het symbool. Standaard JA. De sorteer optie. 1=Naam, 2=ProductNummer. Standaard 1. (Naam) De kleur van de rand van de box. Standaard Blue. De dikte van de rand van de box. Standaard 1. De kleur van de naam van het product. Standaard Black. De kleur van het merk. Standaard Black. De kleur van de prijs. Standaard Red. De kleur van de 3 Info Regels. Standaard Black. De kleur van de AANBIEDING Tekst. Standaard Black.



96



De PaginaNaam voor de knop. Standaard ProduktInfo. Het aantal artikelen per scherm. Standaard 15. Kies een waarde die deelbaar is door 5. JA of NEE voor het symbool. Standaard JA. JA of NEE voor het symbool. Standaard JA. De sorteer optie. 1=Naam, 2=ProductNummer. Standaard 1. (Naam) De kleur van de rand van de box. Standaard Blue. De dikte van de rand van de box. Standaard 1. De kleur van de naam van het product. Standaard Black. De kleur van de prijs. Standaard Black.



97

BOX – WW-ProductLijst05 Deze box laat alle producten in 1 categorie zien. Het uiterlijk van deze box zijn dunne regels, zonder plaatjes er bij. 1 Product per regel.


De PaginaNaam voor de knop. Standaard ProduktInfo. Het aantal artikelen per scherm. Standaard 25. JA of NEE voor het symbool. Standaard JA. JA of NEE voor het symbool. Standaard JA. De sorteer optie. 1=Naam, 2=ProductNummer. Standaard 1. (Naam) De kleur van de rand van de box. Standaard Blue.



98

BOX – WW-ProductMenu01 Deze box laat de categorieën van de WebWinkel zien. Deze is voor een ENKEL MENU (Instelling in de Systeem Editor)


Het uiterlijk van de button. 01-02-…-10. Standaard 01. XXX of niets. XXX als de kleuren van de button omgedraaid moeten worden. Standaard niets. De lijstpagina voor een categorie. Standaard ProduktLijst. De kleur van de tekst van een NIET GESELECTEERDE button. Standaard White. De kleur van een GESELECTEERDE button. Standaard Black.

De buttons (Code 01):

01 =

09 =

02 =

10 =

03 =

04 =

05 =

De buttons kunnen afwijken per site. Kijk in de box.

06 =

07 =

08 =


99

BOX – WW- ProductMenu02 Deze box laat de categorieën van de WebWinkel zien. Deze is voor een ENKEL MENU (Instelling in de Systeem Editor) Deze is voor de LINKER KOLOM omdat de items naar rechts uitschuiven. Het mooiste komt dit menu tot zijn recht als de kleur van de geselecteerde kleur gelijk is aan de achtergrondkleur van het scherm.


De kleur van de NIET GESELECTEERDE achtergrond. Standaard Blue. De kleur van de GESELECTEERDE achtergrond. Standaard White. De lijstpagina voor een categorie. Standaard ProduktLijst. De kleur van de tekst van een NIET GESELECTEERDE button. Standaard White. De kleur van een GESELECTEERDE button. Standaard Blue. De kleur van de rand om het menu. Standaard Black.


100

BOX – WW- ProductMenu03 Deze box laat de categorieën van de WebWinkel zien. Deze is voor een ENKEL MENU (Instelling in de Systeem Editor) Deze is voor de RECHTER KOLOM omdat de items naar rechts uitschuiven. Het mooiste komt dit menu tot zijn recht als de kleur van de geselecteerde kleur gelijk is aan de achtergrondkleur van het scherm.




101

BOX – WW- ProductMenu04 Deze box laat de categorieën van de WebWinkel zien. Deze is voor een ENKEL MENU (Instelling in de Systeem Editor) Deze is voor de BEIDE KOLOMMEN omdat de items niet uitschuiven.




102

BOX – WW- ProductMenu05 Deze box laat de categorieën van de WebWinkel zien. Deze is voor een ENKEL MENU (Instelling in de Systeem Editor) Deze is voor de BEIDE KOLOMMEN omdat de items niet uitschuiven.


De kleur van de tekst. Standaard Black. De lijstpagina voor een categorie. Standaard ProduktLijst.


103

BOX – ProductMenuC01 Deze box laat de categorieën van de WebWinkel zien in een cascade menu. Deze is voor een DUBBEL MENU (Instelling in de Systeem Editor) Het menu schuift in de vorm van een animatie naar beneden om ruimte te maken voor de Submenu’s en weer terug als je het sluit.


De kleur van het HoofdMenu. Standaard Red. De tekstkleur voor het HoofdMenu. Standaard White. De lijstpagina voor een categorie. Standaard ProduktLijst. De kleur van het Submenu. Standaard White. De tekstkleur van het Submenu. Standaard Green. De achtergrondkleur bij selecteren. Standaard Yellow.


104

BOX – ProductMenuC02 Deze box laat de categorieën van de WebWinkel zien in een cascade menu. Deze is voor een DUBBEL MENU (Instelling in de Systeem Editor)


De kleur van de achtergrond. Standaard White. De tekstkleur. Standaard Black. De lijstpagina voor een categorie. Standaard ProduktLijst. De SELECT kleur van de achtergrond. Standaard LTGrey. De SELECT tekstkleur. Standaard Red. De kleur van de rand. Standaard Black. De breedte van het Submenu. Standaard 140.


105

BOX – ProductMenuC03 Deze box laat de categorieën van de WebWinkel zien in een cascade menu. Deze is voor een DUBBEL MENU (Instelling in de Systeem Editor) De gebruikte buttons zijn achtergrond plaatjes van 139 bij 21 pixels groot met een doorzichtige rand. Er zijn veel verschillende kleuren buttons op de site in de folder “Pics-Button”. Bekijk ze in de UploadEditor.


De button naam NIET GESELECTEERD. Standaard Pics-Button/Button102.gif. De tekstkleur NIET GESELECTEERD. Standaard Black. De SUBbutton naam NIET GESELECTEERD. Standaard Pics-Button/Button102.gif. De tekstkleur SELECT. Standaard Red. De button naam GESELECTEERD. Standaard Pics-Button/Button103.gif. De SUBbutton naam GESELECTEERD. Standaard Pics-Button/Button103.gif. Extra spatieregel tussen elk menu. JA / NEE. Standaard NEE. Extra spatieregel tussen elk SUBmenu. JA / NEE. Standaard NEE.

NIEUW in Versie 2.4.0.02 Meerdere ProductLijst pagina’s kunnen worden aangeroepen. Zie voor de extra functie bij de Winkel Editor (het Categorie gedeelte). Geen extra instellingen in deze Box.


106

BOX – WW-ReklameBox01 Deze box laat 1 tot 5 producten zien. Deze box is 1/3 middenkolom breed.


De PaginaNaam voor de knop. Standaard ProduktInfo. e Het 1 ProductNummer. Het 2e ProductNummer. Standaard niets. Het 3e ProductNummer. Standaard niets. Het 4e ProductNummer. Standaard niets. Het 5e ProductNummer. Standaard niets. NEE, dan geen symbool. Standaard JA. NEE, dan geen symbool. Standaard JA.



107

BOX – WW-ReklameBox02 Deze box laat 1 tot 5 producten zien. Deze box is 1/2 middenkolom breed.


De PaginaNaam voor de knop. Standaard ProduktInfo. e Het 1 ProductNummer. Het 2e ProductNummer. Standaard niets. Het 3e ProductNummer. Standaard niets. Het 4e ProductNummer. Standaard niets. Het 5e ProductNummer. Standaard niets. NEE, dan geen symbool. Standaard JA. NEE, dan geen symbool. Standaard JA. De kleur van de ProductNaam. Standaard Red.



108

BOX – WW-ReklameBox02A Deze box laat 1 tot 5 producten zien. Deze box is 1/2 middenkolom breed. Deze maakt gebruik van een DATABox met daarin 20 artikelen, met herhaling in 21 t/m 40. Kan diverse keren achter elkaar aangeroepen worden, herhaalt zich pas na 20 artikelen.


De PaginaNaam voor de knop. Standaard ProduktInfo. De naam van de DATABox. Standaard IndexAanbiedingen.

NEE, dan geen symbool. Standaard JA. NEE, dan geen symbool. Standaard JA. De kleur van de ProductNaam. Standaard Red.



109

BOX – WW-ReklameBox03 Deze box laat 1 tot 5 producten zien. Deze box is de hele middenkolom breed. Deze box gebruikt de VOORRAAD vlag uit de ProductEditor. ReklameBox04 is dezelfde zonder die vlag.





110

BOX – WW-ReklameBox04 Deze box laat 1 tot 5 producten zien. Deze box is de hele middenkolom breed.





111

BOX – WW-ReklameBox05 Deze box laat 1 random (willekeurige) advertentie zien die gehaald wordt uit de DATABox “Aanbiedingen”. Deze komt dan in een zij kolom te staan. U kunt ook 1 speciale aanbieding opgeven.


De PaginaNaam voor de knop. Standaard ProduktInfo. De kleur van de tekst. Standaard Black. Het aantal artikelen in de DATABox. Standaard 1. De naam van de DATABox. Standaard Aanbiedingen. JA of NEE voor een KolomBox om de advertentie. Standaard NEE. Het ProductNummer als het geen random product moet zijn. Standaard niets. Gebruik in dat geval altijd een CLONE. JA, dan symbool. Standaard NEE.

Gebruikt het Systeem Plaatje 02 (Info).


112

BOX – WW-ShowFlash Laat een Flash-Anumatie zien. Met de mogelijkheid een random (willekeurige) te kiezen uit een DATABox.

Code 01 Code 02 Code 03 Code 04 Code 05 Code 06 Code 07 Code 08 Code 09 Code 10

De naam van de Flash animatie. ZONDER .swf De breedte van de animatie in pixels. De hoogte van de animatie in pixels De achtergrond transparant? JA of NEE

RANDOM indien een willekeurige animatie uit een DATABox moet worden gekozen. De naam van de DATABox.

Geen enkele vooringestelde waarden bij deze box.


113

BOX – WW-SideMenu01 Een vertikaal menu voor in een zijkolom.

Code 05

Het uiterlijk van de button. 01-02-…-10. Standaard 01. XXX of niets. XXX als de kleuren van de button omgedraaid moeten worden. Standaard niets. De naam van het menu (Gemaakt met de MenuEditor) De kleur van de tekst van een NIET GESELECTEERDE button. Standaard White. De kleur van een GESELECTEERDE button. Standaard Black.

Code 09

Startpositie van het menu. Standaard 0.


De buttons (Code 01):

01 =

09 =

02 =

10 =

03 =

04 =

05 =

De buttons kunnen afwijken per site. Kijk in de box.

06 =

07 =

08 =


114

BOX – WW-SideMenu02 Een vertikaal menu voor in een zijkolom. Deze is voor de LINKER KOLOM omdat de items naar rechts uitschuiven. Het mooiste komt dit menu tot zijn recht als de kleur van de geselecteerde kleur gelijk is aan de achtergrondkleur van het scherm.

Code 05 Code 06


Code 09




115

BOX – WW- SideMenu03 Een vertikaal menu voor in een zijkolom. Deze is voor de RECHTER KOLOM omdat de items naar rechts uitschuiven. Het mooiste komt dit menu tot zijn recht als de kleur van de geselecteerde kleur gelijk is aan de achtergrondkleur van het scherm.

Code 05 Code 06


Code 09




116

BOX – WW-SideMenu04 Een vertikaal menu voor in een zijkolom. Deze is voor de BEIDE KOLOMMEN omdat de items niet uitschuiven.

Code 05 Code 06


Code 09




117

BOX – WW-SideMenu05 Een vertikaal menu voor in een zijkolom.



Code 09


De lijstpagina voor een categorie. Standaard ProduktLijst.


118

BOX – WW-SideMenuC01 Een vertikaal menu voor in een zijkolom. Dit is een zogenaamd Cascade menu. Een menu met SUBMenu’s. In de MenuEditor moet u een DUBBEL MENU hiervoor aanmaken. Het menu schuift in de vorm van een animatie naar beneden om ruimte te maken voor de Submenu’s en weer terug als je het sluit.


De kleur van het HoofdMenu. Standaard Red. De tekstkleur voor het HoofdMenu. Standaard White. De naam van het menu. (Dubbel Menu gemaakt in de MenuEditor) De kleur van het Submenu. Standaard White. De tekstkleur van het Submenu. Standaard Green. De achtergrondkleur bij selecteren. Standaard Yellow.


119

BOX – WW-SideMenuC02 Een vertikaal menu voor in een zijkolom. Dit is een zogenaamd Cascade menu. Een menu met SUBMenu’s. In de MenuEditor moet u een DUBBEL MENU hiervoor aanmaken.


De kleur van de achtergrond. Standaard White. De tekstkleur. Standaard Black. De naam van het menu. (Dubbel Menu gemaakt in de MenuEditor) De SELECT kleur van de achtergrond. Standaard LTGrey. De SELECT tekstkleur. Standaard Red. De kleur van de rand. Standaard Black. De breedte van het Submenu. Standaard 140. JA of NEE om de teksten te centreren op de button. Standaard JA.


120

BOX – WW-SideMenuC03 Een vertikaal menu voor in een zijkolom. Dit is een zogenaamd Cascade menu. Een menu met SUBMenu’s. In de MenuEditor moet u een DUBBEL MENU hiervoor aanmaken. De gebruikte buttons zijn achtergrond plaatjes van 139 bij 21 pixels groot met een doorzichtige rand. Er zijn veel verschillende kleuren buttons op de site in de folder “Pics-Button”. Bekijk ze in de UploadEditor.


De button naam NIET GESELECTEERD. Standaard Pics-Button/Button102.gif. De tekstkleur NIET GESELECTEERD. Standaard Black. De naam van het menu. (Dubbel Menu gemaakt in de MenuEditor) De SUBbutton naam NIET GESELECTEERD. Standaard Pics-Button/Button102.gif. De tekstkleur SELECT. Standaard Red. De button naam GESELECTEERD. Standaard Pics-Button/Button103.gif. De SUBbutton naam GESELECTEERD. Standaard Pics-Button/Button103.gif. Extra spatieregel tussen elk menu. JA / NEE. Standaard NEE. Extra spatieregel tussen elk SUBmenu. JA / NEE. Standaard NEE.


121

BOX – WW-Slider Deze box laat een sledeshow van banners zien. Ze moeten allemaal dezelfde maat hebben. Een standaard banner heeft een maat van 486 bij 60 pixels. Deze box is uitermate geschikt voor de HEADER. De namen van de plaatjes staan in een DATABox.

Code 01

De naam van de DATABox.


122

BOX – WW-SlideShow01 Een slideshow met maximaal 40 foto’s. De namen van de foto’s staan in een DATABox en de foto’s moeten in de OPSLAG folder staan. De plaatjes komen met een fade-in fade-out animatie over elkaar heen.


De breedte van de foto’s. De hoogte wordt zelf uitgerekend. Een hele kolom is 620, een halve 310 en een derde 206. De achtergrondkleur van de foto’s. Moet in HEX. Standaard #FFFFFF. De wisselsnelheid in milliseconden. Standaard 6000. De naam van de DATABox. Standaard SlidePics.


123

BOX – WW-SlideShow02 Een slideshow met maximaal 40 foto’s. De namen van de foto’s staan in een DATABox en de foto’s moeten in de OPSLAG folder staan. Dit is een transportband van foto’s die linksom of rechtsom kan schuiven.


De hoogte van de foto’s. De breedte wordt zelf uitgerekend. Standaard 150. De breedte van de slideshow. Hele kolom=620, Halve=310 en Derde=206. Standaard 600. De achtergrondkleur van de foto’s. Standaard Transparent. De beweeg snelheid. Standaard 2. De naam van de DATABox. Standaard SlidePics. De beweegrichting. 0=Linksom, 1=Rechtsom. Standaard 0. (Links)


124

BOX – WW-SpeciaalFonts Deze box initialiseert 4 Flash Fonts in 1 keer. 4 Is tevens het maximale aantal dat je op 1 pagina kunt gebruiken. De tekst MOET MET DE HAND aangepast worden met de classes.
xxx … xxx
De vier classes zijn FlashFont1, 2, 3, 4. (xxx … xxx is de af te drukken tekst).


De DATABox met de FlashFonts namen. Standaard FlashFonts. Karakterset nummer. Standaard 1. Karakterset nummer. Standaard 2. Karakterset nummer. Standaard 3. Karakterset nummer. Standaard 4. Kleur van de tekst 1. Standaard Black. Kleur van de tekst 2, Standaard Black. Kleur van de tekst 3. Standaard Black. Kleur van de tekst 4. Standaard Black.

Op het moment van schrijven (v4.2.0) zijn dit de 15 karaktersets. Het plaatje met de letters staan BOVEN de tekst met de font naam: 1. Rodeo

2. Annual

3. Billy the Kid

4. Black Chancery

5. Bones

6. BrushStroke


125

7. Circus KS

8. Dancin

9. FlatBrush

10. Headline

11. Minerva

12. Moan Hand

13. Rodeo Rope Superchuck

14. Tuscan Loose

15. Vinc Hand


126

BOX – WW-SpeciaalTekst Deze box laat een tekst zien op alle computers in een gekozen FlashFont. DIT IS EEN CLONE BOX. Gebruik een normale box en tik daar de gekozen tekst in. Als laatste moet u alle tekst selecteren en de karakterset ARIAL kiezen (De eerste uit de lijst). Vul in DIE BOX ook de onderstaande Codes in. En dan voeg bovenaan de box bij Clone van: “WW-SpeciaalTekst” in. Roep dan de box met de gekozen nieuwe naam aan.


De naam van de DATABox. Standaard FlashFonts. De gekozen karakterset. Standaard 1. De kleur van de tekst. Standaard Black. De maat van de tekst. Standaard 50. De tekst centreren? JA of NEE. Standaard NEE.

1. Rodeo

2. Annual

3. Billy the Kid

4. Black Chancery

5. Bones

6. BrushStroke

7. Circus KS

8. Dancin


127

9. FlatBrush

10. Headline

11. Minerva

12. Moan Hand


14. Tuscan Loose

15. Vinc Hand

Meerde karaktersets kunnen op verzoek toegevoegd worden. Op een klein aantal beperkingen na kunnen ALLE KARATERSETS op het internet geconverteerd worden voor de FlashFonts routines.


128

BOX – WW-StockAlert Dit is een SysteemBox, d.w.z. dat u hier niets mee kan doen. Deze box wordt automatisch aangeroepen als een product uitverkocht is en u in het productoverzicht heeft gekozen voor deze StockAlert.

Tikt de bezoeker op “Alert Me” dan wordt een mail, met zijn mail adres aan de site eigenaar gestuurd. Daarin vraagt de bezoeker hem een berichtje te sturen als het product weer op voorraad is. De WebSite gaat dan automatisch naar de pagina StockAlertReply.php waar de volgende routine wordt aangeroepen (volgende pagina – WW-StockAlertZenden).


129

BOX – WW-StockAlertZenden Dit is een SysteemBox, d.w.z. dat u hier niets mee kan doen. Deze box wordt automatisch aangeroepen als een product uitverkocht is en de bezoeker op “Alert Me” heeft gedrukt. Er wordt naar een mail adres van de bezoeker gevraagd.


130

BOX – WW-Taalkeuze Via buttons (vlaggen) kan de bezoeker kiezen uit verschillende talen. (Nederlands – Duits – Engels).


JA of NEE voor Nederlands. Standaard JA. JA of NEE voor Duits. Standaard NEE. JA of NEE voor Engels. Standaard NEE. Het uiterlijk van de vlag. 2 Keuzes mogelijk. Standaard 1.


1= Dit zijn bewegende vlaggen. 2= De kleur van de volgende teksten. Standaard Black. “Kies uw taal”-tekst (Nederlands). Standaard “Kies uw taal”. “Kies uw taal”-tekst (Duits). Standaard “Wähle Ihre Sprache”. “Kies uw taal”-tekst (Engels). Standaard “Choose Your Language”.

Deze Box gaat er van uit dat de pagina’s in het Duits en het Engels precies dezelfde naam hebben als de Nederlandse pagina’s, aangevuld met de letter D of E: index indexD indexE

Nederlands Duits Engels

Contact ContactD ContactE

Nederlands Duits Engels

enz.

Is de bezoeker dus op pagina Contact en tikt deze op de Engelse vlag, dan gaat hij naar pagina ContactE die het zelfde moet zijn, maar in de Engelse taal.


131

BOX – WW-ToonPicDir Laat alle plaatjes in een directorie zien.

Code 01 Code 02

De naam van de directorie. Standaard OPSLAG. De breedte van de thumbnails in pixels. Standaard 100.


132

BOX – WW-TopMenu01 Een horizontaal menu. Te gebruiken o.a. als TOPMENU of HEADERMENU, maar natuurlijk ook te gebruiken in iedere box.


De verschillende button mogelijkheden. Standaard 1. De achtergrondkleur. Standaard Menuvoorkeur. (ook Transparent) Het te tonen menu. Dit wordt gemaakt met de MenuEditor.

Code 1=1 :

Code 1=2 :

Code 1=3 :

Code 1=4 :

Code 1=5 :

Code 1=6 :

Code 1=7 :

Code 1=8 :

Code 1=9 :

Code 1=10 :


133


Code 01

De verschillende kleuren. Standaard 1.


Het te tonen menu. Dit wordt gemaakt met de MenuEditor. Tekstkleur NIET-GESELECTEERD. Standaard Black. Tekstkleur GESELECTEERD. Standaard Black.

Code 09

De index van dit menu. Standaard 1.

(*)

Bij 3 kolommen maximaal 4 items naast elkaar. Bij 2 kolommen maximaal 5 items naast elkaar. Bij 1 kolom maximaal 6 items naast elkaar.

01 =

09 =

02 =

10 =

03 =

04 =

05 =

06 =

07 =

08 =


134



Achtergrond kleur GESELECTEERD item. Standaard Red. Tekstkleur GESELECTEERD item. Standaard White. Het te tonen menu. Dit wordt gemaakt met de MenuEditor. Achtergrond kleur NIET-GESELECTEERD item. Standaard Yellow. Tekstkleur NIET-GESELECTEERD item. Standaard Black.


135


Code 01


De achtergrondkleur van een GESELECTEERD item. Standaard 1. 1 = Blauw 2 = Groen 3 = Oranje 4 = Paars 5 = Rood 6 = Zwart Tekstkleur van een GESELECTEERD item. Standaard White. Het te tonen menu. Dit wordt gemaakt met de MenuEditor. Tekstkleur van een NIET-GESELECTEERD item. Standaard Black. Instapwaarde van de eerste flap. Standaard 0.


136

BOX – WW-Vergroot Deze Box laat een lijstje met procenten zien waar de bezoeker op kan tikken. De site vergroot dan geheel in die maat. Zowel de teksten als plaatjes en animaties . Met KolomBox optie. De mogelijke waarden zijn: 100 % 110 % 120 % 130 % 140 % 150 % 200 %

Code 02

JA, dan een KolomBox. Standaard Nee.


137

BOX – WW-WinkelAdres Onderdeel van de winkel. De klant heeft besloten iets te kopen en moet nu zijn adres opgeven. Advies: Roep VOOR deze box WW-GetKlantenKoekje. Als de klant al eerder iets besteld heeft worden zijn gegevens automatisch ingevuld.


De algemene tekstkleur. Standaard Black. Ja of Nee voor iDeal. Standaard Nee. Ja of Nee voor Vooruitbetalen. Standaard Nee. Ja of Nee voor Rembourse. Standaard Nee. Ja of Nee voor ophalen op de zaak. Standaard Nee. Ophalen in …... Standaard niets. Locatie opgeven. Ophalen in …... Standaard niets. Locatie opgeven. Ophalen in …... Standaard niets. Locatie opgeven. Ophalen in …... Standaard niets. Locatie opgeven.


138

BOX – WW-WinkelBekijken1 Laat een overzicht zien van alle artikelen in het winkelmandje.


De tekstkleur van de top regel. Standaard Green. De tekstkleur van de producten. Standaard Red. De tekstkleur van Totaal en Porto. Standaard Black. Ander plaatje voor Verwijderen. Standaard .


139

BOX – WW-WinkelBekijken2 Laat een overzicht zien van alle artikelen in het winkelmandje. Deze heeft het KolomBox uiterlijk.


De tekstkleur van de producten. Standaard Red. De tekstkleur van Totaal en Porto. Standaard Black. De tekstkleur van de top regel. Standaard Black. De tekstkleur van de uitverkocht regel. Standaard Black. De tekstkleur van de levertijd regel. Standaard Brown. Gebruik maken van de Stock Vlag JA / NEE. Standaard NEE.


140

BOX – WW-WinkelBetaal Deze Box voert de uiteindelijke betaling uit en zend de klant en de winkel de mails die nodig zijn voor de bestelling.

Code 01

Als er een rekening beschikbaar is dan hier PDF. Standaard niets.

Deze versie van de box heeft geen specifieke iDeal functies.


141

BOX – WW-WinkelBetaalMSP Deze Box voert de uiteindelijke betaling uit en zend de klant en de winkel de mails die nodig zijn voor de bestelling.

Code 01


Deze versie van de box gaat naar MULTISAFEPAY voor de iDeal afhandeling.


142

BOX – WW-WinkelBetaalRabo Deze Box voert de uiteindelijke betaling uit en zend de klant en de winkel de mails die nodig zijn voor de bestelling.

Code 01


Deze versie van de box gaat naar de Rabo Bank voor de iDeal afhandeling.


143

BOX – WW-WinkelInfo Deze Box laat een button zien waar op gedrukt kan worden. Als dat gedaan wordt dan wordt er informatie over de winkel afgedrukt, Een soort gebruikershandleiding.

Code 01

De button. Standaard


.

144

BOX – WW-WinkelKassa Deze Box laat een button zien waar op gedrukt kan worden. Als dat gedaan wordt dan wordt er naar de kassa gegaan.

Code 01



.

145

BOX – WW-WinkelLeeg Deze Box laat een button zien waar op gedrukt kan worden. Als dat gedaan wordt dan wordt de hele winkel leeg gemaakt.

Code 01



.

146

BOX – WW-WinkelOverzicht1 Deze Box laat een button zien waar op gedrukt kan worden. Als dat gedaan wordt dan wordt de inhoud van het mandje getoond.

Code 01

De tekstkleur. Standaard Black.

Code 02



.

147

BOX – WW-WinkelOverzicht2 Deze Box laat een button zien waar op gedrukt kan worden. Als dat gedaan wordt dan wordt de inhoud van het mandje getoond. Deze Box is voor een kolom en heeft een KolomBox uiterlijk. De twee onderste knoppen zijn niet zichtbaar als er niets in het mandje zit. Door op het mandje te tikken krijgt u een overzicht.


148

BOX – WW-WinkelOverzicht3 Deze Box laat een button zien waar op gedrukt kan worden. Als dat gedaan wordt dan wordt de inhoud van het mandje getoond. Deze Box is voor een midden kolom en heeft een KolomBox uiterlijk. Werkt ook prima als banner in de HEADER. Daardoor staat deze dan bovenaan het scherm. De linkse knop heeft het iDeal logo als er niets in het mandje zit (optie Code 01). Bij een leeg mandje is de middelste knop er niet. Door op het mandje te tikken krijgt u een overzicht.

Code 01

IDEAL voor een iDeal logo in het eerste vakje. Standaard niets.


149

BOX – WW-YouTubeHori Deze Box laat een horizontale strip zien met de meest bekeken YouTube filmpjes. Deze is voor de midden kolom. Als een bezoeker op een filmpje tikt kan deze binnen uw site bekeken worden.


150

BOX – WW-YouTubeVert Deze Box laat een Vertikale strip zien met de meest bekeken YouTube filmpjes. Deze is voor de zij kolom. Als een bezoeker op een filmpje tikt kan deze binnen uw site bekeken worden.


151

BOX – WW-ZendDealerMail Deze Box stuurt een dealer aanvraag naar de site.

Code 01

Alternatief mail adres. Standaard $SiteMail.


152

BOX – WW-ZendMail Deze Box stuurt de informatie van het contact formulier naar de site. Wordt gebruikt op pagina ZendMail.

Code 01



153

BOX – WW-ZendNieuwsBrief Deze Box stuur de aan- of af- melding van de NieuwsBrief naar de site. Wordt gebruikt op pagina NieuwsBriefReply.

Code 01



154

BOX – WW-ZoekBox Hier kunt u iets opgeven wat de site dan gaat zoeken in de database. Er worden 2 soorten antwoorden gegeven. 1. Alles uit de producten database (WW-ZoekResultaatArt) 2. Alles uit teksten op de site (WW-ZoekResultaatLin) De box kan ook in een KolomBox getoond worden.

Code 01 Code 02

De kleur van de tekst. Standaard Black. JA of NEE voor een KolomBox. Standaard NEE.

Deze routine gaat automatisch naar de pagina Zoeken alwaar die twee resultaat boxen gebruikt kunnen worden.


155

BOX – WW-ZoekResultaatArt Deze Box laat het resultaat van een zoek opdracht zien. Deze resultaten komen uit de producten database. De Box laat de gevonden producten zien en u kunt ze bekijken door op de titel te tikken.


De kleur van de tekst. Standaard Black. De kleur van de getoonde link. Standaard Green. De pagina waar naar gesprongen moet worden. Standaard ProduktInfo.


156

BOX – WW-ZoekResultaatLin Deze Box laat het resultaat van een zoek opdracht zien. Deze resultaten komen uit de database, maar dan dat gedeelte ZONDER producten.

Code 01 Code 02

De kleur van de tekst. Standaard Black. De kleur van de getoonde link. Standaard Green.


157

ZZ-BOXEN ZZ-Boxen zijn normale Boxen met tekst er in en verder geen andere functie. MAAR ZZ-Boxen worden aangeroepen vanuit WW-Boxen. Het zijn dus Boxen die aanwezig moeten zijn en een (uitleg) tekst bevatten voor iets anders.


158

BOX – ZZ-404 Deze tekst wordt zichtbaar als iemand een pagina op de site kiest die niet bestaat.


159

BOX – ZZ-ContactFormTekst De vraag om je naam en de vraag in te tikken in WW-ContactForm. Er zijn alternatieve versies voor de Engelse en de Duitse opties in WW-ContactForm.


160

BOX – ZZ-iDealCancel De tekst als de klant stopt met iDeal.


161

BOX – ZZ-iDealError De tekst als iDeal mislukt is.


162

BOX – ZZ-iDealSucces De tekst als iDeal gelukt is.


163

BOX – ZZ-NieuwsBriefReply De bedanktekst na het aan of afmelden van de nieuwsbrief


164

BOX – ZZ-WinkelLeeg Tekst dat de winkelwagen leeg is. Voor WW-WinkelOverzicht1


165

BOX – ZZ-WinkelLeeg2 Tekst dat de winkelwagen leeg is voor WW-WinkelOverzicht2 en WW-WinkelOverzicht3.


166

BOX – ZZ-WinkelWagenInfo Uitlegtekst over het gebruik van de winkelwagen.


167

BOX – ZZ-ZendMail De mededeling dat de mail is verzonden van WW-ContactForm. Ook hiet zijn weer Engelse en Duitse varianten.


168

DATABOXEN DATABoxen zijn Boxen waar lijsten met dingen in staan die door andere (WW-Boxen) worden gebruikt. Hier kunt u variatie in dingen aanbrengen. Er zijn een paar voor gedefinieerd op de site. Deze staan op de volgende pagina’s.


169

DATABOX – Aanbiedingen Deze DATABox bevat 4 ProductNummers van producten uit de WebWinkel. WW-ReklameBox05 leest die DATABox om een willekeurig product te pakken om op het scherm te zetten. Dit MOETEN er 40 zijn!


170

DATABOX – BannerSlide Deze DATABox bevat maximaal 40 namen van banners die gebruikt worden met WW-Slider. De namen van de banners (plaatjes) moeten volledig zijn, inclusief het pad.


171

DATABOX – FlashBox Deze DATABox bevat maximaal 40 namen van Flash Animaties. Optioneel wordt deze DATABox gelezen door WW-ShowFlash om een willekeurige animatie te kiezen. Kompleet met het pad, maar zonder de .swf er achter.


172

DATABOX – FlashFonts De namen van de beschikbare FlashFonts op de site. Deze kunnen speciaal voor u gemaakt worden. Ze worden gebruikt met WW-SpeciaalTekst en WW-SpeciaalFonts. Maximaal 40 stuks, maar er zijn er nu 15. 1. Rodeo

2. Annual

3. Billy the Kid

4. Black Chancery

5. Bones

6. BrushStroke

7. Circus KS

8. Dancin

9. FlatBrush

10. Headline

11. Minerva

12. Moan Hand


173


14. Tuscan Loose

15. Vinc Hand


174

DATABOX – GoogleFonts Naast de FlashFonts heeft Google er ook een aantal beschikbaar gemaakt. Als u in een normale TekstBox, waar u uw tekst in zet, de Code 01 een getal mee geeft, dan wordt de tekst vervangen door een GoogleFont. Maar…. De tekst in de box moet in Arial zijn om deze te vervangen. De maat kunt u wel aanpassen. Google Fonts breidt dagelijks uit. U kunt ze vinden door eenvoudig bij Google in de zoekmachine Google Fonts in te tikken. De eerste keuze is dat het juiste resultaat. GoogleFonts wijken niet te veel af van “normale” fonts. Dit omdat het niet de bedoeling is dat het vreemde fonts zijn. Daar zijn andere routines voor. De volgende 18 GoogleFonts zijn nu ingevoerd in de site. De fontnaam staat boven het plaatje. 01 – Cantarell 02 – Cardo 03 – Crimson Text 04 – Droid Sans 05 – Droid Sans Mono 06 – Droid Serif 07 – IM Fell 08 – Inconsolate 09 – Josefin Sans Std Light 10 – Lobster 11 – Molengo 12 – Nobile 13 –OFL Sorts Mill Goudy TT


175

14 – Old Standard TT 15 – Reenie Beanie 16 – Tangerine 17 – Vollkorn 18 – Yanone Kaffesatz

U kunt de lijst eenvoudig uit breiden door een GoogleFont op te zoeken en de naam er van in de DATABox in te voeren als 16 en verder. U moet wel een plusteken gebruiken i.p.v. een spatie!


176

DATABOX – IndexAanbiedingen Deze DATABox bevat 20 ProductNummers om te gebruiken met WW-ReklameBox02A. Deze box kan meerdere keren gebruikt worden op 1 pagina zonder dat de producten zich herhalen. De producten 21 t/m 40 moeten gelijk zijn aan 01 t/m 20.


177

DATABOX – SlidePics Een DATABox met maximaal 40 namen van foto’s. Alleen de namen van de foto’s, de folder is automatisch OPSLAG. Daar moeten de foto’s dan ook staan. Deze DATABox is voor WWSlideShow01 en WW-SlideShow02.


178

DATABOX – SysteemBox01 Dit is een speciale DATABox die u NIET MOET AANPASSEN. Deze box bevat teksten die in de Systeem Editor gebruikt worden bij de Systeem Plaatjes.


179

DATABOX – WoordenLijst In deze DATABox staan 40 willekeurige woorden. U kunt die aan het onderwerp van uw site aanpassen als u dat wilt. WW-ContactForm en WW-WinkelAdres maken er gebruik van. Het zijn de woorden die u onderaan de formulieren moet intikken om te bewijzen dat u een mens bent.


180

KleurNamen Op internet zijn een aantal kleuren gedefinieerd door hun (Engelse) naam. Deze zijn in de editor te gebruiken. Als alternatief zijn er hexadecimale kleurencodes. Deze worden ALTIJD voorafgegaan door het # teken, gevolgd door 6 cijfers of letters. Wit is b.v. : WHITE of #FFFFFF Zwart is : BLACK of #000000 De volgende pagina bevat de lijst met kleurnamen. Ook zijn tussenwaarden mogelijk, zoals iet donkerder en iets lichter. Dat bereikt u met hexadecimale waarden. Ga naar de BoxEditor en voer een tekst in. Tik op de T-knop en u kunt de kleur van de tekst aanpassen. Naast de gekozen kleur ziet u in het keuzescherm ook elke hexadecimale code als u met de muis over de kleur gaat. Noteer die als u die wilt gebruiken. Er zijn een groot aantal kleuren die een naam hebben. U ziet hieronder en op de volgende pagina daar de lijst van.


181


182

De MySQL Database opbouw CREATE TABLE Boxen ( BoxNR BoxBreedte BoxKopTekst BoxKopTekstKleur BoxLijnKleur BOXLijnDikte BoxRandKleur BoxIcon BoxIconKleur BoxInhoud BoxLink BoxHeaderBold BoxNaam BoxHeaderCenter BoxVlag1 BoxVlag2 BoxVlag3 BoxVlag4 BoxVlag5 BoxVlag6 BoxVlag7 BoxVlag8 BoxVlag9 BoxVlagA BoxVlagB BoxVlagC BoxVlagD PRIMARY KEY (BoxNR) );

VARCHAR(25) NOT NULL, VARCHAR(5) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, TEXT NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL,

CREATE TABLE DATABoxen ( BoxNR VARCHAR(25) NOT NULL, BoxData01 VARCHAR(50) NOT NULL, BoxData02 VARCHAR(50) NOT NULL, BoxData03 VARCHAR(50) NOT NULL, BoxData04 VARCHAR(50) NOT NULL, BoxData05 VARCHAR(50) NOT NULL, BoxData06 VARCHAR(50) NOT NULL, BoxData07 VARCHAR(50) NOT NULL, BoxData08 VARCHAR(50) NOT NULL, BoxData09 VARCHAR(50) NOT NULL, BoxData10 VARCHAR(50) NOT NULL, BoxData11 VARCHAR(50) NOT NULL, BoxData12 VARCHAR(50) NOT NULL, BoxData13 VARCHAR(50) NOT NULL, BoxData14 VARCHAR(50) NOT NULL, BoxData15 VARCHAR(50) NOT NULL, BoxData16 VARCHAR(50) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

183

BoxData17 BoxData18 BoxData19 BoxData20 BoxData21 BoxData22 BoxData23 BoxData24 BoxData25 BoxData26 BoxData27 BoxData28 BoxData29 BoxData30 BoxData31 BoxData32 BoxData33 BoxData34 BoxData35 BoxData36 BoxData37 BoxData38 BoxData39 BoxData40 Omschrijving PRIMARY KEY (BoxNR) );

VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(100) NOT NULL,

CREATE TABLE DeletedBoxen ( BoxNR VARCHAR(25) NOT NULL, BoxBreedte VARCHAR(5) NOT NULL, BoxKopTekst VARCHAR(100) NOT NULL, BoxKopTekstKleur VARCHAR(10) NOT NULL, BoxLijnKleur VARCHAR(10) NOT NULL, BOXLijnDikte VARCHAR(1) NOT NULL, BoxRandKleur VARCHAR(10) NOT NULL, BoxIcon VARCHAR(10) NOT NULL, BoxIconKleur VARCHAR(10) NOT NULL, BoxInhoud TEXT NOT NULL, BoxLink VARCHAR(100) NOT NULL, BoxHeaderBold VARCHAR(5) NOT NULL, BoxNaam VARCHAR(100) NOT NULL, BoxHeaderCenter VARCHAR(5) NOT NULL, BoxVlag1 VARCHAR(50) NOT NULL, BoxVlag2 VARCHAR(50) NOT NULL, BoxVlag3 VARCHAR(50) NOT NULL, BoxVlag4 VARCHAR(50) NOT NULL, BoxVlag5 VARCHAR(50) NOT NULL, BoxVlag6 VARCHAR(50) NOT NULL, BoxVlag7 VARCHAR(50) NOT NULL, BoxVlag8 VARCHAR(50) NOT NULL, BoxVlag9 VARCHAR(50) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

184

BoxVlagA BoxVlagB BoxVlagC BoxVlagD PRIMARY KEY (BoxNR) );

VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL,

CREATE TABLE DubbelMenu ( MenuNaam VARCHAR(30) NOT NULL, Menu01 VARCHAR(30) NOT NULL, Menu02 VARCHAR(30) NOT NULL, Menu03 VARCHAR(30) NOT NULL, Menu04 VARCHAR(30) NOT NULL, Menu05 VARCHAR(30) NOT NULL, Menu06 VARCHAR(30) NOT NULL, Menu07 VARCHAR(30) NOT NULL, Menu08 VARCHAR(30) NOT NULL, Menu09 VARCHAR(30) NOT NULL, Menu10 VARCHAR(30) NOT NULL, SubMenu011 VARCHAR(30) NOT NULL, SubMenu012 VARCHAR(30) NOT NULL, SubMenu013 VARCHAR(30) NOT NULL, SubMenu014 VARCHAR(30) NOT NULL, SubMenu015 VARCHAR(30) NOT NULL, SubMenu016 VARCHAR(30) NOT NULL, SubMenu017 VARCHAR(30) NOT NULL, SubMenu018 VARCHAR(30) NOT NULL, SubMenu019 VARCHAR(30) NOT NULL, SubMenu020 VARCHAR(30) NOT NULL, SubMenu021 VARCHAR(30) NOT NULL, SubMenu022 VARCHAR(30) NOT NULL, SubMenu023 VARCHAR(30) NOT NULL, SubMenu024 VARCHAR(30) NOT NULL, SubMenu025 VARCHAR(30) NOT NULL, SubMenu026 VARCHAR(30) NOT NULL, SubMenu027 VARCHAR(30) NOT NULL, SubMenu028 VARCHAR(30) NOT NULL, SubMenu029 VARCHAR(30) NOT NULL, SubMenu030 VARCHAR(30) NOT NULL, SubMenu031 VARCHAR(30) NOT NULL, SubMenu032 VARCHAR(30) NOT NULL, SubMenu033 VARCHAR(30) NOT NULL, SubMenu034 VARCHAR(30) NOT NULL, SubMenu035 VARCHAR(30) NOT NULL, SubMenu036 VARCHAR(30) NOT NULL, SubMenu037 VARCHAR(30) NOT NULL, SubMenu038 VARCHAR(30) NOT NULL, SubMenu039 VARCHAR(30) NOT NULL, SubMenu040 VARCHAR(30) NOT NULL, SubMenu041 VARCHAR(30) NOT NULL, SubMenu042 VARCHAR(30) NOT NULL, SubMenu043 VARCHAR(30) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

185

SubMenu044 SubMenu045 SubMenu046 SubMenu047 SubMenu048 SubMenu049 SubMenu050 SubMenu051 SubMenu052 SubMenu053 SubMenu054 SubMenu055 SubMenu056 SubMenu057 SubMenu058 SubMenu059 SubMenu060 SubMenu061 SubMenu062 SubMenu063 SubMenu064 SubMenu065 SubMenu066 SubMenu067 SubMenu068 SubMenu069 SubMenu070 SubMenu071 SubMenu072 SubMenu073 SubMenu074 SubMenu075 SubMenu076 SubMenu077 SubMenu078 SubMenu079 SubMenu080 SubMenu081 SubMenu082 SubMenu083 SubMenu084 SubMenu085 SubMenu086 SubMenu087 SubMenu088 SubMenu089 SubMenu090 SubMenu091 SubMenu092 SubMenu093 SubMenu094 SubMenu095

VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL, VARCHAR(30) NOT NULL,


186

SubMenu096 SubMenu097 SubMenu098 SubMenu099 SubMenu100 SubMenu101 SubMenu102 SubMenu103 SubMenu104 SubMenu105 SubMenu106 SubMenu107 SubMenu108 SubMenu109 SubMenu110 SubLink011 SubLink012 SubLink013 SubLink014 SubLink015 SubLink016 SubLink017 SubLink018 SubLink019 SubLink020 SubLink021 SubLink022 SubLink023 SubLink024 SubLink025 SubLink026 SubLink027 SubLink028 SubLink029 SubLink030 SubLink031 SubLink032 SubLink033 SubLink034 SubLink035 SubLink036 SubLink037 SubLink038 SubLink039 SubLink040 SubLink041 SubLink042 SubLink043 SubLink044 SubLink045 SubLink046 SubLink047



187

SubLink048 SubLink049 SubLink050 SubLink051 SubLink052 SubLink053 SubLink054 SubLink055 SubLink056 SubLink057 SubLink058 SubLink059 SubLink060 SubLink061 SubLink062 SubLink063 SubLink064 SubLink065 SubLink066 SubLink067 SubLink068 SubLink069 SubLink070 SubLink071 SubLink072 SubLink073 SubLink074 SubLink075 SubLink076 SubLink077 SubLink078 SubLink079 SubLink080 SubLink081 SubLink082 SubLink083 SubLink084 SubLink085 SubLink086 SubLink087 SubLink088 SubLink089 SubLink090 SubLink091 SubLink092 SubLink093 SubLink094 SubLink095 SubLink096 SubLink097 SubLink098 SubLink099



188

SubLink100 VARCHAR(70) NOT NULL, SubLink101 VARCHAR(70) NOT NULL, SubLink102 VARCHAR(70) NOT NULL, SubLink103 VARCHAR(70) NOT NULL, SubLink104 VARCHAR(70) NOT NULL, SubLink105 VARCHAR(70) NOT NULL, SubLink106 VARCHAR(70) NOT NULL, SubLink107 VARCHAR(70) NOT NULL, SubLink108 VARCHAR(70) NOT NULL, SubLink109 VARCHAR(70) NOT NULL, SubLink110 VARCHAR(70) NOT NULL, PRIMARY KEY (MenuNaam) ); CREATE TABLE Kolommen ( KolomNaam VARCHAR(25) NOT NULL, WWTest VARCHAR(10) NOT NULL, KBox0 VARCHAR(25) NOT NULL, KBox1 VARCHAR(25) NOT NULL, KBox2 VARCHAR(25) NOT NULL, KBox3 VARCHAR(25) NOT NULL, KBox4 VARCHAR(25) NOT NULL, KBox5 VARCHAR(25) NOT NULL, KBox6 VARCHAR(25) NOT NULL, KBox7 VARCHAR(25) NOT NULL, KBox8 VARCHAR(25) NOT NULL, KBox9 VARCHAR(25) NOT NULL, KExtra1 VARCHAR(25) NOT NULL, KExtra2 VARCHAR(25) NOT NULL, KExtra3 VARCHAR(25) NOT NULL, KExtra4 VARCHAR(25) NOT NULL, KExtra5 VARCHAR(25) NOT NULL, PRIMARY KEY (KolomNaam) ); CREATE TABLE Menu ( MenuNaam MenuNaam01 MenuNaam02 MenuNaam03 MenuNaam04 MenuNaam05 MenuNaam06 MenuNaam07 MenuNaam08 MenuNaam09 MenuNaam10 MenuNaam11 MenuNaam12 MenuNaam13 MenuNaam14 MenuNaam15

VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL, VARCHAR(25) NOT NULL,


189

MenuLink01 VARCHAR(75) NOT NULL, MenuLink02 VARCHAR(75) NOT NULL, MenuLink03 VARCHAR(75) NOT NULL, MenuLink04 VARCHAR(75) NOT NULL, MenuLink05 VARCHAR(75) NOT NULL, MenuLink06 VARCHAR(75) NOT NULL, MenuLink07 VARCHAR(75) NOT NULL, MenuLink08 VARCHAR(75) NOT NULL, MenuLink09 VARCHAR(75) NOT NULL, MenuLink10 VARCHAR(75) NOT NULL, MenuLink11 VARCHAR(75) NOT NULL, MenuLink12 VARCHAR(75) NOT NULL, MenuLink13 VARCHAR(75) NOT NULL, MenuLink14 VARCHAR(75) NOT NULL, MenuLink15 VARCHAR(75) NOT NULL, Extra1 VARCHAR(25) NOT NULL, Extra2 VARCHAR(25) NOT NULL, Extra3 VARCHAR(25) NOT NULL, Extra4 VARCHAR(25) NOT NULL, Extra5 VARCHAR(25) NOT NULL, PRIMARY KEY (MenuNaam) ); CREATE TABLE Nieuws ( Line VARCHAR(1) NOT NULL, Link VARCHAR(10) NOT NULL, Tekst TEXT NOT NULL, NieuwsLine VARCHAR(80) NOT NULL, Extra1 VARCHAR(25) NOT NULL, Extra2 VARCHAR(25) NOT NULL, Extra3 VARCHAR(25) NOT NULL, Extra4 VARCHAR(25) NOT NULL, Extra5 VARCHAR(25) NOT NULL, PRIMARY KEY (Line) ); CREATE TABLE PaginaInhoud ( PaginaNaam VARCHAR(25) NOT NULL, KolomLinks VARCHAR(25) NOT NULL, KolomRechts VARCHAR(25) NOT NULL, PaginaInhoud TEXT NOT NULL, Template VARCHAR(25) NOT NULL, Box01 VARCHAR(25) NOT NULL, Box02 VARCHAR(25) NOT NULL, Box03 VARCHAR(25) NOT NULL, Box04 VARCHAR(25) NOT NULL, Box05 VARCHAR(25) NOT NULL, Box06 VARCHAR(25) NOT NULL, Box07 VARCHAR(25) NOT NULL, Box08 VARCHAR(25) NOT NULL, Box09 VARCHAR(25) NOT NULL, Box10 VARCHAR(25) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

190

Line01 VARCHAR(25) NOT NULL, Line02 VARCHAR(25) NOT NULL, Line03 VARCHAR(25) NOT NULL, Line04 VARCHAR(25) NOT NULL, Line05 VARCHAR(25) NOT NULL, Line06 VARCHAR(25) NOT NULL, Line07 VARCHAR(25) NOT NULL, Line08 VARCHAR(25) NOT NULL, Line09 VARCHAR(25) NOT NULL, Line10 VARCHAR(25) NOT NULL, Line11 VARCHAR(25) NOT NULL, Line12 VARCHAR(25) NOT NULL, Line13 VARCHAR(25) NOT NULL, Line14 VARCHAR(25) NOT NULL, Line15 VARCHAR(25) NOT NULL, Extra1 VARCHAR(25) NOT NULL, Extra2 VARCHAR(25) NOT NULL, Extra3 VARCHAR(25) NOT NULL, Extra4 VARCHAR(25) NOT NULL, Extra5 VARCHAR(25) NOT NULL, OVERAchtergrondkleur VARCHAR(20) NOT NULL, OVERAchtergrondfoto VARCHAR(70) NOT NULL, OVERAchtergrondRepeat VARCHAR(10) NOT NULL, OVERBannerLinks VARCHAR(70) NOT NULL, OVERBannerRechts VARCHAR(70) NOT NULL, OVERBannerCenter VARCHAR(70) NOT NULL, OVEROption01 VARCHAR(50) NOT NULL, OVEROption02 VARCHAR(50) NOT NULL, OVEROption03 VARCHAR(50) NOT NULL, OVEROption04 VARCHAR(200) NOT NULL, OVEROption05 VARCHAR(200) NOT NULL, OVEROption06 VARCHAR(200) NOT NULL, OVEROption07 VARCHAR(200) NOT NULL, OVEROption08 VARCHAR(200) NOT NULL, OVEROption09 VARCHAR(200) NOT NULL, OVEROption10 VARCHAR(200) NOT NULL, OVERAchtergrondFL VARCHAR(70) NOT NULL, OVERAchtergrondRL VARCHAR(10) NOT NULL, OVERAchtergrondFR VARCHAR(70) NOT NULL, OVERAchtergrondRR VARCHAR(10) NOT NULL, PaginaExtra01 VARCHAR(50) NOT NULL, PaginaExtra02 VARCHAR(50) NOT NULL, PaginaExtra03 VARCHAR(50) NOT NULL, PaginaExtra04 VARCHAR(50) NOT NULL, PaginaExtra05 VARCHAR(50) NOT NULL, PaginaExtra06 VARCHAR(50) NOT NULL, PaginaExtra07 VARCHAR(50) NOT NULL, PaginaExtra08 VARCHAR(50) NOT NULL, PaginaExtra09 VARCHAR(50) NOT NULL, PaginaExtra10 VARCHAR(50) NOT NULL, PRIMARY KEY (PaginaNaam) ); © 2006-2010 CS-WebDesign & Courbois Software

191

CREATE TABLE PaginaInhoudDEL ( PaginaNaam VARCHAR(25) NOT NULL, KolomLinks VARCHAR(25) NOT NULL, KolomRechts VARCHAR(25) NOT NULL, PaginaInhoud TEXT NOT NULL, Template VARCHAR(25) NOT NULL, Box01 VARCHAR(25) NOT NULL, Box02 VARCHAR(25) NOT NULL, Box03 VARCHAR(25) NOT NULL, Box04 VARCHAR(25) NOT NULL, Box05 VARCHAR(25) NOT NULL, Box06 VARCHAR(25) NOT NULL, Box07 VARCHAR(25) NOT NULL, Box08 VARCHAR(25) NOT NULL, Box09 VARCHAR(25) NOT NULL, Box10 VARCHAR(25) NOT NULL, Line01 VARCHAR(25) NOT NULL, Line02 VARCHAR(25) NOT NULL, Line03 VARCHAR(25) NOT NULL, Line04 VARCHAR(25) NOT NULL, Line05 VARCHAR(25) NOT NULL, Line06 VARCHAR(25) NOT NULL, Line07 VARCHAR(25) NOT NULL, Line08 VARCHAR(25) NOT NULL, Line09 VARCHAR(25) NOT NULL, Line10 VARCHAR(25) NOT NULL, Line11 VARCHAR(25) NOT NULL, Line12 VARCHAR(25) NOT NULL, Line13 VARCHAR(25) NOT NULL, Line14 VARCHAR(25) NOT NULL, Line15 VARCHAR(25) NOT NULL, Extra1 VARCHAR(25) NOT NULL, Extra2 VARCHAR(25) NOT NULL, Extra3 VARCHAR(25) NOT NULL, Extra4 VARCHAR(25) NOT NULL, Extra5 VARCHAR(25) NOT NULL, OVERAchtergrondkleur VARCHAR(20) NOT NULL, OVERAchtergrondfoto VARCHAR(70) NOT NULL, OVERAchtergrondRepeat VARCHAR(10) NOT NULL, OVERBannerLinks VARCHAR(70) NOT NULL, OVERBannerRechts VARCHAR(70) NOT NULL, OVERBannerCenter VARCHAR(70) NOT NULL, OVEROption01 VARCHAR(50) NOT NULL, OVEROption02 VARCHAR(50) NOT NULL, OVEROption03 VARCHAR(50) NOT NULL, OVEROption04 VARCHAR(200) NOT NULL, OVEROption05 VARCHAR(200) NOT NULL, OVEROption06 VARCHAR(200) NOT NULL, OVEROption07 VARCHAR(200) NOT NULL, OVEROption08 VARCHAR(200) NOT NULL, OVEROption09 VARCHAR(200) NOT NULL, OVEROption10 VARCHAR(200) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

192

OVERAchtergrondFL VARCHAR(70) NOT NULL, OVERAchtergrondRL VARCHAR(10) NOT NULL, OVERAchtergrondFR VARCHAR(70) NOT NULL, OVERAchtergrondRR VARCHAR(10) NOT NULL, PaginaExtra01 VARCHAR(50) NOT NULL, PaginaExtra02 VARCHAR(50) NOT NULL, PaginaExtra03 VARCHAR(50) NOT NULL, PaginaExtra04 VARCHAR(50) NOT NULL, PaginaExtra05 VARCHAR(50) NOT NULL, PaginaExtra06 VARCHAR(50) NOT NULL, PaginaExtra07 VARCHAR(50) NOT NULL, PaginaExtra08 VARCHAR(50) NOT NULL, PaginaExtra09 VARCHAR(50) NOT NULL, PaginaExtra10 VARCHAR(50) NOT NULL, PRIMARY KEY (PaginaNaam) ); CREATE TABLE Produkten ( Produkt VARCHAR(30) NOT NULL, Merk VARCHAR(30) NOT NULL, Naam VARCHAR(50) NOT NULL, Type VARCHAR(25) NOT NULL, Prijs DECIMAL(7,2) NOT NULL, Aanbieding DECIMAL(7,2) NOT NULL, Stock VARCHAR(10) NOT NULL, Regel1 VARCHAR(80) NOT NULL, Regel2 VARCHAR(80) NOT NULL, Regel3 VARCHAR(80) NOT NULL, Porto DECIMAL(7,2) NOT NULL, Uitleg TEXT NOT NULL, Plaatje VARCHAR(40) NOT NULL, Zoekstring TEXT NOT NULL, Xtra2 VARCHAR(100) NOT NULL, Xtra3 VARCHAR(100) NOT NULL, Xtra4 VARCHAR(100) NOT NULL, Xtra5 VARCHAR(100) NOT NULL, Handelprijs DECIMAL(7,2) NOT NULL, WK1 VARCHAR(10) NOT NULL, WK2 VARCHAR(10) NOT NULL, WK3 VARCHAR(10) NOT NULL, WK10 VARCHAR(10) NOT NULL, WK11 VARCHAR(10) NOT NULL, WK12 VARCHAR(10) NOT NULL, WK13 VARCHAR(10) NOT NULL, WK14 VARCHAR(10) NOT NULL, WK15 VARCHAR(10) NOT NULL, WK16 VARCHAR(10) NOT NULL, WK17 VARCHAR(10) NOT NULL, WK18 VARCHAR(10) NOT NULL, WK19 VARCHAR(10) NOT NULL, WK20 VARCHAR(10) NOT NULL, WK21 VARCHAR(10) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

193

WK22 WK23 WK24 WK25 WK26 WK27 WK28 WK29 WK30 WK31 WK32 WK33 WK34 WK35 WK36 WK37 WK38 WK39 Pro01 Pro02 Pro03 Pro04 Pro05 Pro06 Pro07 Pro08 Pro09 Pro10 PRIMARY KEY (Produkt) );

VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL,

CREATE TABLE ProduktenDEL ( Produkt VARCHAR(30) NOT NULL, Merk VARCHAR(30) NOT NULL, Naam VARCHAR(50) NOT NULL, Type VARCHAR(25) NOT NULL, Prijs DECIMAL(7,2) NOT NULL, Aanbieding DECIMAL(7,2) NOT NULL, Stock VARCHAR(10) NOT NULL, Regel1 VARCHAR(80) NOT NULL, Regel2 VARCHAR(80) NOT NULL, Regel3 VARCHAR(80) NOT NULL, Porto DECIMAL(7,2) NOT NULL, Uitleg TEXT NOT NULL, Plaatje VARCHAR(40) NOT NULL, Zoekstring TEXT NOT NULL, Xtra2 VARCHAR(100) NOT NULL, Xtra3 VARCHAR(100) NOT NULL, Xtra4 VARCHAR(100) NOT NULL, Xtra5 VARCHAR(100) NOT NULL, Handelprijs DECIMAL(7,2) NOT NULL, WK1 VARCHAR(10) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

194

WK2 WK3 WK10 WK11 WK12 WK13 WK14 WK15 WK16 WK17 WK18 WK19 WK20 WK21 WK22 WK23 WK24 WK25 WK26 WK27 WK28 WK29 WK30 WK31 WK32 WK33 WK34 WK35 WK36 WK37 WK38 WK39 Pro01 Pro02 Pro03 Pro04 Pro05 Pro06 Pro07 Pro08 Pro09 Pro10 PRIMARY KEY (Produkt) );

VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(10) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL, VARCHAR(50) NOT NULL,

CREATE TABLE SiteInfo ( SiteNaam VARCHAR(50) NOT NULL, ZoekIN BIGINT NOT NULL, ZoekEX BIGINT NOT NULL, SiteInfo01 VARCHAR(50) NOT NULL, SiteInfo02 VARCHAR(50) NOT NULL, SiteInfo03 VARCHAR(50) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

195

SiteInfo04 VARCHAR(50) NOT NULL, SiteInfo05 VARCHAR(50) NOT NULL, SiteInfo06 VARCHAR(50) NOT NULL, SiteInfo07 VARCHAR(50) NOT NULL, SiteInfo08 VARCHAR(50) NOT NULL, SiteInfo09 VARCHAR(50) NOT NULL, SiteInfo10 VARCHAR(50) NOT NULL, SiteInfo11 VARCHAR(50) NOT NULL, SiteInfo12 VARCHAR(50) NOT NULL, SiteInfo13 VARCHAR(50) NOT NULL, SiteInfo14 VARCHAR(50) NOT NULL, SiteInfo15 VARCHAR(50) NOT NULL, SiteInfo16 VARCHAR(50) NOT NULL, SiteInfo17 VARCHAR(50) NOT NULL, SiteInfo18 VARCHAR(50) NOT NULL, SiteInfo19 VARCHAR(50) NOT NULL, SiteInfo20 VARCHAR(50) NOT NULL, SiteInfo21 VARCHAR(50) NOT NULL, SiteInfo22 VARCHAR(50) NOT NULL, SiteInfo23 VARCHAR(50) NOT NULL, SiteInfo24 VARCHAR(50) NOT NULL, SiteInfo25 VARCHAR(50) NOT NULL, SiteInfo26 VARCHAR(50) NOT NULL, SiteInfo27 VARCHAR(50) NOT NULL, SiteInfo28 VARCHAR(50) NOT NULL, SiteInfo29 VARCHAR(50) NOT NULL, SiteInfo30 VARCHAR(50) NOT NULL, SiteInfo31 VARCHAR(50) NOT NULL, SiteInfo32 VARCHAR(50) NOT NULL, SiteInfo33 VARCHAR(50) NOT NULL, SiteInfo34 VARCHAR(50) NOT NULL, SiteInfo35 VARCHAR(50) NOT NULL, SiteInfo36 VARCHAR(50) NOT NULL, SiteInfo37 VARCHAR(50) NOT NULL, SiteInfo38 VARCHAR(50) NOT NULL, SiteInfo39 VARCHAR(50) NOT NULL, SiteInfo40 VARCHAR(50) NOT NULL, PRIMARY KEY (SiteNaam) ); CREATE TABLE Tellers ( ID VARCHAR(50) NOT NULL, Counter BIGINT NOT NULL, PRIMARY KEY (ID) ); CREATE TABLE TempData ( Nul VARCHAR(100) NOT NULL, Een VARCHAR(100) NOT NULL, Twee VARCHAR(100) NOT NULL, Drie VARCHAR(100) NOT NULL, Vier VARCHAR(100) NOT NULL, © 2006-2010 CS-WebDesign & Courbois Software

196

Vijf Zes Zeven Acht Negen Tien Elf Twaalf Dertien Veertien Vijftien PRIMARY KEY (Nul) );

VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, VARCHAR(100) NOT NULL, TEXT NOT NULL,

CREATE TABLE WagenInhoud ( Teller BIGINT NOT NULL AUTO_INCREMENT, Klant BIGINT NOT NULL, Produkt VARCHAR(30) NOT NULL, WK1 VARCHAR(200) NOT NULL, WK2 VARCHAR(200) NOT NULL, WK3 VARCHAR(200) NOT NULL, WK4 VARCHAR(200) NOT NULL, WK5 VARCHAR(200) NOT NULL, WK6 VARCHAR(200) NOT NULL, PRIMARY KEY (Teller) );


197

Update 2.4.0.0 naar 2.4.1.0 Systeem Editor (.01) Footer Lijn Uit Footer Plaatje

Uitbreiding Footer functies. Uitzetten van de lijn in de Footer die boven de © staat. Plaatje dat in de Footer boven de © komt. Niets = geen.

Winkel Categorie Editor (.02) Extra keuze vakje

Uitbreiding ProductLijst keuzes. Voor keuze van verschillende type ProductLijst is er naast elke categorie een nummer vakje gekomen. Maakt nu gebruik van deze extra functie.

WW-ProductMenuC03 Systeem Editor (.03) Dealer Passwords

DealerTest DATABoxLijst SysteemDealerPass WW-DealerPass

Uitbreiding Dealer Password. Elke dealer kan nu een eigen password hebben zodat ze afzonderlijk uit gezet kunnen worden. Maximaal 20 op dit moment. Codes in een DATABox. Test nu uit een DATABox – “DealerPasswords”. No-Delete voor de code lijsten. Nieuwe menu groep om toegangscodes in te voeren. Nieuwe invoerroutines voor Dealers en hun Toegangscodes.

WebWinkel (.04)

Toevoegen van iDeal voor RABO Bank.

UpLoad Editor (.05)

Aanpassing foto formaten in de editor.

Product Editor (.06)

Toevoegen van de “Laatste Exemplaar” vlag.

Box Editor (.07)

Toevoegen van SYSTEEMBoxen.

Product Editor (.08)

Toevoegen van het gewicht van een product voor porto.

Misc (.09)

Kleine, tijdloze, verbeteringen in Boxen.


198

Courbois Software WebDesignEditor. Versie

Recommend Documents