Mywebshop Dagelijks gebruik
Copyright © 2009 Wikit BVBA, alle rechten voorbehouden
Deze handleiding mag gebruikt worden om met behulp van de mywebshop.net infrastructuur een webwinkel/website te bouwen. Dit document mag onder geen andere intentie worden afgedrukt, aangepast of worden verspreid.
Document versies Versie 1.0
Datum Wijziging Dec 2009 Initiële versie
Versie 1.0 December 2009 Voor de meest recente versie van de handleiding verwijzen we u graag naar de help pagina’s van de applicatie.
Pagina 2 / 21
Mywebshop dagelijks gebruik
Oplossing .........................................................................................................................20 Slotwoord.............................................................................................................................21
In houdsTafel Verklarende woordenlijst....................................................................................................... 5 Inleiding................................................................................................................................ 6 Voorwoord ........................................................................................................................ 6 Evolutie............................................................................................................................. 6 Praktische afspraak ............................................................................................................ 6 Doelpubliek ....................................................................................................................... 6 Vraag en Antwoord ............................................................................................................... 7 Praktisch............................................................................................................................ 7 Lijst van beantwoordde vragen .......................................................................................... 7 Hoe voeg ik een nieuwe knop aan het menu toe..................................................................... 8 Huidige situatie ................................................................................................................. 8 Nieuwe situatie.................................................................................................................. 8 Doelstelling ....................................................................................................................... 8 Oplossing .......................................................................................................................... 8 Hoe voeg ik tekst toe aan een menu ....................................................................................... 9 Huidige situatie ................................................................................................................. 9 Nieuwe situatie.................................................................................................................. 9 Doelstelling ....................................................................................................................... 9 Oplossing .......................................................................................................................... 9 Hoe maak ik onderscheid tussen titels en tekst......................................................................11 Huidige situatie ................................................................................................................11 Nieuwe situatie.................................................................................................................11 Doelstelling ......................................................................................................................11 Oplossing .........................................................................................................................11 Hoe voeg ik afbeeldingen toe aan een webpagina .................................................................13 Huidige situatie ................................................................................................................13 Nieuwe situatie.................................................................................................................13 Doelstelling ......................................................................................................................13 Oplossing .........................................................................................................................13 Hoe bewerk ik mijn afbeeldingen om ze te optimaliseren .....................................................15 Huidige situatie ................................................................................................................15 Nieuwe situatie.................................................................................................................15 Doelstelling ......................................................................................................................15 Oplossing .........................................................................................................................15 Hoe optimaliseer ik mijn webpagina’s voor zoekmachines ...................................................17 Huidige situatie ................................................................................................................17 Nieuwe situatie.................................................................................................................17 Doelstelling ......................................................................................................................17 Oplossing .........................................................................................................................17 Hoe maak ik mijn wijzingen actief........................................................................................18 Huidige situatie ................................................................................................................18 Nieuwe situatie.................................................................................................................18 Doelstelling ......................................................................................................................18 Oplossing .........................................................................................................................18 Hoe zoek ik naar een oplossing voor mijn probleem .............................................................20 Huidige situatie ................................................................................................................20 Nieuwe situatie.................................................................................................................20 Doelstelling ......................................................................................................................20 Mywebshop dagelijks gebruik
Pagina 3 / 21
Pagina 4 / 21
Mywebshop dagelijks gebruik
Verklarende woordenlijst
Inleiding
Woord
Verklaring
Pixel (px)
Het woord pixel is een samentrekking van de twee eerste lettergrepen van het Engelse 'picture element' en staat voor een enkele punt (Eng.: dot) op het beeldscherm van de computer of in een digitaal beeld. Veel punten bij elkaar geven een beeld. Alles wat op het scherm te zien is bestaat uit een veelvoud van pixels. (bron: http://nl.wikipedia.org/wiki/Pixel) Ter info: 100 pixels komt ongeveer overeen met 1,41 cm. Een selectielijst is een lijst van waarden waaruit u kan kiezen, de standaard waarde voor een selectielijst is een lege waarde, de kunt u steeds herkennen door de grijze achtergrond van deze keuze optie. Een web stijl is een verzameling van eigenschappen die je aan een stuk tekst toekent. Deze eigenschappen bepalen de grootte van de tekst, de kleur, de achtergrondkleur, het lettertype, …
Selectielijst
Web stijl
Voorwoord Beste lezer, Allereerst willen we u bedanken dat u vertrouwen stelt in het concept van mywebshop.net: zelf een website ontwerpen, maken en volledig kunnen onderhouden. Vanaf vandaag is het aan u om de wereld te vertellen wat u ook maar wilt. Lees verder in deze handleiding en ontdek zelf hoe u uw droom, uw eigen zaak, zichtbaar kan maken op het internet. Met vriendelijke groeten, Het mywebshop.net team
Evolutie Net zoals eenieder levend begrip is groeien en ontwikkelen deel van het bestaan. Ook mywebshop.net is een levend begrip, continu wordt er aan de functionele kant gesleuteld om zo tot een totaal pakket te komen dat gemakkelijk hanteerbaar is en toch voldoende veelzijdig. Omdat we de mening en de verwachtingen van de gebruikers enorm waarderen en proberen in te vullen kunt u ten allen tijde zelf een “Nieuw Functioneel Verzoek” sturen. Hoe dit concreet in zijn werk gaat leest u op de online help pagina’s van de applicatie.
Praktische afspraak Via de website Mywebshop.net kan u een website samenstellen met webwinkel functionaliteiten. Om niet steeds de twee begrippen te moeten vermelden gebruiken we vanaf nu de term ‘website’ voor de aanduiding van een website/webwinkel.
Doelpubliek Deze handleiding is bedoeld voor eender wie betrokken is bij het ontwikkelen en ontwerpen van een mywebshop.net webwinkel/website. U ontdekt allerlei praktische tips in verband met het opzetten van uw ontwerp, we nemen u bij de hand en begeleiden u van A tot Z. Deze specifieke handleiding bevat enkel onderwerpen die u helpen bij het dagelijks gebruik van de applicatie. Voor een complete handleiding verwijzen we u graag naar de ‘algemene handleiding’ die u steeds kan raadplegen via de Mywebshop help (http://help.mywebshop.net). Genoeg gepraat, over tot de actie!
Mywebshop dagelijks gebruik
Pagina 5 / 21
Pagina 6 / 21
Mywebshop dagelijks gebruik
Vraag en Antwoord
Hoe voeg ik een nieuwe knop aan het menu toe
Als u dagelijks de applicatie gebruikt dan wordt u dikwijls gestuurd door de vraag “hoe doe ik dat nu weer?”. Precies daarom hebben we deze dagelijkse handleiding opgebouwd in een vraag en antwoord stijl. U start van een concrete vraag en u leest welke concrete acties u hiervoor moet uitvoeren. We werken echter wel steeds met concrete voorbeelden en we bespreken ook nooit volledig alle opties. Voor een volledig overzicht van alle mogelijkheden, ook met betrekking tot de hieronder uitgewerkte vraagstellingen, verwijzen we u naar de ‘algemene handleiding’.
Praktisch Op ieder van de hieronder gestelde vragen kan u verderop in deze handleiding een antwoord vinden. We behandelen elke vraag apart en proberen u met een concreet voorbeeld een antwoord te bieden.
Huidige situatie
Nieuwe situatie
Doelstelling We maken een nieuwe knop in het menu met de tekst “Huidige Referenties” en het uniek internetadres. “www.mijnwebsite.be/referenties”
Alle tekst in het gewone lettertype is verklarende tekst, de actie die u echter concreet moet uitvoeren wordt getoond in een ander lettertype. Op die manier kan u simpelweg commentaar en acties onderscheiden.
Oplossing
Lijst van beantwoordde vragen
Klik menu optie ‘Technisch => Webpagina’s’ Klik ‘maak >>>’
• • • • • • • •
Hoe voeg ik een nieuwe knop aan het menu toe? Hoe voeg ik tekst toe aan een menu? Hoe maak ik onderscheid tussen titels en tekst? Hoe voeg ik afbeeldingen toe aan een webpagina? Hoe bewerk ik mijn afbeeldingen om ze te optimaliseren? Hoe optimaliseer ik mijn webpagina’s voor zoekmachines? Hoe maak ik mijn wijzingen actief? Hoe zoek ik naar een oplossing voor mijn probleem?
De knoppen die u in het menu ziet zijn gekoppeld aan een webpagina, om een nieuwe knop in het menu te krijgen moeten we dus een nieuwe webpagina aanmaken.
Vervolgens krijgt u het scherm te zien om een nieuwe webpagina te configureren. Vul in Webpagina Bestaand Label Nieuw label Webstijl Sub-webpagina van Menu item
referenties Huidige Referenties JA
Klik ‘Bewaren >>>’
Mywebshop dagelijks gebruik
Pagina 7 / 21
Pagina 8 / 21
Mywebshop dagelijks gebruik
Een snelmenu wordt getoond.
Hoe voeg ik tekst toe aan een menu
Vul in Welkom op de pagina met referenties.
Huidige situatie
Op deze pagina kan u allerlei referenties vinden met betrekking tot onze activiteiten. Klik ‘bewaren >>>’ Klik menu optie ‘Website Admin => Toon test Website’ Klik menu optie ‘Huidige referenties’ op uw test website
Nieuwe situatie
Doelstelling We voegen tekst toe aan de webpagina “referenties” zodat deze tekst getoond wordt wanneer een website bezoeker op de knop “Huidige Referenties” klikt.
Oplossing U kan zelf kiezen of u tekst wenst te tonen wanneer iemand op een van de knoppen in het menu klikt. Indien u geen tekst heeft bepaald voor een bepaalde knop, dan kan de bezoeker ook niet op de knop klikken. Meestal wenst u echter wel tekst te tonen, we voegen daarom webblokken toe aan de webpagina. Klik menu optie ‘Webblokken’ Selecteer huidig menu ‘referenties’ Klik ‘nieuwe webblok’ (
)
Resultaat Er wordt een nieuwe webblok aangemaakt dewelke u naar uw wensen kunt aanpassen.
Dubbel klik met uw linkermuisknop op het gearceerde gedeelte
Mywebshop dagelijks gebruik
Pagina 9 / 21
Pagina 10 / 21
Mywebshop dagelijks gebruik
U heeft nu een rij in de webblok toegevoegd met de waarde voor de titel, de titel waarde staat echter op de verkeerde plaats. Laat ons dit corrigeren.
Hoe maak ik onderscheid tussen titels en tekst
Klik met uw rechtermuisknop op de tekst ‘Huidige Referenties’
Huidige situatie
Klik ‘rij verplaatsen naar boven’ (
)
De gewone tekst en de titel zijn nu van plaats gewisseld. Vervolgens maken we de lay-out aan die tekst rood en vet weergeeft. Klik menu optie ‘inhoud => Webstijlen’ Klik ‘Maak >>>’ Vul in naam lettertype kleur vet
Nieuwe situatie
Titel_rood_vet verdana red JA
Klik ‘maak >>>’
Vervolgens komt u terug terecht op de overzichtpagina van de webstijlen. U ziet dat er nu een webstijl werd toegevoegd met de naam ‘Titel_rood_vet’ zoals u had opgegeven. Tenslotte gaan we de webstijl koppelen aan de titel van de webpagina. Klik menu optie ‘webblokken’
Doelstelling
Klik eenmaal met de linkermuisknop op de tekst ‘Huidige Referenties’.
We passen de nieuw aangemaakte webblok aan en voegen een titel toe voor de webpagina. Vervolgens geven we de titel een andere opmaak dan de tekst, in dit concreet geval maken plaatsen we de titel in het rood en vet.
Oplossing
U merkt nu dat de achtergrondkleur van de cel wijzigt, deze kleur duidt op het feit dat u de cel heeft geselecteerd. Verder merkt u ook dat er links een menu open klapt dewelke u kan wijzigen. In dit menu kan u opmaakeigenschappen opgeven voor de geselecteerde cel, nu gaan we de webstijl koppelen aan de cel.
Een webblok is als het ware een tabel, een tabel die kan bestaan uit meerdere kolommen en rijen, hoeveel kolommen en rijen beslist u geheel zelf. We zullen dus een rij aan de webblok toevoegen, een titel in de rij plaatsen, de titel bovenaan de pagina plaatsen, de lay-out ‘rood en vet’ aanmaken en deze tenslotte koppelen aan de titel.
Klik in het menu dat links getoond wordt op de tekst ‘webstijl’.
Klik menu optie ‘Webblokken’
Klik menu optie ‘Website Admin => Toon test Website’ Klik menu optie ‘Huidige referenties’ op uw test website
Selecteer vervolgens ‘Titel_rood_vet’ in het selectievakje. Klik tenslotte ‘bewaren >>>’ om de wijzigingen te bewaren.
Klik met uw rechtermuisknop op de tekst die u reeds had ingegeven.
Opnieuw verschijnt er een snelmenu. Klik ‘rij toevoegen’ (
)
Dubbel klik met uw linkermuisknop op het gearceerde gedeelte Vul in ‘Huidige Referenties’ Klik ‘bewaren >>>’
Mywebshop dagelijks gebruik
Pagina 11 / 21
Pagina 12 / 21
Mywebshop dagelijks gebruik
Klik ‘Bladeren …’ en selecteer de afbeelding die u voordien op uw computer heeft bewaard (of eender welke afbeelding).
Hoe voeg ik afbeeldingen toe aan een webpagina
Klik ‘bewaren >>>’
Huidige situatie
Nieuwe situatie
Doelstelling Afbeeldingen op een website helpen enorm om iets duidelijk to maken of om de lay-out te verzorgen. Hier leren we hoe we een afbeelding op een webpagina kunnen tonen.
Oplossing Als voorbeeld gaan we de afbeelding van de webpagina ‘http://www.mywebshop.net/faq’ op onze webpagina plaatsen. Ga naar de mywebshop.net website en klik op het menu item ‘Vragen …?’. Klik met uw rechtermuisknop en kies ‘opslaan als’ en bewaar de afbeelding op een plaats op je computer. Log vervolgens opnieuw in om de afbeelding toe te voegen. Klik menu optie ‘Webblokken’. Klik eenmaal met de rechtermuisknop ergens op de eerste webblok. Klik vervolgens op ‘Kolom toevoegen’ (
)
U ziet dat er 2 nieuwe gearceerde vlakken werden toegevoegd, 2 cellen werden toegevoegd met de actie ‘kolom toevoegen’ wat ook logisch is. Waarom is dit logisch? De webblok bestond reeds uit 1 kolom en 2 rijen, als je een kolom toevoegt dan blijven de 2 rijen behouden, je voegt dus eigenlijk een kolom toe voor 2 rijen. We voegen een afbeelding toe in de tweede kolom op de tweede rij. Dubbel klik met uw rechtermuisknop op het onderste gearceerde gedeelte.
Mywebshop dagelijks gebruik
Pagina 13 / 21
Pagina 14 / 21
Mywebshop dagelijks gebruik
Hoe bewerk ik mijn afbeeldingen om ze te optimaliseren Huidige situatie We hebben op de webpagina ‘referenties’ een nieuw webblok toegevoegd ( ) en een willekeurige ‘jpg’ afbeelding opgeladen die we zelf genomen hebben met een fototoestel. Neem dus zelf een afbeelding die u ooit genomen heeft met uw fototoestel en laadt deze op in het systeem.
De afbeelding wordt vervolgens verkleint tot een hoogte van 200 pixels. Verder hadden we besloten om de afbeelding nog een rode rand te geven Klik op de tab ‘effecten’ Selecteer bij de optie rand ‘2’ voor dikte en ‘violet’ voor de kleur Klik vervolgens ‘bewaren >>>’ om de aangepaste versie van de afbeelding te bewaren.
De aangepaste versie van de afbeelding wordt bewaard als een bewerkte kopie van het origineel. U kan op eender welk moment de aangepaste versie verwijderen en zo opnieuw het origineel tonen op bewerken. TIPS Geef een naam op voor de configuratie in het invulvak ‘opmaak opslaan als’ alvorens u op ‘bewaren >>>’ klikt. De configuratie wordt hiermee bewaard, vervolgens kunt u simpelweg de configuratie toepassen op een volgende afbeelding zonder opnieuw deze keuzes te moeten maken.
Nieuwe situatie
Doelstelling Vaak is een afbeelding die u met uw fototoestel neemt van zulk een goede kwaliteit dat de foto eigenlijk enorm is als u hem op uw website toevoegt. Om dit aan te kunnen passen bieden we u de optie om dit op een eenvoudige manier aan te passen. We gaan dus leren hoe we afbeeldingen verkleinen en van een rand voorzien.
Oplossing We hebben de afbeelding via de menu optie ‘Webblokken’ opgeladen, de afbeelding bewerken kan echter slechts via de afbeeldingen sectie van de website. Ga naar de afbeelding, bepaal de aanpassen en bewaar de afbeelding met de aanpassingen. Klik menu optie ‘Inhoud => Afbeeldingen’
Indien u geen andere afbeelding meer heeft opgeladen na deze zou de afbeelding standaard bovenaan moeten staan. Klik op het potlood symbool (
) om de afbeeldingen te bewerken
Klik in het menu links op de tab ‘vergroten/verkleinen’ Kies Hoogte ‘200’ px en klik de ‘ENTER’ toets op uw toetsenbord
Mywebshop dagelijks gebruik
Pagina 15 / 21
Pagina 16 / 21
Mywebshop dagelijks gebruik
Hoe optimaliseer ik mijn webpagina’s voor zoekmachines
Hoe maak ik mijn wijzingen actief
Huidige situatie
Huidige situatie Webpagina: http://www.mywebshop.net/shops/demo/referenties.php
Nieuwe situatie
Doelstelling Het nut van een website verhoogt als u ook effectief goed scoort in de lijst van zoekmachines. Mensen die naar u op zoek zijn moeten u snel kunnen vinden. Beter nog is het wanneer mensen u vinden als ze op zoek zijn naar een concurrent of zoeken via algemene woorden die u of uw zaak kenmerken.
Oplossing
Nieuwe situatie
Geef allereerst een reeks van trefwoorden op die steeds van toepassing zijn op u. Goede voorbeelden hier zijn “uw gemeente, de naam van uw zaak, uw straat, uw sector/beroep,…” Tezamen met een algemene beschrijving van uw website en uw diensten. Verder geeft u per webpagina op welke specifieke trefwoorden van toepassing zijn voor die webpagina en geeft u een beknopte/correcte beschrijving op. Klik menu optie ‘Instellingen => site Instellingen Open de sectie ‘Zoek machine instellingen’( ) mocht de sectie gesloten zijn Geef een algemene beschrijving op. Klik ‘bewaren >>>’
Doelstelling
Geef een trefwoord op in het linkse invulvak en klik ‘ ’
Het kan natuurlijk niet de bedoeling zijn dat uw website bezoekers een webpagina kunnen bekijken wanneer u nog volop de inhoud aan het bepalen bent. Daarom heeft u eigenlijk 2 websites, namelijk een test website en een live website. Op de test website kan u op elk ogenblik het resultaat bekijken van de wijzigingen die u heeft aangebracht aan één of meerdere webpagina(‘s). U kan ook simpelweg de test website laten nakijken door een ander persoon om eventuele fouten/opmerkingen alsnog te verwerken.
Herhaal dit tot u alle gewenste trefwoorden heeft toegevoegd
Vervolgens moeten we per webpagina dezelfde actie herhalen. Indien u dit niet doet wordt de algemene beschrijving en trefwoorden aangeboden aan de zoekmachines.
Bent u tevreden met het resultaat op de test website, activeer dan de test website zodat iedereen de nieuwe informatie kan lezen.
Klik menu optie ‘Webblokken’ Open de details van de webpagina ( ) mochten de details verborgen zijn Geef een beschrijving op voor deze specifieke webpagina Geef trefwoorden op voor deze specifieke webpagina
Oplossing Voeg webpagina(‘s) toe via de Mywebshop.net applicatie. Voeg tekst/afbeeldingen toe op de webpagina(‘s) Bekijk het resultaat via de menu optie ‘Website Admin => Toon test Website’
Klik ‘bewaren >>>’
Mywebshop dagelijks gebruik
Pagina 17 / 21
Pagina 18 / 21
Mywebshop dagelijks gebruik
Wijzig de inhoud tot u tevreden bent over het geheel.
Hoe zoek ik naar een oplossing voor mijn probleem
Valideer(Mywebshop interne keuken) de inhoud door te klikken op ‘Website Admin => Valideer website’
Huidige situatie Activeer de website door te klikken op de knop ‘Activeer Website’
Vervolgens wordt de test website geactiveerd en wordt de live website een actieve kopie van de test website.
U heeft een vraag voor dewelke u geen antwoord kan vinden: • In de algemene handleiding; • Op de help website http://help.mywebshop.net
Wanneer het nodig is doet u weer wijzigingen aan uw test website tot het nieuwe resultaat u bevalt en activeert u de wijzigingen.
Nieuwe situatie
En deze cyclus herhaalt u zo vaak u wenst.
Doelstelling
LET WEL OP:
We proberen onze handleidingen en de online help pagina’s zo goed mogelijk te onderhouden zodat u zonder problemen gebruik kan maken van de Mywebshop.net applicatie.
eenmaal u de test website hebt geactiveerd is de vorige live website gewist en kan u onmogelijk terugkeren naar de vorige actieve website. Kijk dus goed de test website na voordat u hem activeert!
Uw vraag is niet langer een vraag .
Oplossing Kijk in de handleiding of u een antwoord vind op uw vraag Kijk op de online pagina’s of u een antwoord vindt op uw vraag Stel u vraag via de help site Ga naar de website http://help.mywebshop.net en klik vervolgens op de menu optie ‘Help => Vraag Stellen’ Vul het contact formulier in verstuur de gegevens, u zal zo spoedig mogelijk worden gecontacteerd.
Mywebshop dagelijks gebruik
Pagina 19 / 21
Pagina 20 / 21
Mywebshop dagelijks gebruik
Slotwoord Proficiat, U heeft het lezen van de handleiding voor dagelijks gebruik tot een goed einde gebracht. Vanaf nu bent u in staat om het dagelijkse onderhoud van uw website te verzorgen. Mocht u nog vragen hebben in verband met de handleiding of een item dat nog steeds onduidelijk is kijk dan best eerst even op de online help pagina’s van de website of in de algemene handleiding. Daar kan u verdere details nalezen inclusief concrete voorbeelden wat het begrijpen vaak een stuk eenvoudiger maakt. Mocht u daar nog steeds geen antwoord vinden op uw vraag, dan kan u via de online help website het contact formulier invullen om ons te contacteren. U kan ook ons telefoonnummer terugvinden en onze helpdesk medewerkers een vraag stellen. Alvast bedankt voor uw interesse in Mywebshop.net. Veel plezier met uw goede keuze! Met vriendelijke groeten, Het Mywebshop.net team
Mywebshop dagelijks gebruik
Pagina 21 / 21
