Handleiding Website Mobiliteitsbureau

InloggenVoorkant:

http://mobiliteit.oldenkotte.nl.

login: medewerker(niet je eigen naam, maar het woord ‘medewerker’ invoeren)wachtwoord: Inlog7157(met een hoofdletter i en niet een L)

Achterkant:

http://mobiliteit.oldenkotte.nl/administrator

login: mobiliteitwachtwoord: Inlog7157 

Contact technische vragenIntern:

Henk-Peter Vos (853 / hp.vos@oldenkotte.nl) heeft contact met Jaarsma & de Boer over de technische kant van het systeem. Je kunt hem het beste benaderen bij eventuele problemen of vragen. Hij neemt dan contact op met Jaarsma & de Boer of geeft aan met wie je contact kunt opnemen.

Jaarsma & de Boer:

Algemeenschouwburgplein 4, 7551 de hengelot 074 256 60 73, www.jaarsma-deboer.nl, info@jaarsma-deboer.nl

Vincent Schadron, vincent@jaarsma-deboer.nl

Paul van Raalte, paul@jaarsma-deboer.nl

Inhoud

1 Navigatiemenu........................................................................................................................... 3

1.1 Menu-item toevoegen........................................................................................................3

1.1.1 Menu-item gekoppeld aan een Individueel artikel..........................................................3

1.1.2 Menu-item gekoppeld aan Categorieën.........................................................................6

1.2 Menu-item publiceren / depubliceren.................................................................................9

1.2.1 Tijdelijk depubliceren.....................................................................................................9

1.2.2 Definitief verwijderen...................................................................................................10

1.2.3 Opnieuw publiceren.....................................................................................................10

2 Artikelen................................................................................................................................... 12

3 Items........................................................................................................................................ 13

4 Algemene handelingen.............................................................................................................14

4.1 Tekst opmaken................................................................................................................14

4.2 Afbeelding toevoegen......................................................................................................16

4.3 Afbeelding wijzigen..........................................................................................................18

4.4 Bestand toevoegen..........................................................................................................19

4.5 Bestand wijzigen..............................................................................................................20

4.6 Interne Link toevoegen....................................................................................................20

4.7 Interne Link wijzigen........................................................................................................21

4.8 Externe Link toevoegen...................................................................................................21

4.9 Externe Link wijzigen.......................................................................................................22

5 Controleren of een wijziging is doorgevoerd............................................................................22

Pagina 2 van 23

1 Navigatiemenu

1.1 Menu-item toevoegenBinnen de Mobiliteitsbureau site worden twee verschillende types menu-items gebruikt: gekoppeld aan individuele artikelen (‘platte’ pagina’s met tekst) en gekoppeld aan categorieën (alles onder Nieuws en Veelgestelde vragen).

1.1.1 Menu-item gekoppeld aan een Individueel artikel

Stap 1: Maak een individueel artikel aan

1. Ga naar ‘Inhoud’ en klik op Artikelen(Menu linksboven)

2. Klik op ‘Nieuw’(rechtsboven)

3. Geef het artikel een naam (het handigste hier de naam van het menu-item mee te geven)

4. Geef eventueel een alias op(maar mag je ook leeg laten, dan wordt deze automatisch ingevuld)

5. Laat alle instellingen verder staan(het is dus niet nodig verder iets te wijzigen)

6. Voeg eventueel tekst toe in het tekstvak(maar dat kan ook later, wanneer je met de inhoud bezig gaat)

7. Klik op Opslaan (als je nog verder wilt werken aan de pagina) Opslaan & sluiten (als je klaar bent) Opslaan & nieuw (als je meerdere pagina’s aan wilt maken) of Annuleren (als je de pagina toch niet wilt gebruiken

Stap 2: Maak een menu-item aan en koppel deze aan het artikel

Pagina 4 van 23

1.1.2 Menu-item gekoppeld aan Categorieën

Stap 1: Maak een categorie aan

1. Ga naar ‘Componenten’, ‘K2’ en klik op ‘Categorieën’(Navigatiemenu boven)

2. Klik op ‘Nieuw’(rechtsboven)

Pagina 5 van 23

3. Geef het artikel een naam (het handigste hier de naam van het menu-item mee te geven)

4. Geef eventueel een alias op(maar mag je ook leeg laten, dan wordt deze automatisch ingevuld)

5. Laat alle instellingen verder staan(het is dus niet nodig deze te wijzigen)

6. Voeg eventueel tekst toe in het tekstvak

7. Klik op Opslaan (als je nog verder wilt werken) Opslaan & sluiten (als je klaar bent) Opslaan & nieuw (als je meerdere categorieën aan wilt maken) of Annuleren (als je de categorie toch niet wilt gebruiken

Stap 2: Maak een menu-item aan en koppel deze aan de categorie

1. Ga naar Menu en klik op Main Menu(Linksboven in beeld)

Pagina 6 van 23

2. Klik op ‘Nieuw’(rechtsboven)

3. Klik na ‘Menu-item type’ op ‘Selecteren’(je krijgt nu een pop-up scherm)

4. Klik op Individueel artikel

5. Geef de Menutitel aan (dit zie je straks in het navigatiemenu)

6. Geef eventueel een alias aan (maar is niet nodig – als je die niet invult, voert het systeem deze automatisch voor je in)

7. Selecteer het artikel dat je net aangemaakt hebt (rechts klikken op Selecteren / Wijzigen)

8. Verder kun je de instellingen laten staan zoals ze staan

Pagina 7 van 23

9. Klik op Opslaan (als je nog verder wilt werken) Opslaan & sluiten (als je klaar bent) Opslaan & nieuw (als je meerdere menu-items aan wilt maken) of Annuleren (als je het menu-item toch niet wilt gebruiken)

1.2 Menu-item publiceren / depubliceren1.2.1 Tijdelijk depubliceren

Als je een menu-item tijdelijk niet zichtbaar wilt hebben op de site, depubliceer je het menu-item. Wanneer je de pagina weer zichtbaar wilt hebben, publiceer je deze weer (zie § 1.2.3).

1. Ga naar Menu en klik op Main Menu(Linksboven in beeld)

2. Zoek het menu-item dat je niet zichtbaar wilt hebben en klik op het groene vinkje (de pop-up geeft ook aan ‘Depubliceer menu-item’)

3. Klik rechts bovenin op ‘JAT3 Clean Cache’.

Pagina 8 van 23

4. Klik op OK wanneer je de volgende melding krijgt en bekijk de website om te controleren of de wijziging is doorgevoerd.

1.2.2 Definitief verwijderen

1. Verwijder het menu-item > Ga naar Menu’s – Main Menu> Vink het vierkantje voor de pagina die je wilt verwijderen aan> Klik op de Prullenbak

2. Verwijder de categorie of het artikel> Ga naar Componenten – K2 – Categorieën of naar Inhoud – Artikelen> Vink het onderdeel aan dat je wilt verwijderen> Klik op de Prullenbak

3. Klik rechts bovenin op ‘JAT3 Clean Cache’4. Klik op OK om de Cache te legen.

1.2.3 Opnieuw publiceren

Heb je een menu-item gedepubliceerd, kun je deze makkelijk weer publiceren:

1. Ga naar Menu en klik op Main Menu

Pagina 9 van 23

2. Zoek het menu-item dat je weer zichtbaar wilt hebben en klik op het rode rondje (de pop-up geeft ook aan ‘Publiceer menu-item’)

3. Klik rechts bovenin op ‘JAT3 Clean Cache’.

4. Klik op OK wanneer je de volgende melding krijgt en bekijk de website om te controleren of de wijziging is doorgevoerd.

Pagina 10 van 23

2 Artikelen

Zoals ook in hoofdstuk 1 staat beschreven, bestaan de menu-onderdelen met ‘platte’ pagina’s met tekst uit Artikelen. Voor de navigatie heb je al een artikel aangemaakt en dat is je startpunt.

1. Ga naar ‘Inhoud’ en klik op Artikelen(Menu linksboven)

2. Het is handig bij het overzicht aan te geven dat alle artikelen getoond moeten worden

3. Zoek het artikel op dat je wilt toevoegen of wijzigen en klik erop4. Zie 4.1 voor het opmaken van de tekst

5. Klik tussendoor regelmatig op Opslaan om wijzigingen niet verloren te laten gaan.6. Klik ten slotte op Opslaan & sluiten (als je klaar bent) of Annuleren (als je de

wijzigingen toch niet door wilt voeren)

Pagina 11 van 23

3 Items

Items zijn de onderdelen die onder nieuws of onder veelgestelde vragen vallen.

1. Ga naar ‘Componenten´, ´K2´’ en klik op Items(Menu linksboven)

2. Klik op ´Nieuw´ om een nieuw item aan te maken

Pagina 12 van 23

3. Geef het item een titel die je wilt dat zichtbaar wordt op de website4. Een alias hoef je niet op te geven (maakt ie automatisch aan), maar mag wel5. Selecteer de categorie waarin het Item getoond moet worden (Nieuwsberichten,

Nieuwsbrieven, Communiqués of Veelgestelde Vragen

6. Voeg eventueel ‘tags’ toe – tags die al gegeven zijn aan andere Items, komen automatisch naar voren. Nieuwe kun je toevoegen door de tekst te typen en op enter te drukken.

De tags komen onder het Item te staan. Als je er op de website (aan de voorkant dus) op klikt, krijg je alle Items met die tag.

7. Type onder het inhoudsvak de tekst (of plakken via kladblok om de opmaak eruit te halen - zie 4.1 voor meer informatie)

Pagina 13 van 23

8. Je kunt ten nog de aanmaakdatum en publicatiedatum wijzigen (bijvoorbeeld als je wilt dat een item niet direct maar op het jou gekozen moment pas zichtbaar wordt).

9. Klik tussendoor regelmatig op Opslaan om wijzigingen niet verloren te laten gaan.10. Klik ten slotte op Opslaan & sluiten (als je klaar bent) of Annuleren (als je de

wijzigingen toch niet door wilt voeren)

Pagina 14 van 23

4 Algemene handelingen

4.1 Tekst opmakenHet is belangrijk dat de opmaak dat een tekst heeft meegekregen er uitgehaald wordt. Dit doe je door de tekst uit Word, Outlook (of welke bron dan ook) te kopiëren en plakken in het kladblok. Daarna kopieer je de tekst uit het kladblok en plak je die in het tekstvak. De tekst moet je altijd opnieuw opmaken.

1. Maak bij het opmaken van de tekst gebruik van de voorgedefinieerde kopjes (maar in de praktijk gebruik ik alleen Heading 2 en Heading 3) en opsommingstekens. Houd voor de lopende tekst altijd ‘paragraph’ aan.

Pagina 15 van 23

2. Wil je de Oldenkotte kleuren gebruiken? Selecteer het stuk tekst waarvan je de kleur wilt wijzigen (bijvoorbeeld een kopje of een link), klik op de A en op More colors,

3. en gebruik dan bij het eerste tabje een van de volgende codes:Lichtblauw: #85CFE8Donkerblauw: #122476en klik op Apply

Pagina 16 van 23

4.2 Afbeelding toevoegen

1. Klik op de ‘foto’ (als je er op gaat staan, krijg je Insert / Edit image in beeld.

2. Klap de map Images uit.3. Als je een bestaande foto wilt gebruiken, klik je hier op en gaat daarna verder met nummer 8.

4. Wil je een nieuwe foto toevoegen, klik dan op Upload (rechtsboven in beeld met de blauwe pijl)

Pagina 17 van 23

5. Klik op Browse6. Zoek je foto op je eigen schijf op en klik op Openen

(Je kunt meerdere foto’s na elkaar selecteren)7. Als je alle foto’s heb geselecteerd die je wilt gebruiken, klik dan op Upload – de foto’s worden dan overgeplaatst naar de server, zodat de website ze

ook kan zien.8. Zorg dat je de afbeelding die je wilt gebruiken goed hebt geselecteerd en klik op Insert

9. De kans bestaat dat de foto te groot is. Het is dan nodig om het formaat aan te passen. Dit doe je door de foto te selecteren en weer op Insert / Edit Image te klikken.

Pagina 18 van 23

10. Bij Dimensions kun je de afmetingen van de afbeeldingen aangeven. o Dit is in pixels. De maximum breedte is 850 pixels. o Laat altijd het vinkje bij Proportional aangevinkt – de afbeelding wordt naar verhouding verkleind of vergrooto Geef bij Alignment aan hoe je wilt dat de afbeelding uitgelijnd wordto Verwijder ten slotte de rand om de afbeelding door bij Border Width aan te vinken en deze op 0 te zetten.o Klik op update

4.3 Afbeelding wijzigen1. Selecteer het beeld dat je wilt wijzigen en klik op Insert / Edit image.2. Kies het beeld dat je wilt gebruiken en klik op Update3. Volg verder de stappen vanaf punt 9. Uit § 4.2

Pagina 19 van 23

4.4 Bestand toevoegen1. Selecteer het stuk tekst waar je de link naar het bestand toe wil voegen.

2. Klik op het kettinkje (Insert / Edit link) en vervolgens op het Papier met het plusje (rechtsboven - Browse)

3. Klap de map Communiques of Documenten uit en selecteer een bestaand bestand (ga verder met punt 7) of upload een nieuw bestand.

Pagina 20 van 23

4. Klik op Upload (het papiertje rechtsboven)5. Klik op Browse6. Selecteer het bestand dat je wilt uploaden, klik op Openen en klik op Upload (en herhaal dit wanneer je meer bestanden wilt uploaden)7. Selecteer goed het bestand dat je wilt gebruiken en klik op Insert

8. Geef bij Attributes aan dat het bestand in een nieuw window geopend moet worden en klik weer op Insert.

4.5 Bestand wijzigen1. Selecteer de link naar het bestand dat je wilt wijzigen en klik op Insert / Edit image.2. Volg verder de stappen vanaf punt 3. uit § 4.4

4.6 Interne Link toevoegen1. Selecteer de tekst waar je een link naar een pagina van de website van het Mobiliteitsbureau wilt toevoegen en klik op Insert / Edit link

Pagina 21 van 23

2. Vouw onder Browse Menu en vervolgens Main Menu uit en kies de pagina waar je naar wilt linken.3. Klik op Insert

4.7 Interne Link wijzigen1. Selecteer de link die je wilt wijzigen en klik op Insert / Edit link2. Kies de nieuwe pagina waar je naar wilt linken.3. Klik op Insert

4.8 Externe Link toevoegen1. Selecteer de tekst waar je een link naar een externe wilt toevoegen en klik op Insert / Edit link

2. Vul de URL in waar je naar wilt linken.3. Klik op Insert

Pagina 22 van 23

4.9 Externe Link wijzigen1. Selecteer de link die je wilt wijzigen en klik op Insert / Edit link2. Voeg de nieuwe URL toe waar je naar wilt linken.3. Klik op Insert

5 Controleren of een wijziging is doorgevoerd

Het is altijd handig om te controleren of een wijziging of toevoeging ook echt doorgevoerd is.

1. Leeg altijd eerst de Cache door rechtsboven te klikken op JAT3 Clean Cache

2. Klik bij het pop-up scherm op OK3. Klik op Bekijk Website (ook rechtsboven) en log in met de medewerkers-gegevens4. Controleer of de wijzigingen goed doorgevoerd zijn en maak eventueel nog aanpassingen.

Pagina 23 van 23