CVO STROMBEEK handleiding website

CVO STROMBEEK handleiding website

handleiding website website handleiding p. 2

1. algemene info sitebeheer

3 3 3 3 3

2. content management beheer

5

3. goed om weten

6

4. navigatie

7

5. aanbod = opleidingen

9

6. nieuws

11

7. slideshow

12

8. banners

13

9. magazine

14

10. afbeeldingen beheren

15

11. analytics

16

12. files

16

13. instellingen

17

14. gebruikers

19

15. faq

19

16. beheer je account

19

17. contacteer zap

19

• • • •

verklarende woordenlijst webbrowser google chrome of firefox browsegeschiedenis wissen – clear your cache embedden, hoe doe je dat?

• inloggen in de back-end 5 • home / dashboard 5

• tekst linken naar een site, mailadres of pagina in de site 6 • enter invoeren zonder witregel 6

• algemeen (beheer instellingen van een pagina/knop) 7 • beheer de instellingen van de knop 7 • bouw je pagina’s op 8 • toevoegen of bewerken 9 • detail opleiding 9 • • • •

overzicht van de nieuwsitems 11 detail van een nieuwsitem 11 afbeeldingen gekoppeld aan nieuwsitems 11 embedded code 11

• overzicht van de slideshowitems 12 • detail slideshow 12 • afbeelding 12 • overzicht van de banners 13 • detail banner 13 • afbeelding 13

• overzicht van de artikels 14 • artikel toevoegen 14 • waar beheren? 15 • werkwijze 15

• • • • • • • •

ZAP ALL PEOPLE dianalaan 53 2600 berchem t. 03 320 26 60 [email protected] www.zap.be

configuratie 17 nieuws back-end 17 udb - uitdatabank 17 magazine tag 17 genres 17 locaties 17 automail 18 losse teksten 18

1. algemene info sitebeheer website handleiding p. 3

1. verklarende woordenlijst front-end De front-end is de website zoals de surfers hem zien. back-end De back-end van je site is het gedeelte waar je alle knoppen, pagina’s en instellingen aanpast, statistieken op kan vragen en is met een paswoord afgeschermd. cms Cms is de afkorting van content management systeem. het cms is een softwaretoepassing om knoppen, teksten, afbeeldingen en gegevens op een website te beheren. browser Een webbrowser is een computerprogramma om websites te bekijken. de meest gebruikte browsers zijn Internet Explorer, Mozilla Firefox, Safari en Google Chrome.

2. webbrowser google chrome of firefox Om een optimale werking van ons systeem te garanderen, raden wij aan om Mozilla Firefox of Google chrome te installeren. maak geen gebruik van de browser internet explorer voor het updaten van je site

3. browsegeschiedenis wissen – clear your cache ÎÎ wat is cache of browse geschiedenis? Als je een website opent, worden de afgebeelde pagina’s automatisch opgeslagen in het lokale geheugen van de browser. Als een eerder opgevraagde pagina daarna nogmaals wordt geopend, kan de versie die in het geheugen van de browser aanwezig is meteen weergegeven worden. Daardoor kan je ‘vlotter’ surfen. ÎÎ clear your cache of je browse geschiedenis wissen. Wanneer je aan een site werkt, moet je steeds de laatste aanpassingen zien in de website. Daarom moet je regelmatig je ‘cache’ legen = je browsegeschiedenis wissen. Je kan dit in de browsers google Chrome en Firefox doen via de shortcut Ctrl + Shift + Delete ÎÎ meer info op www.zap.be/cache

4. embedden, hoe doe je dat? Bepaalde content die gedeeld wordt op bijvoorbeeld googlemaps of youtube.com kan je geïntegreerd in je eigen website weergeven. Embedden is dus het integreren van een deel van een externe webpagina in je eigen website. Bv. een filmpje van Youtube afspelen in je eigen website. hoe werkt het? Oa. websites als youtube.com, flickr.com, maps.google.com … bieden de html-code aan die je kan kopiëren en via het CMS in je eigen site kan plakken.


je kan bv embedded code vinden op: • maps.google.be, toevoegen van een plan • youtube.com, toevoegen van film • soundcloud.com, toevoegen van muziek • issuu.com, toevoegen van bladerbare brochures • zapthemall.eu, toevoeven van een formulier

website handleiding

bv. filmpje van youtube.com toevoegen • kopieer de embed-code die je bij het filmpje ziet staan • delen > insluiten • plak de embed-code in het daarvoor bestemde veld en druk op de knop ‘bewaren’. • het filmpje verschijnt nu embedded in jouw pagina.

p. 4

bv. maps.google.be toevoegen van een plan in de website • zoek je locatie op in maps.google.be • klik op het icoontje om te linken • selecteer en kopieer de volledige code in het veld ‘HTML in website plakken’. • plak deze code in het veld ‘embed’ in het CMS van de website


2. content management beheer website handleiding p. 5

url naar de site wanneer deze offline staat: www.cvostrombeek.be/bypass of onder constructie: http://site2.cvostrombeek.be/bypass url back-end, voor het beheer van je site: www.cvostrombeek.be/admin of onder constructie: http://site2.cvostrombeek.be/admin

1. inloggen in de back-end inloggen ÎÎ gebruikersnaam: je mailadres ÎÎ indien zap je gebruikersaccount heeft aangemaakt: dan is je wachtwoord wanneer je de eerste keer inlogt: zapzap Daarna moet je je paswoord aanpassen naar een persoonlijk paswoord. Vergeet hier niet een sterk paswoord te gebruiken, zie www.zap.be/sterkpaswoord voor meer info

ontwikkeling De ontwikkeling van het internet staat niet stil, daardoor is het CMS ook een ‘work in progress’. Het kan dus zijn dat bepaalde knoppen of functionaliteiten, zoals beschreven in deze handleiding, ondertussen anders worden weergegeven, benoemd of verwerkt.

2. home / dashboard op de startpagina van de admin van een website staat steeds volgende info: ÎÎ menu links bovenaan knoppen om de inhoud van de website te beheren ÎÎ menu rechts bovenaan knoppen voor het beheer van algemene site instellingen van je website: statistieken, bestanden opladen (files), instellingen, gebruikers, afmelden … ÎÎ dashboard rechtstreekse link naar de belangrijkste rubrieken in de back-end, laatste bewerkte pagina’s, statistieken ...


3. goed om weten website handleiding

1. tekst linken naar een site, mailadres of pagina in de site • • • • • •

p. 6

selecteer de tekst klik op het icoontje om links te leggen geef de url of het mailadres op in het veld link url indien link naar andere website of mailadres: kies bij target ‘open in new window’ indien link naar pagina in de site: kies bij target ‘open in this window’ insert en tekstblok bewaren

2. enter invoeren zonder witregel


Na een regeleinde, via de enter knop, wordt standaard een witregel tussen twee paragrafen gelaten. Wil je geen witruimte? klik op shift + enter ipv op enter

4. navigatie 1. algemeen (beheer instellingen van een pagina/knop) website handleiding p. 7

ÎÎ

configureer zelf welke velden jij wil zien in de lijsten in de back-end

ÎÎ

export data naar excel

ÎÎ ÎÎ ÎÎ ÎÎ

knop in het menu toevoegen publiceren: pagina publiceren knop tonen in het hoofdmenu knop tonen in submenu rechts bovenaan

ÎÎ

pijltjes te verslepen om een knop te verplaatsen in het menu

ÎÎ

pagina bewerken

ÎÎ

pagina verwijderen

ÎÎ

op driehoekje klikken om subpagina’s te beheren.

2. beheer de instellingen van de knop

type


publiceren hoofdnavigatie topnavigatie niveau 1 social media hoofdniveau

tekstpagina of link (=redirect) indien redirect: geef de url in beginnend met http:// Externe links openen in een nieuw venster pagina online plaatsen knop tonen in het menu (of een verborgen pagina aanmaken, bv. ‘disclaimer’) toon je knop in het submenu rechts bovenaan er zijn twee subniveaus: aanvinken indien het om het hoogste subniveau is. toon iconen facebook en twitter om pagina te delen onder deze pagina enkel voor subpagina’s: kies de hoofdknop waaronder je de subpagina wil plaatsen.

website handleiding p. 8

naam de benaming van de knop die in het menu wordt getoond. verkorte url geef hier de verkorte url in van deze pagina: - kort en duidelijk (gebruik woorden die belangrijk zijn voor zoekmotoren) - gebruik koppeltekens tussen de woorden ipv spaties korte tekst korte omschrijving van deze pagina voor zoekmachines

3. bouw je pagina’s op paginablokken dmv het toevoegen van paginablokken bouw je pagina’s op. je kan volgende blokken toevoegen • tekst + fotoslideshow • nieuwslijst • embedded code • lijst van opleidingen (= lijst van activiteiten) • horizontale lijn • artikels magazine • quote • fotogalerij thumbnails

tekst + fotoslidehow tekstblok met eventueel een fotoslideshow afbeeldingen voeg eventueel een foto toe, zie “afbeeldingen” op pagina 15 afbeeldingen worden in een slideshowbox getoond titel inhoudblok (niet verplicht) titel wordt groot bovenaan de tekstblok getoond info geef hier de tekst van je paginablok in

nieuwslijst ophalen nieuwsberichten die onder ‘nieuws’ werden ingegeven ÎÎ stel in hoeveel nieuwsitems je wil weergeven ÎÎ geef een titel voor dit tekstblok

embedded code ÎÎ titel inhoudsblok ÎÎ embed, plak hier de gekopieerde embed code in zie “embedden, hoe doe je dat?” op pagina 3

horizontale lijn voeg een lijn tussen verschillende contentbokken, deze lijn is in de stijl van de site opgemaakt.

artikels magazine ÎÎ bepaal hoeveel items je wil ophalen ÎÎ stel in hoeveel items per pagina je wil tonen ÎÎ haal alle tags of 1 specifieke tag op

quote ZAP ALL PEOPLE dianalaan 53 2600 berchem t. 03 320 26 60 [email protected] www.zap.be

benadruk een stuk tekst door het een specifieke stijl te geven, quotes worden grafisch meer opvallend weergegeven.

fotogalerij thumbnails maak een fotogalerij van kleine foto’s, deze kan je niet groter aanklikken

5. aanbod = opleidingen 1. toevoegen of bewerken website handleiding p. 9

ÎÎ

bewerk deze opleiding

2. detail opleiding

algemeen publiceren gelinkt met in de kijker social media genres locatie uitvoerder titel verkorte url tags korte tekst info praktisch link

opleiding publiceren of niet moeten de gelinkte opleidingen onderaan een pagina automatisch verlopen of niet? tonen bij opleidingen in de kijker op de startpagina de social media iconen voor het delen van de opleiding tonen selecteer het genre (of meerdere genres) waartoe de opleiding hoort selecteer de locatie (indien de locatie er niet tussen staat, voeg de locatie dan eerst toe onder instellingen > locaties vul hier de lesgever of een subtitel in (verplicht veld voor uitinvlaanderen) = naam van de opleiding korte url om rechtstreeks naar de pagina te surfen ook belangrijk voor zoekmachines trefwoorden waarop kan gezocht worden in het zoekveld korte tekst voor zoekmotorenoptimalisatie + lijstweergave + uitinvlaanderen = de tekst over de opleiding praktische info: totaal aantal uren, wat meebrengen, kostprijs handboek eventueel kan een link gelegd worden naar een partner of de locatie

datums begindatum einddatum status toon einddatum toon in lijst toon tickets knop tekst bij datum ticketets link


geef altijd een begindatum in einddatum van de cursus status ‘normaal’ wordt niet getoond, andere statussen zoals ‘volzet’ worden wel getoond in de website bij cursussen steeds aanvinken vink aan indien de opleiding met deze datum moet worden getoond in de lijst van opleidingen. vink aan indien de inschrijvingsknop moet worden getoond. voeg eventueel nog een tekst toe bij de datum: bv. ‘ma en wo van 12u tot 16u’ geef de link van inschrijvingsmodule

prijzen via presets presets

selecteer een bestaande preset of voeg een nieuwe preset toe bv 80-44-8

afbeeldingen Voeg eventueel een afbeelding toe, zie “afbeeldingen” op pagina 15

Afbeeldingen komen bovenaan in een slideshow te staan

in de pers website handleiding p. 10

publiceer datum link titel persbron korte tekst

Publiceer of niet Datum van de persrecensie Indien je een link wil leggen naar een online bestand, dan kan je het bestand (pdf, word ...) zoeken en toevoegen via het ‘blader’ icoon (upload, bladeren, openen) Titel van de persrecensie Naam krant, tijdschrift, website … Korte inhoud van persrecensie of eerste paragraaf van de persrecensie

info fiche eigen info fiche

auto info fiche

Link naar een bestand Indien je een link wil leggen naar een online bestand, dan kan je het bestand (pdf, word ...) zoeken en toevoegen via het ‘blader’ icoon (upload, bladeren, openen) Er wordt automatisch een fiche gegenereerd met de info die is ingegeven in de website. Geef de naam van de knop in bv. ‘print overzicht’ geef eventueel nog extra tekst in die op de fiche moet komen.

udb - uitdatabank activeer udb zet fiche om

scholen

om deze opleiding door te sturen naar uitinvlaanderen.be Klik op de knop ‘zet fiche om naar udb informatie, om de ingegeven info en teksten op te halen. Geef eventueel extra trefwoorden toe en pas de tekst eventueel nog aan. Selecteer de ‘theme’ van uitdatabank. Selecteer het ‘eventype’ van uitdatabank Selecteer de ‘target audiences’ van uitdatabank target audience scholen geeft extra velden weer die moeten ingevuld worden om items door te sturen naar cultuurkuur

wachtlijst Activeer de wachtlijst: bij een opleiding met de status volzet, kunnen surfers zicht op de wachtlijst plaatsen via een formulier. Surfers kunnen zich terug van de lijst schrappen via de automatisch email die ze ontvangen.

bekijk in site voorbeeldweergave van de pagina in de website


6. nieuws website handleiding

1. overzicht van de nieuwsitems ÎÎ

bewerk dit nieuwsitem

p. 11

2. detail van een nieuwsitem Je kan per nieuwsitem enkele instellingen finetunen ÎÎ publiceren, zet dit nieuwsitem actief op de site ÎÎ home, zet dit nieuwsitem wel of niet op je homepage ÎÎ social media, activeer social media knoppen in dit nieuwsitem zodat surfers dit kunnen delen ÎÎ datum nieuwsitem ÎÎ tonen van en tonen tot, vanaf wanneer en tot wanneer mag dit item beschikbaar zijn op de site ÎÎ titel, benaming nieuwsitem ÎÎ verkorte url, geef een propere duidelijke benaming: bv /nieuws/nieuwe_openingsuren dit is belangrijk voor zoekmachines ÎÎ korte tekst, korte tekst in de lijstweergave, maar ook korte omschrijving voor zoekmachines ÎÎ info, je volledige tekst van je nieuwsitem

3. afbeeldingen gekoppeld aan nieuwsitems voeg eventueel foto’s toe, zie “afbeeldingen” op pagina 15 tip: volgorde van foto’s kan je bepalen door de foto te verslepen

4. embedded code voeg eventueel embedded code toe zoals video, google maps, soundcloud ... ÎÎ titel ÎÎ embedded code


7. slideshow 1. overzicht van de slideshowitems website handleiding p. 12

ÎÎ via de pijlen aan de rechterkant kan je de slideshowitem verplaatsen van volgorde ÎÎ

bewerk deze slideshow

2. detail slideshow pub opleiding

tonen vanaf eind datum titel subtitel link

Slideshowitem publiceren of niet Link dit slideshowitem aan een opleiding in de site, dan wordt de link naar deze pagina automatisch gegenereerd enkel gepubliceerde opleidingen worden opgehaald Vanaf wanneer mag deze slideshow getoond worden Geef eventueel een einddatum in, waarna deze slideshowniet meer getoond mag worden Wordt getoond in titelstijl in de website link naar interne pagina in de site of naar externe website (nieuw venster)

3. afbeelding voeg eventueel een afbeelding toe, zie “afbeeldingen” op pagina 15


8. banners 1. overzicht van de banners website handleiding p. 13

ÎÎ via de pijlen aan de rechterkant kan je de banners verplaatsen van volgorde ÎÎ

bewerk deze banner

2. detail banner pub home diepere pagina’s start datum tonen tot banner type banner icoon titel link

banner publiceren of niet toom op homepage toon op dieperliggende pagina’s vanaf wanneer mag de banner getoond worden geef eventueel een einddatum in, waarna de banner niet meer getoond mag worden een tekst, een fotobanner, kalender of binnenkortlijst bij fotobanner komt er links een extra tabblad tevoorschijn ‘afbeelding’ bij een tekstbanner kan je ook een icoontje bijtonen wordt getoond in titelstijl in de website link naar interne pagina in de site of naar externe website (nieuw venster)

3. afbeelding voeg eventueel een afbeelding toe, zie “afbeeldingen” op pagina 15


9. magazine 1. overzicht van de artikels website handleiding

ÎÎ

bewerk dit artikel

p. 14

2. artikel toevoegen algemeen publish comments gegevens tag magazine datum artikel titel info

Publiceer in de site Kunnen surfers commentaren toevoegen op dit artikel. Kopieer de gegevens van de ingelogde gebruiker of typ zelf de juiste gegevens. Geef hier de juiste tags op waaraan je dit artikel wil koppelen in het magazine. Je kan bij een pagina specifieke tags ophalen Geef de datum in Geef een duidelijke titel in De bodytekst van het artikel.

afbeeldingen voeg eventueel een afbeelding toe, zie “afbeeldingen” op pagina 15 Afbeeldingen komen bovenaan in een slideshow te staan

reacties beheer en bewerk de reacties van de surfers of voeg zelf een reactie toe


10. afbeeldingen beheren website handleiding p. 15

1. waar beheren? Je kan afbeeldingen toevoegen en bewerken bij tekstblokken in de navigatie, banners, slideshows, opleidingen, nieuws, artikels...

2. werkwijze ÎÎ kies bladeren en selecteer de foto’s op je computer OF sleep 1 of meerdere foto’s in het venster

ÎÎ ga met je cursor over de afbeelding om een afbeelding te bewerken

ÎÎ ÎÎ

beschrijving foto en eventueel een link toevoegen

• •


de afbeeldingen worden automatisch in het juiste formaat gesneden en ‘gedownsized’ indien nodig kan je de weergave van een afbeelding anders snijden:

thumbnail, foto zoals getoond in de website medium, de grote foto wanneer de foto wordt aangeklikt pas eventueel de hoogte of breedte van het kader aan en versleep het kader eventueel over de foto

ÎÎ

afbeelding bekijken

ÎÎ

afbeelding verwijderen

extra functionaliteit rechtsboven back-end website handleiding p. 16

11. analytics weergave bezoekersstatistieken google analytics: ÎÎ aantal bezoekers en unieke bezoekers ÎÎ aantal rechtstreeks bezoekers of redirects van andere websites ÎÎ meest gebruikte browsers … ÎÎ voor meer gedetailleerde bezoekersstatistieken vraag aan zap toegang tot www.google.com/analytics/

12. files /files is een module voor het opladen van bestanden om naar te linken in de site of om rechtstreeks naar te surfen (bv. voor hoge resolutie persfoto’s, persdossier, lesmappen ...). ÎÎ deze bestanden komen in de map www.uwdomein.be/files te staan. vervang ‘uw domein’ door je eigen domeinnaam ÎÎ de bestanden kunnen in een onbeperkt aantal mappen worden onderverdeeld. ÎÎ een map kan worden afgeschermd d.m.v. een paswoord.

http://www.uwdomein.be/files

vervang ‘uwdomein’ door uw eigen domein, bv zap.be


13. instellingen 1. configuratie website handleiding p. 17

algemeen ÎÎ steunkleur. Zet de site in de gewenste kleur ÎÎ reacties magazine. Schakel de mogelijkheid tot reageren uit voor alle magazine items. Je kan dit ook per artikel instellen ÎÎ wachtlijsten. Zet de wachtlijsten aan of uit voor de volledige site. Je kan dit ook per opleidingen instellen ÎÎ wachtlijst admin. welk mailadres moet de mails over de wachtlijsten ontvangen ÎÎ social media links, stel de links in van je social media accounts ÎÎ tickets in iframe, tickets bestellen in ticketmatic via venster dat opent voor de website ÎÎ shop: algemene link naar de inschrijvingsmodule met overzicht van alle opleidingen ÎÎ startdatum, einddatum kalender. Opleidignen buiten deze date-range worden niet in de site weergegeven ÎÎ binnenkort op home. Hoeveel items wil je in de binnenkort banner op de homepage ÎÎ tags, algemene trefwoorden van de website voor zoekmachines. ÎÎ seo omschrijving, korte omschrijving van de website voor zoekmachines.

online / offline ÎÎ via het aanvinkveld kan je de website (tijdelijk) online/offline zetten en kan je de tijdelijke tekst ook wijzigen ÎÎ bepaal het tijdstip waarop je de website wil lanceren

stijl back-end geef je back-end een persoonlijke toets met een eigen achtergrondfoto en kleur

2. nieuws back-end Indien meerdere gebruikers de website beheren, dan kan je hier berichten naar andere gebruikers plaatsen op het dashboard van de back-end.

3. udb - uitdatabank Overzicht van exports naar uitdatabank (voor uitinvlaanderen.be)

4. magazine tag Voeg of beheer de tags voor het magazine onderdeel van de site.

5. genres


Voeg of beheer de genres van opleidingen in de site. publiceren genre publiceren of niet lijst toon dit genre in de lijst ‘programma’ homepage toon dit genre op de startpagina bij de lijst ‘binnenkort’ (bv. expo en schoolopleidingen niet tonen in de lijst binnenkort op de startpagina) tickets mogelijkheid om tickets te kopen voor opleidingen onder dit genre (bv. voor schoolopleidingen geen tickets kopen, maar reserveren via email) hoofdniveau indien het een subgenre is, selecteer dan hier het hoofdgenre waaronder het subgenre moet staan titel genre naam van het genre

6. locaties Voeg hier alle mogelijke locaties van opleidingen toe.

algemeen

Vul zoveel mogelijk velden in google: gebruik hiervoor de link om rechtstreeks op deze pagina te komen in google maps

website handleiding p. 18

UDB

voeg eventueel nog extra parameters van uitdatabank (uitinvlaanderen.be) toe

7. automail beheer afzenders en berichten van de automatische mails die vanuit de website worden verstuurd

8. losse teksten beheer van alle losse teksten in de site, teksten die niet bij een pagina horen, losse titels bv. • footer met disclaimer, links.. • aanmelden, doe deze opdracht, toon alle opdrachten • wachtwoord vergeten ...


14. gebruikers gebruikers toevoegen en bewerken website handleiding p. 19

ÎÎ geef e-mailadres en naam van gebruiker in ÎÎ indien van toepassing geef de juiste rechten aan de gebruiker ÎÎ geef een voorlopig wachtwoord in De eerste keer wanneer een nieuwe gebruiker inlogt, moet hij/zij een nieuw paswoord instellen. Gebruik een sterk wachtwoord, zie www.zap.be/sterkpaswoord voor meer info

15. faq ÎÎ Vind je een vraag of probleem niet meteen terug in deze handleiding? Kijk dan even in de rubriek faq, misschien vind je daar wel een antwoord. ÎÎ Heb je een tip voor zap om een extra faq aan te maken? We horen het graag van je.

16. beheer je account mijn gegevens naam, voornaam en email

wijzig wachtwoord stel een nieuw wachtwoord in, vergeet hier niet een sterk wachtwoord te gebruiken, zie www.zap.be/sterkpaswoord voor meer info

17. contacteer zap ... kunnen noch deze handleiding noch de rubriek faq je verder helpen, contacteer ons ÎÎ [email protected] ÎÎ in noodgevallen buiten kantooruren zie op www.zap.be/support

have a zap good day!


CVO STROMBEEK handleiding website

Recommend Documents