Mywebshop Dagelijks gebruik. Versie 1.0 December Copyright 2009 Wikit BVBA, alle rechten voorbehouden

Transcriptie

1 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 December 2009 Versie Datum Wijziging 1.0 Dec 2009 Initiële versie 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

2 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 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 Slotwoord...21 Mywebshop dagelijks gebruik Pagina 3 / 21 Pagina 4 / 21 Mywebshop dagelijks gebruik

3 Verklarende woordenlijst Woord Verklaring Pixel (px) Selectielijst Web stijl 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: 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, Inleiding 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 ( Genoeg gepraat, over tot de actie! Mywebshop dagelijks gebruik Pagina 5 / 21 Pagina 6 / 21 Mywebshop dagelijks gebruik

4 Vraag en Antwoord 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. 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. Lijst van beantwoordde vragen 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? Hoe voeg ik een nieuwe knop aan het menu toe We maken een nieuwe knop in het menu met de tekst Huidige Referenties en het uniek internetadres. 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. Klik menu optie Technisch => Webpagina s Klik maak >>> Vervolgens krijgt u het scherm te zien om een nieuwe webpagina te configureren. Vul in Webpagina referenties Bestaand Label - Nieuw label Huidige Referenties Webstijl - Sub-webpagina van - Menu item JA Klik Bewaren >>> Mywebshop dagelijks gebruik Pagina 7 / 21 Pagina 8 / 21 Mywebshop dagelijks gebruik

5 Hoe voeg ik tekst toe aan een menu Een snelmenu wordt getoond. Vul in Welkom op de pagina met referenties. 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 We voegen tekst toe aan de webpagina referenties zodat deze tekst getoond wordt wanneer een website bezoeker op de knop Huidige Referenties klikt. 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

6 Hoe maak ik onderscheid tussen titels en tekst 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. Klik met uw rechtermuisknop op de tekst Huidige Referenties 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 Titel_rood_vet lettertype verdana kleur red vet 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. 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. 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 menu optie Webblokken Klik met uw rechtermuisknop op de tekst die u reeds had ingegeven. Klik menu optie webblokken Klik eenmaal met de linkermuisknop op de tekst Huidige Referenties. 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. Klik in het menu dat links getoond wordt op de tekst webstijl. Selecteer vervolgens Titel_rood_vet in het selectievakje. Klik tenslotte bewaren >>> om de wijzigingen te bewaren. Klik menu optie Website Admin => Toon test Website Klik menu optie Huidige referenties op uw test website 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

7 Hoe voeg ik afbeeldingen toe aan een webpagina Klik Bladeren en selecteer de afbeelding die u voordien op uw computer heeft bewaard (of eender welke afbeelding). Klik bewaren >>> 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. Als voorbeeld gaan we de afbeelding van de webpagina 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

8 Hoe bewerk ik mijn afbeeldingen om ze te optimaliseren 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. 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. 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

9 Hoe optimaliseer ik mijn webpagina s voor zoekmachines Hoe maak ik mijn wijzingen actief Webpagina: 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. 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 >>> Geef een trefwoord op in het linkse invulvak en klik 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. 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 Klik bewaren >>> 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. Bent u tevreden met het resultaat op de test website, activeer dan de test website zodat iedereen de nieuwe informatie kan lezen. 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 Mywebshop dagelijks gebruik Pagina 17 / 21 Pagina 18 / 21 Mywebshop dagelijks gebruik

10 Wijzig de inhoud tot u tevreden bent over het geheel. Valideer(Mywebshop interne keuken) de inhoud door te klikken op Website Admin => Valideer website 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. Wanneer het nodig is doet u weer wijzigingen aan uw test website tot het nieuwe resultaat u bevalt en activeert u de wijzigingen. En deze cyclus herhaalt u zo vaak u wenst. LET WEL OP: 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! Hoe zoek ik naar een oplossing voor mijn probleem U heeft een vraag voor dewelke u geen antwoord kan vinden: In de algemene handleiding; Op de help website Uw vraag is niet langer een vraag. 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. 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 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

11 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