Tutorial Axure voor Ontwerpen van Interactieve Producten

Maat: px
Weergave met pagina beginnen:

Download "Tutorial Axure voor Ontwerpen van Interactieve Producten"

Transcriptie

1 Deze handleiding is gebaseerd op Axure RP Pro 7.0. Een probeer-versie van Axure die 30 dagen werkt kan je downloaden via axure.com/download. Een permanente licentie is te verkrijgen via de docent. Axure is een hulpmiddel voor het maken van prototypes van oa. applicaties en websites. Je kan via de website axure.com/learn snel leren hoe het pakket werkt. Wij hebben als voorbeeld een Nederlandstalige tutorial gemaakt waarin we een eenvoudig prototype maken van een pinautomaat. De pinautomaat zou er bijv. uit kunnen zien als onderstaande afbeelding. Je kan het resultaat, de interactieve demo, hier bekijken en uitproberen. De focus van deze tutorial is het realiseren van de interactie, en niet op vormgeving of ergonomie. Voor het volgen van deze tutorial is geen kennis van Axure vereist. Deze tutorial behandeld echter niet alle mogelijkheden. Via axure.com/learn kan je meer leren als dat nodig is. 1

2 De handleiding bestaat uit tien stappen: 1. Maak het hoofd-display met een welkomsttekst Maak pas en sleuf en realiseer invoer van de pas in de sleuf Invoer PIN code Controle pincode Keuze bedrag Uitvoer van geld Stoppen na uitgifte geld en afbreken mogelijk maken Verkeerde interacties voorkomen Vormgeving interface Exporteren naar HTML Start Bij starten van Axure of bij het maken van een nieuw document worden drie pagina's gemaakt die je in de Sitemap aan de linkerkant ziet: Voor dit prototype gebruiken we maar 1 pagina, dus je mag Page 2 en 3 verwijderen door ze te selecteren en op Delete te drukken. Als je hulplijnen handig vindt bij het tekenen van vormen, kan je dit aanzetten via Arrange > Grid and Guides > Show Grid. Daar vindt je ook instellingen voor het grid. Via Create Guides kan je daar kolommen instellen die je helpen met de layout, bijv. een layout van 960 pixels breed met 12 kolommen. 2

3 Stap 1. Maak het hoofd-display: een Button Shape met een welkomsttekst en de naam "Maintext". We tekenen eerst de Button Shape: klik (met de linker muisknop) in de lijst met Widgets op Button Shape, houd de muisknop ingedrukt en sleep de Button Shape naar het tekengebied. Plaats de Button Shape bovenaan, zodat je genoeg ruimte er onder overhoudt voor het cijfer-panel etc. Door te trekken aan de puntjes kan je de grootte instellen, zie hier onder. Geef 'm ongeveer dezelfde afmetingen als onderstaande voorbeeld: in het grijze vlakje ernaast zie je de positie (x en y) en de afmetingen (w en h). Dubbelklik op de tekst "ACTION" om deze te wijzigen in "Welkom bij IO Bank, voer uw pas in aub.". De achtergrondkleur van de Button Shape maken we lichtblauw via het Fill Color icon in de werkbalk: 3

4 Via de instellingen voor het lettertype boven aan in de werkbalk kan je deze wijzigen: We gebruiken hier een Bold 18 punts Arial font. Eea. ziet er nu zo uit: Als laatste stellen we de naam van dit widget in op "Maintext". Zorg dat het widget is geselecteerd. Type de naam in het veld bij "Widget interactions and notes" aan de rechterkant. Sla je werk op door op Save regelmatig te doen. te klikken. Het is verstandig dit 4

5 Stap 2. Maak de pas en de sleuf voor de pas en realiseer invoer van de pas in de sleuf. We tekenen de pas en de sleuf, dit zijn beide Button Shape's. Plaats de pas helemaal aan de linker kant. Stel de breedte in op 70, pas de achtergrondkleur aan (Fill Color) en verander de tekst in "Pas". Plaats de sleuf rechts onder het hoofd-display, maak deze 20 pixels breder dan de pas, dus 90. Geef de widgets de naam "Pas" en "Sleuf". We gaan nu de interactie van de pas met de sleuf programmeren. Selecteer de pas. Dubbelklik bij "Widget interactions and notes" op "OnClick": De Case Editor verschijnt. Hier kunnen we beschrijven wat er moet gebeuren als er op het widget geklikt wordt. We noemen deze case "Pasinvoer". We gaan de pas verplaatsen, dus kiezen we "Move", "This Widget" en "To": 5

6 Om te zorgen dat de pas naar de sleuf beweegt, moeten we in plaats van (0,0) zorgen dat daar de positie van de sleuf komt. Klik daarvoor op "fx" achter de x-positie rechts onderin het scherm: Fx betekent dat we een functie gaan gebruiken voor het bepalen van die positie. We moeten om de positie van de sleuf te kunnen gebruiken, deze toevoegen als een lokale variabele. Klik op Add Local Variable, geef deze de naam "Sleuf", kies acher het = teken voor "Widget" en kies daar weer achter het widget "Sleuf". (we gaan ervan uit dat je de sleuf de naam "Sleuf" gegeven hebt!) Lokale variabelen zijn variabelen die alleen binnen een widget of interactie beschikbaar zijn. Globale variabelen zijn in de hele pagina of applicatie beschikbaar. Nadat je dit gedaan hebt kan je in het gedeelte erboven de positie opvragen. Als er al iets staat in het bovenste gedeelte, verwijder dat dan. Klik daar op Insert Variable or Function en kies de Local Variable "Sleuf": 6

7 Hierna staat er in het tekst veld: Maak hiervan: Hiermee wordt de waarde gelijk aan de waarde van de x-positie van de Sleuf plus 10 (pixels). De pas komt dan in het midden van de sleuf ((90-70)/2). Druk op Ok om de waarde op te slaan. Herhaal deze procedure voor de y-positie: Als je dit ook voor de y-positie hebt ingesteld kan je de Case Editor afsluiten met Ok. Als het goed is ziet de geprogrammeerde Widget interactie van de Pas er zo uit: We gaan dit nu testen. Druk op het Preview icon bovenaan in de werkbalk: Als het goed is wordt nu de pagina in een webbrowser getoond. Als je nu de Pas klikt, zal deze naar de sleuf toe bewegen: op 7

8 Er zijn nog een paar details die eea. mooier maken: De pas moet boven de sleuf komen, zodat het lijkt of deze er in zit. Dit doen we door deze naar de voorgrond te brengen. Klik de Pas aan met de rechter muisknop en kies Order, Bring to Front: De pas moet met een mooie animatie naar de sleuf toe bewegen. Dubbelklik op Move This to... bij de Interactions: En pas de animatie aan naar swing: Eindig met Ok. Sla het document op. Test eea. opnieuw in de browser (je hoeft dan niet weer op het Preview icon te klikken: na een Save kan je ook de browser verversen om de nieuwe versie te zien). 8

9 Tenslotte voegen we een tweede animatie toe die de pas in de gleuf laat verdwijnen. Zorg dat de pas geselecteerd is, dubbelklik bij Interactions op Pasinvoer om de Case Editor te starten. Kies voor Hide, This Widget en een Slide-up animatie van 1000ms (1 sec, dan is de animatie goed zichtbaar): En pas de tekst in het hoofd-display (Maintext) aan met de tekst: "Voer uw PIN code in aub. en druk op OK." Sluit de Case Editor met Ok en test de pagina in de browser. 9

10 Stap 3. Invoer PIN code. De pincode zal worden ingevoerd met cijfertoetsen die worden aangeklikt. Zie de knop hiernaast. Voeg eerst 1 toets van de cijfer toetsen toe. We maken deze helemaal af, en kopiëren hem daarna. Gebruik ook hiervoor de Button Shape. Stel de vormgeving in zoals jij vindt dat een cijfertoets er uit moet zien en maak van de tekst een "1". Geef de knop de naam "BtnPin". Omdat een knop een interactief element is, kan je bij de Interaction Styles bijvoorbeeld aangeven dat de knop moet oplichten als erop gedrukt wordt. De Interaction Style stel je in door de knop met de rechtermuisknop aan te klikken en Interaction Styles te kiezen. Hiernaast zie je hoe bij een MouseDown de Fill Color is ingesteld. Daarmee zal de knop lichtblauw worden als de muisknop wordt ingedrukt. We gaan nu een globale variabele toevoegen waarin de waarde van de ingevoerde pincode terecht komt. Een globale variabele is een variabele die overal in de hele pagina, in alle widgets en interacties, beschikbaar is. Selecteer de cijferknop (BtnPin). Dubbelklik onder Widget Interactions and Notes op OnClick om een Interactie te definiëren voor de BtnPin: Voeg in de Case Editor een regel toe om een variabele een waarde te geven ("Set Variable Value") en noem de Case "Opslag pincode" (zie volgende pagina). 10

11 Klik rechts boven op "Add variable" en voeg vervolgens de variabele toe via het groene plusje. Noem de variabele pincode_invoer en druk op Ok. Selecteer daarna de variabele om hem een waarde te kunnen gaan geven: We gaan nu een trucje doen om de waarde van de variabele pincode_invoer te vermeerderen met de waarde van de knop. De waarde van de knop staat op de knop, en is hetzelfde als de tekst op het widget. We doen dat op deze manier omdat we dan straks alleen maar de knoppen hoeven te kopiëren en de tekst op de knoppen hoeven aan te passen. We hoeven dan niet per knop de hele interactie opnieuw te programmeren. Druk in de Case Editor op fx: Druk op Add Local Variable en laat deze variabele definitie zoals deze is: 11

12 Hiermee krijgt de lokale variabele LVAR1 de waarde van de tekst op het widget (in dit geval "1"). Druk dan op Insert Variable or Function... en kies eerst de variabele pincode_invoer. Druk dan nogmaals op Insert Variable or Function... kies dan LVAR1: In het tekstveld er onder staat nu: Druk op Ok. Testen. Het kan ook handig zijn om te kunnen zien wat de ingevoerde waarde van bijvoorbeeld de pincode is. Voeg daarvoor een Label toe. Plaats het helemaal aan de linkerkant, bijvoorbeeld onder de pas. Geef het Label als Shape Name "DebugPIN" en stel de tekst in: We voegen nu een tweede actie toe aan de cijferknop (BtnPin) waarmee we de ingevoerde pincode in het label "DebugPIN" weergeven. Dit gebruiken we om te testen: hiermee geven we de ingevoerde pincode weer op het scherm en kunnen daarmee zien of de invoer correct verloopt. 12

13 Via de fx-knop stellen we de waarde in op: Sluit af door twee keer op Ok te klikken en test de pagina in de browser. Als het goed is wordt als je op de 1-knop drukt de getoonde pincode vermeerderd met 1. We kunnen nu de gemaakte knop kopiëren, in de gewenste layout plaatsen en de teksten op de toetsen aanpassen: Test de pagina opnieuw. Wordt de pincode goed weergegeven? Met wat je nu geleerd hebt zou je zelf een correctie-toets toe kunnen voegen, die de ingevoerde pincode wist zodat opnieuw begonnen kan worden. Denk eraan dat hiervoor twee acties nodig zijn: het leegmaken van de variabele pincode_invoer en het (opnieuw) weergeven van de waarde in het label DebugPIN. Er mag geen pincode ingevoerd worden als de pas nog niet is ingevoerd. Daarom kan je de pincode wissen (leeg maken) nadat de pas is ingevoerd. De interactie daarvoor kan je toevoegen aan de pas. 13

14 Stap 4. Controle pincode. We voegen eerst twee knoppen toe onderaan naast het hoofd-display, 1 voor Afbreken/Stoppen en een Ok-knop. Ook voegen we Labels toe die op het scherm worden weergegeven: Noem de linker knop BtnScrn4 en de rechter BtnScrn8 (er komen straks meer knoppen boven). Noem de Labels LblStop en LblOk. Denk ook aan het instellen van de Interaction Style. We zorgen ervoor dat de Labels pas zichtbaar worden als er om een pincode wordt gevraagd. Onder het tekengebied kunnen we Page Interactions instellen. Hier stellen we in dat bij het laden van de pagina de labels verborgen worden. Dubbelklik op OnPageLoad: Noem de Case "Instellen bij laden pagina". Selecteer onder Widgets "Hide" en selecteer beide widgets LblStop en LblOk. Sluit af met Ok. Selecteer nu de pas. Dubbelklik bij Interactions op Pasinvoer en zorg dat de widgets LblStop en LblOk hier weer met "Show" zullen worden weergegeven. Nu kunnen we als op de Ok-knop wordt gedrukt de pincode gaan controleren. Selecteer de Ok-knop (BtnScreen8) en dubbelklik bij Interactions op "OnClick" om de Case Editor te starten. Noem de Case "PinCheck". Druk op de knop Add Condition: In de Condition Builder die dan verschijnt stel je de conditie in zodat gecontroleerd wordt of de waarde van de variabele pincode_invoer gelijk is aan "1234". We gebruiken hier (voor de demo) de waarde "1234" als goede waarde voor de pincode. Druk op Ok om de Condition Builder af te sluiten. De volgende actie die we toevoegen wordt dus alleen uitgevoerd als de conditie waar is (dus als de pincode de goede pincode is). Deze actie is het starten met het kiezen van het te pinnen bedrag. We geven hier alleen de nieuwe tekst weer in het hoofd-display. De rest wordt in de volgende stap uitgelegd. 14

15 De actie die we moeten toevoegen is het weergeven van de tekst "Kies bedrag en druk op Ok.". Dit doen we met een "Set Text" actie: Als de ingevoerde pincode niet juist was, geven we de boodschap "PIN was incorrect. Probeer opnieuw." weer en wordt de variabele pincode_invoer weer leeg gemaakt. Let op: hiervoor voegen we een nieuwe Case toe aan de Ok-knop (Btnscreen8) door met de rechter muisknop op OnClick te klikken: Dit wordt dan automatisch een "else" conditie: Met de conditie "Else If True" zeg je dus dat als de vorige conditie niet waar was, je deze conditie gaat uitvoeren (net als met een if ()... else... statement in Java). In deze case stellen we de Maintext in met de juiste boodschap en maken we de variabele pincode_invoer leeg (dit laatste wordt niet weergegeven hierboven). De totale interactie voor de Ok-knop (BtnScreen8) ziet er dan zo uit: 15

16 Test de pagina voor je verder gaat. 16

17 Stap 5. Keuze bedrag. Voor het mogelijk maken van het kiezen van een vast bedrag voegen we de resterende knoppen en labels toe. Maak voordat je dit doet eerst 1 knop inclusief de interacties, bijvoorbeeld de knop waarmee het bedrag 20 gekozen wordt: Noem deze BtnScreen1 en geef 'm als tekst "20". We gaan deze tekst in een globale variabele stoppen. De tekst wordt later verborgen, want van een pinautomaat zijn de knoppen naast het scherm niet voorzien van tekst. Selecteer de knop BtnScreen1 en dubbelklik bij Interactions op OnClick. Zie afbeelding hier onder. Stel de Case Name in en kies Set Variable Value. Maak via Add variable een nieuwe globale variabele en noem deze "bedrag". Druk op fx, maak een local variable met als waarde 'text on widget' en insert die bij Insert Variable or Function. (Deze procedure is bij stap 3 uitgebreid uitgelegd voor de pincode) Voeg nu aan de actions nog een actie toe die in het hoofd-scherm (Maintext) het gekozen bedrag weergeeft: 17

18 Voeg nu de overige knoppen toe, door deze te kopiëren van BtnScreen1. Geef elke knop als tekst het bijbehorende bedrag. Dus de tweede knop krijgt de tekst "50", de 3e "70", enz. Maak daarna deze tekst onzichtbaar door deze 6 knoppen te selecteren en bij de teksteigenschappen de fontkleur 'geen kleur' te kiezen: Eea. ziet er dan zo uit: 18

19 Geef de twee nieuwe knoppen aan de linkerkant de namen BtnScreen2 en 3, en die aan de rechter kant BtnScreen5 tm. 7. Geef ook alle labels zinvolle namen, bijvoorbeeld het label "20" Lbl20 enz. Zorg ervoor dat alle labels bij de Page Interactions, OnPageLoad verborgen worden. Bij de Ok-knop (BtnScreen8) moeten we nu nog zorgen dat de labels van de bedragen weer zichtbaar worden. Selecteer de knop en dubbelklik op de PinCheck case. Kies Show en selecteer de zes labels Lbl20 tm. Lbl200. Test of het gekozen bedrag wordt weergegeven. 19

20 Stap 6. Uitvoer van geld. Als nu op de Ok knop gedrukt wordt, hebben we een probleem, de interacties die daar aan hangen zijn nog van het invoeren van de pincode. We kunnen onderscheid maken tussen deze twee fasen in het proces door te kijken naar de variabele bedrag. Heeft deze een waarde (groter dan nul), dan zitten we in de fase voor uitvoer van het geld. We gaan daarom na de fase daarvoor (invoer pin) de variabele bedrag op nul zetten. Selecteer de Ok-knop (BtnScreen8) en voeg bij zowel de PinCheck als de PinFout interacties een actie toe die de globale variabele bedrag op nul zet: Nu kunnen we aan deze knop een nieuwe Case toevoegen die als conditie heeft 'als waarde bedrag > 0'. Is dat het geval, dan zijn we in de fase voor het uitvoeren van het geld beland. Klik op OnClick met de rechter muisknop en kies Add Case: Stel de case in zoals hieronder weergegeven. Druk op Add Condition om de conditie in te stellen. Geef in het hoofd-display de melding "Uitgifte geld...". Sluit de Case Editor. De volgorde van de Cases klopt nu niet. Pas deze aan door de nieuwe Case "Uitgifte geld" naar boven te verplaatsen. Dat kan door deze aan te klikken met de rechter muisknop en Move Case Up te kiezen. Klik de Case nu hij bovenaan staat nogmaals aan met de rechter muisknop en kies "Toggle IF/ELSE IF". Hiermee maak je het complete if-statement kloppend. Zie afbeelding hier onder. 20

21 We kunnen nu een animatie maken van een biljet dat uit een sleuf komt. Kopieer de sleuf van de pasinvoer en noem deze SleufUitgifte. Maak 'm iets breder. Plaats nu een nieuwe Button Shape in deze sleuf en zorg dat die op een bankbiljet lijkt: Geef de nieuwe Button Shape de naam "Biljet". Zorg dat het biljet verborgen wordt als de pagina geladen wordt (bij Page Interactions, OnPageLoad). Selecteer de Ok-knop (BtnScreen8) en dubbelklik op de Case "Uitgifte geld". Voeg daar een actie toe die "Biljet" toont (Show) met een Slide down-animatie van 1000ms. Voeg nog een actie toe die de waarde van het gekozen bedrag op het biljet laat zien. Dat kan door een Set Text te doen, met een waarde (via de fx knop) van de globale variabele bedrag. De actie Uitgifte geld komt er dan bijvoorbeeld zo uit te zien: 21

22 Stap 7. Stoppen na uitgifte geld en afbreken mogelijk maken. We laten nadat de animatie van de gelduitgifte klaar is na een korte wachttijd de interface terugkeren naar de uitgangssituatie. Selecteer de Ok-knop (BtnScreen8) en dubbelklik op de Case "Uitgifte geld". Voeg in de Case Editor een actie toe om te wachten, deze staat helemaal onderaan in de lijst met acties onder het kopje "Miscellaneous". Stel de wachttijd in op 5 seconden: dat is 5000 ms. Om terug te gaan naar de uitgangssituatie kunnen we de pagina weer terugbrengen in de oorspronkelijke staat, door een Reload van de pagina te doen. Dat kan door een link te openen in het huidige window. De actie daarvoor kan je vinden onder Links, Open link: Druk op Ok om de Case op te slaan en test of na 5 seconden de interface terug gaat naar de uitgangssituatie. Als je nadat is teruggegaan naar de uitgangssituatie direct op de Ok-knop drukt, zal je zien dat er direct geld uitgegeven wordt... dat is natuurlijk niet de bedoeling. Dit komt omdat de globale variabelen nog hun waarde hebben. We gaan die dus in de begin situatie een waarde geven. Dat kan bij de Page Interactions: 22

23 Dubbelklik daar op "Instellen bij laden pagina" om de Case Editor te openen. Voeg daar de actie "Set Variable Value" toe, kies de variabele bedrag en geef deze de waarde "0" (nul). Stel op dezelfde manier de variabele pincode_invoer in met een lege waarde (niets invullen bij value): Hiermee zou als het goed is een verkeerde uitgangssituatie moeten worden voorkomen. Als je dit test zie je dat het nog mogelijk is om op de Ok-knop te drukken: je krijgt dan de melding dat de pincode incorrect is. We gaan dit probleem in de volgende stap oplossen. Tot nu toe hebben we niets gedaan met de knop Afbreken/Stoppen. Een simpele invulling hiervan is dat wordt teruggegaan naar de uitgangssituatie. Dit hebben we net gedaan als afsluiting na de uitgifte van het geld. Voeg nu dezelfde Reload-actie toe aan de knop voor het Afbreken/Stoppen. Selecteer de knop (BtnScreen4) en dubbelklik op OnClick bij de Widget Interactions en voeg een Reload-actie toe net als hierboven. 23

24 Stap 8. Verkeerde interacties voorkomen. Zoals in de vorige stap is gemerkt kan het voorkomen dat ergens op geklikt kan worden terwijl dat (nog) niet de bedoeling is. We hebben dat al deels opgelost door te zorgen dat variabelen bij het starten een goede waarde hebben en waardes worden gecontroleerd. Het aanklikken van widgets die eigenlijk nog niet gebruikt mogen worden kan je daar echter niet mee voorkomen. Een oplossing hiervoor is om zo'n widget bij het starten op disabled zetten, en het pas te enabelen als het widget gebruikt mag worden. We doen dit voor de Ok-knop (BtnScreen8): Klik dit widget aan met de rechter muisknop en kies Disabled: Vervolgens zorgen we dat de knop weer enabled wordt na invoer van de pas: Selecteer de pas. Dubbelklik op Pasinvoer bij de Interactions. Kies bij de actions onder Widgets, Enable/Disable voor "Enable" en kies aan de rechterkant de knop BtnScreen8. 24

25 Stap 9. Vormgeving interface. We voegen nog een kader toe waarmee we iets duidelijker maken dat de interface een geheel vormt. Ook voegen we een logo toe. Teken een Rectangle om de hele automaat heen en zet deze in de achtergrond via het rechter muisknop menu: Order, Send to Back. Verzorg de opmaak van dit kader door bijvoorbeeld achtergrond kleur, rand en afronding van de hoeken in te stellen. Je kan bijvoorbeeld een kleurverloop gebruiken als Fill Color zoals hiernaast afgebeeld. Via de uitgebreide eigenschappen onder Widget Properties and Style rechts onderin kan je bijv. ook nog de Corner Radius instellen om het kader afgeronde hoeken te geven. Zie de schermafbeelding op de volgende pagina. 25

26 We voegen nog een plaatje toe als logo van de automaat. Sleep een Image naar de plek waar je het wil hebben. Dubbelklik om het bestand te openen waarin het plaatje staat. Daarna wordt gevraagd of je autosize wil gebruiken. Kies je Yes, dan wordt de afbeelding in zijn originele grootte in de pagina gezet. Kies je Nee, dan blijft de afbeelding zo groot als die was, en wordt het plaatje geschaald. Een voorbeeld van het eindresultaat: 26

27 Stap 10. Exporteren naar HTML. Via Publish, Generate HTML Files kan je de gemaakte pagina als HTML file opslaan. Hierna kan je de pagina(s) bijvoorbeeld op een website publiceren (je moet dan de hele map met gegenereerde bestanden uploaden). Ook kan dit handig zijn om de pagina op deze manier aan gebruikers of testers aan te bieden. De pagina met de pinautomaat kan je vervolgens terugvinden in home.html. Mocht je deze pagina scherm vullend willen weergeven dan kan dat met de F11 toets van de browser. Als je verder wil met de HTML-code kan je alle widgets gemakkelijk terugvinden in de HTML code, de namen van de widgets zijn namelijk terug te vinden als commentaar en hebben het HTML attribuut data-label: 27

Augustus& Handleiding - Publisher Tool 3

Augustus& Handleiding - Publisher Tool 3 Augustus& 15 16 Handleiding - Publisher Tool 3 Inhoudsopgave 1. Welkom... 3 1.1 Inloggen... 3 1.2 Dashboard... 4 2. Boeken... 5 2.1 Boeken aanmaken... 5 2.2 Het bewerken van boekinformatie.... 7 3. Verrijkingen...

Nadere informatie

Foto s verkleinen en Foto s in elkaar over laten lopen

Foto s verkleinen en Foto s in elkaar over laten lopen Foto s verkleinen en Foto s in elkaar over laten lopen Een foto, ergens op uw computer Open een de map van bestanden voor de website, of maak deze eerst aan. Open de te gebruiken foto met het volgende

Nadere informatie

1 BUSINESS INTERNET SUPPORT

1 BUSINESS INTERNET SUPPORT Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet

Nadere informatie

De tekstverwerker. Afb. 1 de tekstverwerker

De tekstverwerker. Afb. 1 de tekstverwerker De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de

Nadere informatie

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl Frontpage 2003 Jouw vak op het leerlingenweb E.M. van Nieuwaal Copyright 2008 http://cursus.anguillanova.nl Inleiding... 3 1. Ontwerp een sitemap... 4 2. Index.htm... 4 3. Nieuwe pagina s maken... 7 4.

Nadere informatie

Snel aan de slag met BasisOnline en InstapInternet

Snel aan de slag met BasisOnline en InstapInternet Snel aan de slag met BasisOnline en InstapInternet Inloggen Surf naar www.instapinternet.nl of www.basisonline.nl. Vervolgens klikt u op de button Login links bovenin en vervolgens op Member Login. (Figuur

Nadere informatie

Fotografie Sophie Berten Zeelaan 74 8660 De Panne 058/62 45 46 www.fotogeniek.net sophie@fotogeniek.net. Fotogeniek - Creative photos Handleiding

Fotografie Sophie Berten Zeelaan 74 8660 De Panne 058/62 45 46 www.fotogeniek.net sophie@fotogeniek.net. Fotogeniek - Creative photos Handleiding Fotografie Sophie Berten Zeelaan 74 8660 De Panne 058/62 45 46 www.fotogeniek.net sophie@fotogeniek.net Fotogeniek - Creative photos Handleiding Inhoudsopgave FOTOGENIEK - CREATIVE PHOTOS HANDLEIDING...

Nadere informatie

193 Albelli/Hema Windows

193 Albelli/Hema Windows www.sencomp.nl 193 Albelli/Hema Windows laatst gewijzigd 25 oktober 2012 Uw keuze voor het maken van een fotoalbum is Albelli of Hema. Deze cursus bestaat uit 5 delen. Indien u gekozen heeft voor Hema

Nadere informatie

Korte handleiding GoTalk NOW voor ipad

Korte handleiding GoTalk NOW voor ipad Korte handleiding GoTalk NOW voor ipad 1 2 3 4 5 6 Als je de app opent zie je 7 knoppen: 1. GoTalk now logo: Als je hierop klikt kan je van de ene naar de andere ipad bladen overzetten (binnen een Wifi-netwerk).

Nadere informatie

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

Nadere informatie

Mei. Handleiding - Publisher Tool 1

Mei. Handleiding - Publisher Tool 1 Mei 15 Handleiding - Publisher Tool 1 Inhoudsopgave 1. Welkom... 3 1.1 Inloggen... 3 1.2 Dashboard... 4 2. Boeken... 5 2.1 Boeken aanmaken... 5 2.2 Het bewerken van boekinformatie.... 7 3. Verrijkingen...

Nadere informatie

GoTalk Now voor ipad. Korte Nederlandstalige handleiding. aangeboden door www.praatapps.nl

GoTalk Now voor ipad. Korte Nederlandstalige handleiding. aangeboden door www.praatapps.nl GoTalk Now voor ipad Korte Nederlandstalige handleiding aangeboden door www.praatapps.nl START 1 2 3 4 5 6 7 (naam) (naam) Als je de app opent zie je 7 knoppen: 1. GoTalk now logo: Als je hierop klikt

Nadere informatie

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien. Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te

Nadere informatie

Handleiding voor bloemenboek (open boek)- PP 2007

Handleiding voor bloemenboek (open boek)- PP 2007 Handleiding voor bloemenboek (open boek)- PP 2007 1. Raster en hulplijnen Klik met rechter muisknop in een lege dia Klik in het afrolmenu op Raster en hulplijnen en stel onderstaande eigenschappen in 2.

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

Badge it. Inhoudsopgave. 1. Installatie... 3

Badge it. Inhoudsopgave. 1. Installatie... 3 Badge it voor Windows 95/98/NT/2000/XP Inhoudsopgave 1. Installatie... 3 2. Start... 4 2.1. Nieuwe database maken... 5 2.2. De geselecteerde database openen... 5 2.3. De naam van de geselecteerde database

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

Factuur Lay-out / Factuur Template

Factuur Lay-out / Factuur Template Factuur Lay-out / Factuur Template In i-reserve is het mogelijk facturen te verzenden. De facturen worden als pdf bijlage per e-mail naar de klant verzonden. In deze tutorial wordt beschreven hoe u een

Nadere informatie

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren Inleiding Voor u ziet u de handleiding van TYPO3 van Wijngaarden AutomatiseringsGroep. De handleiding geeft u antwoord geeft op de meest voorkomende vragen. U krijgt inzicht in het toevoegen van pagina

Nadere informatie

Handleiding Websitebeheer

Handleiding Websitebeheer Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina

Nadere informatie

Central Station. CS website

Central Station. CS website Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken

Nadere informatie

ICT -idee 1. Umapper: Maak je eigen landkaart met toegevoegde informatie.

ICT -idee 1. Umapper: Maak je eigen landkaart met toegevoegde informatie. 1 Umapper: Maak je eigen landkaart met toegevoegde informatie. Umapper maakt het mogelijk om een eigen tintje te geven aan aardrijkskundige kaarten, ze te voorzien van informatie en ze interactief te maken.

Nadere informatie

Handleiding bij de onderhoudsmodule van de Hermes CMS website.

Handleiding bij de onderhoudsmodule van de Hermes CMS website. Handleiding bij de onderhoudsmodule van de Hermes CMS website. Voor wie? U wilt uw bedrijf professioneel voor stellen? U wenst uw website graag zelf te onderhouden? U wenst het budget laag te houden? Wat?

Nadere informatie

Comic Life: Maak een fotostrip in de klas

Comic Life: Maak een fotostrip in de klas Comic Life: Maak een fotostrip in de klas Wat ga je doen? Je gaat een fotostrip maken met het programma Comic Life. Hiermee kun je gemakkelijk je eigen verhaal construeren. In het programma kun je per

Nadere informatie

Handleiding Wordpress CMS 4-5-2015

Handleiding Wordpress CMS 4-5-2015 Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.

Nadere informatie

Handleiding CrisisConnect app beheersysteem

Handleiding CrisisConnect app beheersysteem Handleiding CrisisConnect app beheersysteem Inhoudsopgave 'Welkom bij de handleiding van de CrisisConnect app' 1. Start 1.1. Vereisten gebruik 1.2. Inloggen 1.3. Wachtwoord wijzigen 2. Vullen 2.1 Dossiers

Nadere informatie

!!!!!!!!!!!! Handleiding website! VV Den Ham

!!!!!!!!!!!! Handleiding website! VV Den Ham Handleiding website VV Den Ham versie 1.1 1 van 26 " Stand Template Team foto s Template Team Template " Spelers Template Topscorers Template 9 van 26 6.5 Download template De download pagina bestaat uit

Nadere informatie

1 van 8 22-2-2012 20:43

1 van 8 22-2-2012 20:43 1 van 8 22-2-2012 20:43 Garmin Basecamp is een gratis software programma van Garmin. Het vergelijkbaar met mapsource, echter met de nieuwe toestellen (oregon, dakota en gpsmap 62) heeft het een aantal

Nadere informatie

Handleiding. Beheeromgeving

Handleiding. Beheeromgeving Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3

Nadere informatie

Dit is een artikel uit de Peter van Olmen serie: Handleidingen Voor Iedereen AUDACITY HANDLEIDING. Voor audacity versie 1.2.6

Dit is een artikel uit de Peter van Olmen serie: Handleidingen Voor Iedereen AUDACITY HANDLEIDING. Voor audacity versie 1.2.6 AUDACITY HANDLEIDING Voor audacity versie 1.2.6 Inhoudsopgave 1.1: Installatie 1.2: Mp3 bestanden mogelijk maken 2.1: Een bestand openen 2.2: Uitleg knoppen 2.3: Een deel selecteren 2.4: Verwijderen 2.5:

Nadere informatie

Wat zijn de verschillen tussen SPSS 9 en SPSS 10?

Wat zijn de verschillen tussen SPSS 9 en SPSS 10? Wat zijn de verschillen tussen SPSS 9 en SPSS 10? 1.1 De data-editor / het definiëren van variabelen 1.2 Het openen van bestanden 1.3 Output lezen 1.4 Mogelijke problemen 1.1.1 De data-editor Het grootste

Nadere informatie

Handleiding wordpress

Handleiding wordpress Handleiding wordpress Wordpress versie 3.0.4 Handleiding versie 1.1 Auteur Website Geert Hoekzema www.geerthoekzema.nl www.geerthoekzema.nl geert@geerthoekzema.nl 1 Inhoudsopgave Inleiding... 3 Beginnen

Nadere informatie

File: M.Peters / Powerpoint 1

File: M.Peters / Powerpoint 1 PowerPoint 2003. File: M.Peters / Powerpoint 1 Een PowerPoint presentatie maken. Met behulp van een diapresentatie kun je een groep mensen informatie geven over een bepaald onderwerp of product. Een voorbeeld:

Nadere informatie

U ziet de progressie van de download aan de groene blokjes in het balkje helemaal onder aan de pagina.

U ziet de progressie van de download aan de groene blokjes in het balkje helemaal onder aan de pagina. Gegevens exporteren en bewerken vanuit GRIEL Stap 1. Selecteer de juiste gegevens en download deze 1. Stel het datumfilter in op de gewenste periode. Druk op ververs. 2. Maak met behulp van het filter

Nadere informatie

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan. RV SiteBuilder openen Log in op je controlepaneel met de gegevens die je van ons hebt ontvangen. Eens ingelogd, klik je helemaal onderaan, in de sectie Software/Services, op het RV SiteBuilder icoontje.

Nadere informatie

Bewerk uw eigen Digibordbij boek

Bewerk uw eigen Digibordbij boek Bewerk uw eigen Digibordbij boek Naast de presentatie van schoolboeken in het Digibordbij systeem is het voor leraren ook mogelijk aanpassingen te maken in de digitale boeken. De leraar kan via een aparte

Nadere informatie

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1

Nadere informatie

Algemene basis instructies

Algemene basis instructies Inhoud: Algemene basis instructies... 2 Pictogrammen en knoppen... 2 Overzicht... 3 Navigeren (bladeren)... 3 Gegevens filteren... 4 Getoonde gegevens... 5 Archief... 5 Album... 5 Tabbladen en velden...

Nadere informatie

Hoe moet je een prachtige presentatie maken?

Hoe moet je een prachtige presentatie maken? Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven

Nadere informatie

Handleiding ESS na de upgrade People Inc. versie 3.5.0

Handleiding ESS na de upgrade People Inc. versie 3.5.0 Handleiding ESS na de upgrade People Inc. versie 3.5.0 I Handleiding ESS na de upgrade People Inc. versie 3.5.0 Inhoudsopgave Hoofdstuk 1 1 1.1 ESS... Iconen selecteren 1 1.2 ESS... Inlog scherm tekst

Nadere informatie

Trippeltrap Content Management System

Trippeltrap Content Management System Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.

Nadere informatie

www.seniorencomputerlessen.nl 199 Kruidvat

www.seniorencomputerlessen.nl 199 Kruidvat www.seniorencomputerlessen.nl 199 Kruidvat laatst gewijzigd 27 oktober 2012 Uw keuze voor het maken van een fotoboek met software van Kruidvat. Deze cursus bestaat uit 5 delen. Deel 1 Foto's voor uw fotoboek

Nadere informatie

Game Maker: Avonturier en skelet

Game Maker: Avonturier en skelet Wat is avonturier en skelet? is een eenvoudig kat en muis spelletje, waarbij de avonturier het skelet moet vinden. Het spel speelt zich af in een raster van 7 bij 7 waarin beide poppetjes staan: Iedere

Nadere informatie

Handleiding www.chiromeisjeszwaneven.be (v2).

Handleiding www.chiromeisjeszwaneven.be (v2). Handleiding www.chiromeisjeszwaneven.be (v2). Agenda Ga naar www.chiromeisjeszwaneven.be/admin en kies voor agenda. Log in met je gebruikersgegevens van het admingedeelte van de agenda. Pagina na het inloggen:

Nadere informatie

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS

Handleiding CMS Online Identity Webontwikkeling. Handleiding CMS Handleiding CMS 1 Inhoudsopgave 1. Inloggen... 3 2. Het CMS... 3 3. Websitecontent... 4 3.1 Een nieuwe pagina toevoegen... 4 3.2 Een pagina wijzigen... 4 3.3 Een pagina verwijderen... 5 4. De WYSIWYG editor...

Nadere informatie

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager, Handleiding Dododent Beste tandarts of praktijkmanager, Hartelijk dank voor de aanschaf van een website bij Dodoworks. Hieronder volgt een uitgebreide handleiding van het Dododent systeem waarmee de website

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

Om het Elektronica thema te installeren gaat u naar Theme Store in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden. Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in

Nadere informatie

Handleiding Concrete5 website. Outbound Media

Handleiding Concrete5 website. Outbound Media Handleiding Concrete5 website Outbound Media In deze handleiding behandelen we de basis benodigdheden om uw website up-to-date te kunnen houden. We behandelen: Inloggen editen (bewerken) van tekst een

Nadere informatie

Als je geen email-adres hebt kun je bij Google een gmail account aan maken. Als je niet weet hoe dat moet klik dan op: Gmail account aanmaken

Als je geen email-adres hebt kun je bij Google een gmail account aan maken. Als je niet weet hoe dat moet klik dan op: Gmail account aanmaken Om het online programma te kunnen gebruiken het je een account nodig. Wat heb je nodig om een account voor Photo Collage te kunnen aanmaken: Username (gebruikersnaam) Email account Password (wachtwoord

Nadere informatie

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4 Handleiding CMS Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen

Nadere informatie

Webonderdelen (Web Parts)

Webonderdelen (Web Parts) Webonderdelen (Web Parts) Een SharePoint pagina is opgedeeld in een aantal zones op het scherm. In elke zone kunnen Webonderdelen, veelal Web Parts genoemd, geplaatst worden. Deze Web Parts zijn kleine

Nadere informatie

Handleiding om uw website/webshop aan te passen

Handleiding om uw website/webshop aan te passen Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een

Nadere informatie

Greet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.

Greet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord. Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres

Nadere informatie

Admin handleiding. Essentius Dropbox handleiding. Pagina 1

Admin handleiding. Essentius Dropbox handleiding. Pagina 1 Admin handleiding Dropbox kun je vanaf elke computer met een internetverbinding gebruiken. Met behulp van een e- mailadres maak je je eigen dropbox aan. Dropbox stelt gratis 2 gb opslagruimte ter beschikking,

Nadere informatie

Inhoud. Digitale instructiefilms ontworpen door Monique Gruijthuijzen, docent bij Bedrijfscommunicatie. Pagina 1

Inhoud. Digitale instructiefilms ontworpen door Monique Gruijthuijzen, docent bij Bedrijfscommunicatie. Pagina 1 Inhoud voorbereiding... 2 hulplijnen toevoegen... 2 tekstkader voor voettekst en paginanummer... 3 paginanummer toevoegen:... 3 spatie toevoegen... 3 tekstvak (in cel linksonder) naar rechts kopiëren...

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. Versie 2.2 - juni 2014. Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Handleiding. HetSchoolvoorbeeld.nl. Versie 2.2 - juni 2014. Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld. HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding Versie 2.2 - juni 2014 Meest recente uitgave: www. hetschoolvoorbeeld.nl/handleiding Handleiding HetSchoolvoorbeeld 2.2 Pagina 1 Inhoud Inhoud

Nadere informatie

Nieuw arrangement maken.

Nieuw arrangement maken. Nieuw arrangement maken. Ga naar mijn arrangementen overzicht en klik op de button Nieuw arrangement. Geef het arrangement een titel en maak een korte omschrijving. Na OK' kom je in het onderstaande werkblad,

Nadere informatie

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: 1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina

Nadere informatie

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login

Nadere informatie

Handleiding Content Management Systeem

Handleiding Content Management Systeem Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne

Nadere informatie

UM - FdGW 1. ontwikkelde handleiding over het gebruik van MS Word voor het werken aan portfolio-websites.

UM - FdGW 1. ontwikkelde handleiding over het gebruik van MS Word voor het werken aan portfolio-websites. Handleiding WORD Elektronisch Portfolio UM - FdGW 1 1 Deze handleiding is een bewerking van de binnen de Faculteit Geneeskunde van de Universiteit Maastricht ontwikkelde handleiding over het gebruik van

Nadere informatie

HANDLEIDING DOIT BEHEER SYSTEEM

HANDLEIDING DOIT BEHEER SYSTEEM HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde

Nadere informatie

Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen...

Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen... Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen... 4 Bewerken formulier in formulierbeheer... 4 Bewerken formulier -

Nadere informatie

Inhoud. 1 Starten 1. 2a Maken van een nieuw document 2. 2b Verder gaan met een opgeslagen document 3. 3 Mogelijkheden 4

Inhoud. 1 Starten 1. 2a Maken van een nieuw document 2. 2b Verder gaan met een opgeslagen document 3. 3 Mogelijkheden 4 Inhoud 1 Starten 1 2a Maken van een nieuw document 2 2b Verder gaan met een opgeslagen document 3 3 Mogelijkheden 4 3a Autoflow of handmatig inslepen 6 Handleiding Wanneer je deze handige tips doorneemt

Nadere informatie

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1 Inhoudsopgave Toevoegen nieuw artikel, of wijzigen...3 Extra web-functionaliteit...4 toevoegen van een foto/plaatje...4 toevoegen

Nadere informatie

Legal Eagle Agenda handleiding versie 2.8 december 2007

Legal Eagle Agenda handleiding versie 2.8 december 2007 Legal Eagle Agenda handleiding versie 2.8 december 2007 Algemeen... 2 Afspraken... 6 Synchroniseren... 6 Synchroniseren... 7 Export... 8 Filters... 9 * Er kan niet met Outlook Express gesynchroniseerd

Nadere informatie

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop). FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

Handleiding online Factsheetmodule

Handleiding online Factsheetmodule Handleiding online Factsheetmodule Sportvissers hebben eigenlijk maar twee dingen nodig: goed viswater en een goede visstand. De zorg voor goed viswater met een goede visstand is dan ook de belangrijkste

Nadere informatie

GameMaker TUT: Doolhof

GameMaker TUT: Doolhof GameMaker TUT: Doolhof Deze tutorial (TUT) is bedoel voor mensen die nog nooit met GameMaker gewerkt hebben. We gaan een simpele game maken, waarbij het de bedoeling is een poppetje uit een doolhof te

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

196 CEWE *)zie einde les

196 CEWE *)zie einde les www.sencomp.nl 196 CEWE *)zie einde les laatst gewijzigd 29 oktober 2012 Uw keuze voor het maken van een fotoboek met CEWE. Deze cursus bestaat uit 5 delen.indien u gekozen heeft voor Hema lees Hemafotoboek

Nadere informatie

Hoofdstuk 2 Basistraining Templates I

Hoofdstuk 2 Basistraining Templates I Hoofdstuk 2 Basistraining Templates I Blocks maken in PDF Velden samenstellen Masks Afbeeldingskaders Achtergrond afbeeldingen Tabposities Installatie Plugin Oefeningen pagina - 1 Invul velden en samengesteld

Nadere informatie

Downloaden beveiligingscertificaat BRON Voor Windows versies vanaf Windows Vista

Downloaden beveiligingscertificaat BRON Voor Windows versies vanaf Windows Vista BRON Voor Windows versies vanaf Windows Vista DUO 137a/Versie 0.6 26 juni 2014 Inhoud 1. INLEIDING 3 2. VOORBEREIDING 4 3. DOWNLOADEN VAN HET BEVEILIGINGSCERTIFICAAT 5 3.1 TOEVOEGEN WEBSITE IB-GROEP.NL

Nadere informatie

Handleiding teksteditor

Handleiding teksteditor In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.

Nadere informatie

WebQuest / WebKwestie. met Word 2003. www.webkwestie.nl

WebQuest / WebKwestie. met Word 2003. www.webkwestie.nl WebQuest / WebKwestie met Word 2003 www.webkwestie.nl Een WebQuest / WebKwestie maken in Word 2003 Belangrijk is dat alle pagina s en afbeeldingen die u gebruikt in één map worden opgeslagen. Download

Nadere informatie

Handleiding voor bloemenboek (open boek)- PP 2010

Handleiding voor bloemenboek (open boek)- PP 2010 Handleiding voor bloemenboek (open boek)- PP 2010 Belangrijk!!! De 2 animaties "Samenvouwen" en "Uittrekken", die nodig zijn om het boek te maken, ontbreken in de versie PP 2010. Daarom is het nodig dat

Nadere informatie

Het scherm is verdeeld in enkele blokken.

Het scherm is verdeeld in enkele blokken. Log in op de achterkant van de website door naar http://www.cbs-sjaloomschool.picto.nl/joomla/administrator te gaan. Ingelogd zie je dit controle paneel. Je ziet het hoofdmenu van het beheerdersaccount.

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

HANDLEIDING INFOGRAPHIC SOFTWARE Versie 2.3 / jan 2014

HANDLEIDING INFOGRAPHIC SOFTWARE Versie 2.3 / jan 2014 HANDLEIDING INFOGRAPHIC SOFTWARE Versie 2.3 / jan 2014 Inhoudsopgave 1. Inleiding... 3 2. Systeemvereisten... 3 3. Installeren van de software... 4 4. Programma instellingen... 5 5. Importeren van een

Nadere informatie

PDF XCHANGE EDITOR Waarom PDF XHCANGE Editor?

PDF XCHANGE EDITOR Waarom PDF XHCANGE Editor? PDF XCHANGE EDITOR PDF XHCANGE editor is een programma om PDF bestanden te lezen en te bewerken. Deze handleiding is geschreven voor versie 5.5 van PDF XCHANGE editor. Als je een andere versie gebruikt

Nadere informatie

Game Maker 6.1. Sprite up your life with Gamemaker. Hoofdstuk 1.2

Game Maker 6.1. Sprite up your life with Gamemaker. Hoofdstuk 1.2 Game Maker 6.1 Sprite up your life with Gamemaker Hoofdstuk 1.2 Sprite up your life Het is ook heel eenvoudig om zelf sprites te maken of te bewerken. Alles wat je nodig hebt is het programma Gamemaker.

Nadere informatie

ONTWERPEN VAN INTERACTIEVE PRODUCTEN

ONTWERPEN VAN INTERACTIEVE PRODUCTEN ONTWERPEN VAN INTERACTIEVE PRODUCTEN WORKSHOP INTERACTIEF PROTOTYPE BOUWEN F. van Slooten WORKSHOP INTERACTIEF PROTOTYPE BOUWEN Ontwerp Keuze tool/techniek Maken layout 2 dagen: dinsdag 23 september Ochtend:

Nadere informatie

Uitleg site maken. Stap 2) Nu kiezen we de lay-out. Je kunt het aantal kolommen kiezen. Je kiest nu de eerste. Maar dit kun je later veranderen

Uitleg site maken. Stap 2) Nu kiezen we de lay-out. Je kunt het aantal kolommen kiezen. Je kiest nu de eerste. Maar dit kun je later veranderen Uitleg site maken Hier vind je een uitleg hoe je bij Google een site kunt maken. Maak eerst een map bij je Favorieten en zet daar onderstaande sites in. Later zet je daar ook je eigen site in. Handig om

Nadere informatie

Gebruikershandleiding BosorNet

Gebruikershandleiding BosorNet Gebruikershandleiding BosorNet Inhoud Diensten en roosters... 1 Wensen invoeren... 4 Diensten en roosters Je start BosorNet op in een browser (bijvoorbeeld Microsoft Explorer, Opera) met de link die je

Nadere informatie

Formulieren maken met Dreamweaver CS 4/CS 5

Formulieren maken met Dreamweaver CS 4/CS 5 Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit

Nadere informatie

Navigator CMS 2009. Beknopte handleiding v1.0

Navigator CMS 2009. Beknopte handleiding v1.0 Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...

Nadere informatie

Screencast-O-Matic HANDLEIDING

Screencast-O-Matic HANDLEIDING Screencast-O-Matic HANDLEIDING Inhoud 1 Inleiding 3 2 Stap voor stap 3 3 Conclusie 9 4 Meer info 10 4.1 Hulp nodig? 10 4.2 Vragen en opmerkingen 10 4.3 Trefwoordenlijst 10 4.4 Lijst met afbeeldingen 10

Nadere informatie

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008 Handleiding website Laatst bijgewerkt: 17 mei 2008 In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord

Nadere informatie

STICHTING PROO WEBSITE MODULES

STICHTING PROO WEBSITE MODULES STICHTING PROO Onderwerp Datum 25 november 2010 Auteur Willem van Zalk Vlijm. 1 INHOUDSOPGAVE 1. Inleiding 3 2. Inloggen website 4 3. Modus opties 5 3.1. Bekijken 5 3.2. Bewerken 5 4. Website modules 6

Nadere informatie

Handleiding CMS EWall

Handleiding CMS EWall Handleiding CMS EWall Inhoud: 1. Inleiding 2 2. Hoe log ik in op mijn EWall account? 3 3. Werken in groepen 4 4. Hoe plaats ik tekst achter een tegel? 5 5. Hoe plaats ik een foto achter een tegel? 6 6.

Nadere informatie

Onderdeel: Opdracht Uitleg + Opdracht

Onderdeel: Opdracht Uitleg + Opdracht Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...

Nadere informatie

WORDPRESS. op de FourBottles manier. Pagina 1

WORDPRESS. op de FourBottles manier. Pagina 1 WORDPRESS op de FourBottles manier Pagina 1 Fijn dat je voor FourBottles hebt gekozen voor het realiseren van je website. Bij een website hoort natuurlijk een Content Management Systeem (CMS). Ik maak

Nadere informatie

Bestanden bewaren met SkyDrive

Bestanden bewaren met SkyDrive Bestanden bewaren met SkyDrive Wat is SkyDrive? Met SkyDrive (www.skydrive.live.com) kun je bestanden opslaan op een beveiligde, gratis website. De bestanden kun je overal ter wereld weer downloaden. De

Nadere informatie

NACSPORT TAG&GO HANDLEIDING. 3.2.1. Eigenschappen knop

NACSPORT TAG&GO HANDLEIDING. 3.2.1. Eigenschappen knop Handleiding NACSPORT TAG&GO HANDLEIDING 1. Introductie 2. Configureren en bestellen 3. Sjabloon (categorieën en descriptors) 3.1 Lijst sjablonen 3.2 Sjablonen bewerken 3.2.1. Eigenschappen knop 4. Analyseren

Nadere informatie

Handleiding contacten importeren uit een Excel bestand

Handleiding contacten importeren uit een Excel bestand Handleiding contacten importeren uit een Excel bestand In deze handleiding wordt beschreven hoe je een lijst maakt met contact personen in Outlook die voorheen in een Excel bestand stonden. deze handleiding

Nadere informatie

Een pincode invoeren als alternatief voor een Wachtwoord bij het opstarten van uw computer

Een pincode invoeren als alternatief voor een Wachtwoord bij het opstarten van uw computer Windows 10 W014 Een pincode invoeren als alternatief voor een Wachtwoord bij het opstarten van uw computer In dit document kunt U lezen hoe U een Pincode ( 4 cijfers ) kunt invoeren in Windows 10 als een

Nadere informatie

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen.

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Welkom bij Sitebuilder, een praktijksite maken in 5 stappen. Wat is sitebuilder Site Builder is een uiterst gebruiksvriendelijk en zeer uitgebreid product waarmee u snel een eigen praktijkwebsite kunt

Nadere informatie

Eindgebruikershandleiding TYPO3 CMS

Eindgebruikershandleiding TYPO3 CMS 12 maart 2007 Eindgebruikershandleiding TYPO3 CMS Deze handleiding is opgesteld door Weblicity http://www.weblicity.nl Inhoudsopgave Inhoudsopgave... 2 Introductie... 3 INLOGGEN... 3 Betekenis van de onderdelen...

Nadere informatie

Handleiding Website Gibo Mariaburg

Handleiding Website Gibo Mariaburg Handleiding Website Gibo Mariaburg 1. Inloggen Je surft naar het volgende adres: http://www.gibomariaburg.be * Klik op Login * Vul je gebruikersnaam en paswoord in en klik op Log-in. De gebruikersnaam

Nadere informatie