Juni 2013
OKRA
HANDLEIDING TREFPUNTSITES
[email protected]
Opbouw trefpuntsite .............................................................................................. 3 Startpagina ....................................................................................................... 3 Over OKRA ........................................................................................................ 7 Activiteiten ........................................................................................................ 8 Lid worden ........................................................................................................ 9 Contact ........................................................................................................... 10 Foto’s ............................................................................................................. 11 Hoe starten? ....................................................................................................... 12 Artikels aanmaken ............................................................................................... 13 Een artikel maken ............................................................................................ 13 Een artikel verwijderen ..................................................................................... 13 Een artikel wijzigen .......................................................................................... 14 Activiteit invoeren ............................................................................................... 15 Een activiteit toevoegen .................................................................................... 15 Een activiteit verwijderen .................................................................................. 15 Een activiteit wijzigen ....................................................................................... 16 Een activiteit dupliceren .................................................................................... 16 Nieuwsbericht maken........................................................................................... 17 Een nieuwsbericht maken .................................................................................. 17 Een nieuwsbericht verwijderen ........................................................................... 17 Een nieuwsbericht wijzigen ................................................................................ 18 Foto’s, links of tabellen toevoegen ......................................................................... 19 Foto toevoegen ................................................................................................ 19 Link toevoegen ................................................................................................ 19 Tabel toevoegen ............................................................................................... 20 Icoontjes teksteditor ............................................................................................ 22 Een fotoalbum .................................................................................................... 24 Maak een Picasa account ................................................................................... 24 Foto’s op Picasa zetten ...................................................................................... 24 Code invoegen op OKRA website ........................................................................ 24 Nuttige tips ........................................................................................................ 26 Teksten kopiëren .............................................................................................. 26 Huisstijl ........................................................................................................... 26 Foto’s ............................................................................................................. 26
Opbouw trefpuntsite Startpagina
De startpagina is opgebouwd uit verschillende delen: 1. Fotoslider met naambord 2. Navigatie 3. Introtekst met daaronder de 3 meest recente nieuwsberichten 4. Centraal thema en lid worden 5. Groene kolom met links 6. Footer
1. Fotoslider met naambord
De fotoslider is een reeks van vijf foto’s die om de paar seconden wisselen. De foto’s worden beheerd door OKRA-Algemeen. Het is niet mogelijk om hier lokale trefpuntfoto’s te plaatsen. Bedoeling van de slider: uitstraling van de OKRA-sfeer Op het naambordje komt automatisch de naam van jullie trefpunt te staan. Dit bord is aanklikbaar en stuurt je altijd terug naar de startpagina.
2. navigatie
De navigatie is voor elke trefpuntsite gelijk. Er zijn 5 tabs: -
Over OKRA Activiteiten Lid worden Contact Foto’s
3. Introtekst en nieuwsberichten
Bovenaan staat een KORTE introtekst van 3 lijnen waarin je jouw trefpunt voorstelt. Hieronder komen de 3 meest recente nieuwsberichten te staan. Is een nieuwsbericht ingevoerd met een foto, dan komt deze er automatisch bij te staan. Wat is een nieuwsbericht? Alles wat je met de leden en niet-leden wenst te communiceren is nieuws. Hoe vaker deze berichten wijzigen, hoe meer bezoekers. Enkele voorbeelden: -
Verslag van de activiteit Aankondiging dat er nieuwe foto’s online staan Wijziging in het programma Overlijden Jubileum ...
Introtekst: artikel met taxonomie: Home Nieuwsbericht:
Nieuws en promotie met taxonomie : Nieuws
4. Centraal thema en lid worden
Onderaan de pagina staan twee afbeeldingen waar de bezoekers op kunnen klikken: -
Ik vind de aarde leuk: deze opent www.ikvinddeaardeleuk.be in een nieuw venster Lid worden?: deze opent het lid worden formulier
5. Groene kolom met links In het groene gedeelte zitten 4 onderverdelingen Bij Onze activiteiten komen de 5 eerstkomende activiteiten van jouw trefpunt te staan.
Onder Blijf op de hoogte vind je een lijst van links naar andere OKRA websites
De coverfoto van OKRA-magazine linkt naar de pagina van het magazine op de regionale website. Deze cover wordt maandelijks aangepast door OKRA-Algemeen.
Bij Volg ons op staan de links naar OKRA op facebook, twitter, Youtube en Picasa. Standaard linkt dit naar de pagina’s van OKRA-Algemeen maar dit kan worden aangepast.
6. Footer
In de footer staan 3 links en een logo: -
Webmaster: dit linkt naar de inlogpagina voor de webmaster Links: Dit linkt naar een pagina waar je links kan zetten naar andere websites Downloads: Dit linkt naar de downloadpagina van OKRA-algemeen CM-logo: linkt naar de cm-website
Over OKRA
Op deze pagina komt de voorstelling van jouw trefpunt en trefpuntbestuur met eventueel een foto. Aan de rechterkant staan 4 links: -
Wat doet OKRA? : linkt naar deze pagina op de regiosite Centraal thema: linkt naar deze pagina op de regiosite OKRA in de regio: linkt naar deze pagina op de regiosite Trefpuntnieuws: linkt naar een pagina met de titels van al jullie nieuwsberichten
Introtekst: Artikel met taxonomie: Over OKRA Trefpuntbestuur: Artikel met taxonomie: Trefpuntbestuur
Activiteiten
Op de activiteitenpagina vind je een korte introtekst met daaronder de lijst met trefpuntactiviteiten. Aan de rechterkant staan 3 links: -
Jaarplanning: linkt naar een pagina waar je de hele jaarplanning kan zetten Clubs: linkt naar een pagina met de voorstelling van de clubs (wandel, fiets, crea,...) Regionale activiteiten: opent de activiteitenpagina van de regiosite
Introtekst activiteiten Artikel met als taxonomie Activiteiten Kalender Activiteit met als taxonomie: Activiteiten Jaarplanning Artikel met als taxonomie Jaarplanning Clubs Artikel met als taxonomie Clubs
Lid worden
Bovenaan de lid worden pagina heb je plaats om te zetten hoeveel het kost om lid te worden. Onderaan staan een formulier om in te vullen. Deze informatie wordt via mail naar een e-mailadres verstuurd opgegeven door het trefpunt. Aan de rechterkant staan 2 links -
Ledenvoordelen: linkt naar deze pagina op de regiosite Publicaties: linkt naar deze pagina op de regiosite
Tekst op lid worden Artikel met als taxonomie: lid worden
Contact
De contactpagina bestaat uit een korte introtekst met daaronder een contactformulier. Deze informatie wordt via mail naar een e-mailadres verstuurd opgegeven door het trefpunt.
Tekst op Contact Artikel met als taxonomie: Contact
Foto’s
De fotopagina is een tekst pagina waarin je links kan leggen naar fotoalbums op picasa. We zetten zo min mogelijk foto’s op de eigen OKRA-server. Tekst op Foto’s Artikel met als taxonomie: Foto’s
Hoe starten? Surf naar je trefpuntwebsite (www.okra.be/page?page=homenaamtrefpunt) en klik onderaan in de footer op ‘webmaster’.
Je komt dan op de volgende pagina waar je jouw gebruikersnaam en paswoord kan invoeren en vervolgens op inloggen klikken.
Eens dit gebeurd is ben je op je eigen edesk en kan je gegevens gaan invoeren.
Artikels aanmaken Een artikel maken
1. Klik in de eDesk op ‘Artikels’ 2. Klik op ‘Toevoegen’. Inhoud 3. Je bevindt je nu in de tab ‘Inhoud’. Vul naast het veld ‘Titel’ de naam van je artikel in. 4. In het grote lege veld vul je de volledige tekst in van je artikel. 5. Het veld ‘Datum’ wordt automatisch ingevuld. Je kan deze datum wel zelf wijzigen. Eerste veld is dag, tweede is maand, derde is jaar. 6. Klik op ‘Bewaren’. Taxonomie 7. Klik op de tab ‘Taxo’ naast de tab ‘Opmaak’. 8. Vink de knop aan waar je dit artikel aan wenst toe te kennen. 9. Klik op ‘Toevoegen’ onderaan de pagina. Rechten 10. Klik op de tab ‘Rechten’ naast de tab ‘Taxo’. 11. Vink het vakje ‘Publiek (voor iedereen opvraagbaar)’ aan en klik onderaan op ‘Bewaren’ Bekijken en publiceren 12. Klik op de tab ‘Bekijken en Publiceren’ naast de tab ‘Rechten’. 13. Klik onderaan op ‘Publiceren’.
Een artikel verwijderen
1. 2. 3. 4. 5.
Klik in de eDesk op ‘Artikels’. Klik op de folder waarin je artikel zich bevindt. Selecteer het artikel door de checkbox voor het artikel aan te vinken. Klik op ‘Verwijderen’. Klik op ‘OK’
Een artikel wijzigen
1. 2. 3. 4. 5. 6.
Klik in de eDesk op ‘Artikels’. Klik op de folder waarin je artikel zich bevindt. Klik op de naam van het artikel. Breng de wijzigingen in het artikel aan en klik onderaan op ‘Bewaren’. Klik op de tab ‘Bekijken en Publiceren’ Klik onderaan op ‘Publiceren’.
Activiteit invoeren Een activiteit toevoegen
1. Klik in de eDesk op ‘Activiteiten’. 2. Klik op ‘Toevoegen’. 3. Je bevindt je nu in de tab ‘Activiteit’. Vul naast het veld ‘Titel’ de naam van je activiteit in. 4. In het grote lege veld vul je de volledige tekst van je activiteit in. 5. In het veld ‘Routebeschrijving’ vul je indien nodig de routebeschrijving in. 6. In het veld ‘Datum en uur’ vul je de datum in van de activiteit en als het een meerdaagse activiteit is ook de einddatum, alsook het begin- en einduur. 7. Bij ‘Beschikbaar van’ vul je de data in wanneer de activiteit beschikbaar moet zijn op de website (begin- en einddatum). 8. Bij ‘locatie’ kun je in de velden ‘Naam’, ‘Adres’, ‘Postcode’ en ‘Land’ de locatiegegevens van de activiteit invullen. 9. Onder ‘Contactgegevens van de organisator’ vul je de naam, het e-mailadres en het telefoonnummer in van de organisator. 10. Bij ‘Prijs’ kan je de prijs invullen voor ‘leden’ en ‘Niet-leden’. 11. Bij ‘Voorverkoop’ kan je de voorverkoop-prijs invullen voor ‘Leden’ en ‘Niet-leden’ en de datum tot wanneer die voorverkoopprijs geldig is. 12. Klik op ‘Bewaren’ Taxonomie 13. Klik op de tab ‘Taxo’ naast de tab ‘Verslag’. 14. Vink de knop aan waar je deze activiteit aan wenst toe te kennen. 15. Klik op ‘Toevoegen’ onderaan de pagina Rechten 16. Klik op de tab ‘Rechten’ naast de tab ‘Taxo’. 17. Vink het vakje ‘Publiek (voor iedereen opvraagbaar)’ aan en klik onderaan op ‘Bewaren’
Een activiteit verwijderen
1. Klik in de eDesk op ‘Activiteiten’. 2. Selecteer de activiteit door het artikel aan te vinken. 3. Klik op ‘verwijderen’. 4. Klik op ‘OK’.
Een activiteit wijzigen
1. Klik in de eDesk op ‘Activiteiten’. 2. Klik op de titel van de activiteit. 3. Breng de wijzigingen aan en klik daarna op ‘Bewaren’.
Een activiteit dupliceren
Klik in de eDesk op ‘Activiteiten’. Selecteer de activiteit door de checkbox voor het artikel aan te vinken. Klik op ‘Dupliceer’. In het veld ‘Datum en uur’ vul je de datum in van de activiteit en als het een meerdaagse activiteit is ook de einddatum, alsook het begin- en einduur. 5. Klik op ‘Bewaren’.
1. 2. 3. 4.
Nieuwsbericht maken Een nieuwsbericht maken
1. Klik in de eDesk op ‘Nieuws en promotie’. 2. Klik op ‘Toevoegen’. Item Geef naast ‘Titel’ de titel in van het nieuwsitem. Geef naast ‘Intro’ de korte intro van het nieuwsitem. Vul bij ‘Tekst’ de tekst in van het nieuwsitem. Vul bij ‘Datum van het nieuwsitem’ de datum in van het nieuwsartikel. Vul bij beschikbaar van/tot de begindatum en de einddatum in dat het artikel mag getoond worden, indien leeg gelaten blijft het artikel altijd getoond. 8. Druk op bewaren
3. 4. 5. 6. 7.
Foto toevoegen 9. Klik op de tab ‘Foto’s’ 10. Upload een foto door op de knop bladeren te klikken 11. Selecteer een foto op jouw pc en klik op openen 12. Typ bij naam een titel 13. Klik op bewaren Rechten 14. Klik op het vijfde tabblad “Rechten” om in te stellen wie het nieuwsartikel mag zien. 15. Vink het vakje “Publiek” aan en klik onderaan op Bewaren. Taxonomie 16. Klik op het laatste tabblad “Taxo”. 17. Duid onderaan de juiste taxonomieknop aan. 18. Druk op “Toevoegen”.
Een nieuwsbericht verwijderen
1. Klik in de eDesk op ‘Nieuws en promotie’. 2. Duid de checkbox aan voor het te verwijderen nieuwsitem. 3. Druk op ‘Verwijderen”.
Een nieuwsbericht wijzigen
1. Klik in de eDesk op ‘Nieuws en promotie’. 2. Klik op de titel van het nieuwsbericht. 3. Breng de wijzigingen aan en klik daarna op ‘Bewaren’.
Foto’s, links of tabellen toevoegen Foto toevoegen
1. Open het artikel of de activiteit waarbij je een foto wilt toevoegen. Voor een nieuwsbericht is er een andere procedure. 2. Ga in je tekst op de plaats staan waar je de foto wilt invoegen 3. Klik op 4. Klik op upload en vervolgens op bladeren 5. Selecteer op je lokale pc de foto die je wenst online te zetten 6. Klik op naar de server sturen en vervolgens op ok 7. Bij ‘Informatie afbeelding’ kan je nog wat info aanpassen •
URL: De url wordt automatisch ingevuld.
•
Alternatieve tekst: Hier kan je tekst invoeren die getoond wordt als de muispijl op de afbeelding is geplaatst.
•
Breedte: Je kan hier de breedte wijzigen
•
Hoogte: Je kan hier de hoogte wijzigen
•
Rand: Voer eventueel pixels in om de foto een rand te geven.
•
HSpace: Horizontale ruimte, voor gevorderde gebruikers
•
VSpace: Verticale ruimte, voor gevorderde gebruikers
•
Uitlijning: Bepaal waar je foto komt te staan: links, rechts, midden
•
Voorbeeld: de foto wordt als voorbeeld getoond
8. Klik op ok
Link toevoegen
1. Open het artikel, de activiteit of het nieuwsbericht waarbij je een link wilt toevoegen. 2. Selecteer de tekst die je wenst te laten linken naar een andere pagina
3. Klik op
4. Typ (of kopieer en plak) bij URL het adres van de link 5. Klik vervolgens op tab ‘doel’ 6. Kies bij doel: a. Nieuw venster: als je de pagina wilt laten openen in een nieuw venster. b. Zelfde venster: als je de pagina wilt laten openen in hetzelfde venster. 7. Klik op OK.
Tabel toevoegen Tabellen gebruik je best om het jaarprogramma en bestuur in te voegen. Ze laten je toe gegevens mooi uit te lijnen. Tabellen zijn ook handig om tekst en foto naast mekaar te zetten. 1. Open het artikel, de activiteit of het nieuwsbericht waarbij je een tabel wilt toevoegen. 2. Zet je cursor op de plaats waar je de tabel wenst te plaatsen 3. Klik vervolgens op 4. Geef volgende gegevens in: •
Rijen: geef het gewenste aantal rijen
•
Kolommen: geef het gewenste aantal kolommen
•
Breedte: Geef de breedte van je kolom aan in pixels
•
Hoogte: idem als voor de breedte
•
Breedte rand: Geef de breedte van de rand aan in pixels. Een waarde van 0 betekent geen rand
•
Uitlijning: Om de tabel te positioneren op de pagina. Je kan kiezen tussen links, rechts of gecentreerd
•
Afstand tussen cellen: Dit is de afstand tussen de cellen in de tabel.
•
Afstand vanaf rand cel: Dit is de afstand tussen de rand van de cel en de tekst
•
Samenvatting: alleen voor gevorderde gebruikers
5. Klik op OK. 6. De tabel verschijnt op de pagina Om de eigenschappen van de tabel later te wijzigen, klik je met de rechtermuisknop in de tabel en kies je ‘eigenschappen tabel’.
De gegevens van een cel van een tabel wijzigen 1. Klik met de rechtermuisknop in de cel waarvan je de eigenschappen wenst te wijzigen 2. Klik op eigenschappen cel 3. Pas de gegevens aan •
Breedte: breedte van de cel in pixels
•
Hoogte: idem als voor breedte
•
Overkoepeling rijen: hiermee kunt u rijen overspannen. Geef het aantal rijen op.
•
Overkoepeling kolommen: hiermee kunt u kolommen overspannen. Geef het aantal kolommen op.
•
Afbreken woorden: Woorden worden standaard afgebroken. Dit betekent dat woorden naar de volgende regel worden afgebroken als de cel te smal is om de tekst te bevatten.
•
Horizontale uitlijning: De horizontale positie van de celinhoud kan links, rechts of gecentreerd staan.
•
Verticale uitlijning: de verticale positie kan top, midden, basislijn of beneden zijn
•
Kleur achtergrond: om de achtergrondkleur van de cel in te stellen. Klik op de knop ‘Selecteren’ en een venster ‘Selecteer kleur’ wordt getoond.
•
Kleur rand: voor de kleur van de rand
4. Klik op OK.
Icoontjes teksteditor Icoontje
Waarvoor dient het? Toon of bewerk de HTML-broncode Voorbeeld van hoe de pagina eruit ziet Verwijder geselecteerde tekst Kopieer geselecteerde tekst Plak de tekst die je gekopieerd hebt (met of zonder opmaak) Druk de HTML pagina af Kijk de spelling na in de HTML pagina Maak de laatste handeling ongedaan of herhaal deze Zoek een woord of een zin in de tekst van de HTML-pagina Zoek en vervang een woord of een zin in de tekst Selecteer alle tekst in de HTML-pagina Verwijder de opmaak van de geselecteerde tekst Maak de geselecteerde tekst vet, cursief, onderstreept of doorgehaald. Subscript of superscript de geselecteerde tekst. Verander de kleur van de geselecteerde tekst. Code OKRA-groen: #61bc47 Verander de achtergrondkleur van de geselecteerde tekst Voeg nummers of opsommingtekens toe. Laat de geselecteerde tekst inspringen of verminder de inspringing. Uitlijning van de geselecteerde tekst
Voeg een link toe of verwijder de link uit de geselecteerde tekst Voeg een interne link toe Voeg een afbeelding in Voeg een tabel in Voeg een horizontale lijn in Voeg emoticons in Voeg symbolen en speciale tekens in Gebruik deze opmaak functie om je titels een speciaal uitzicht te geven.
Icoontjes die niet in deze lijst werden opgenomen, worden best niet gebruikt. Ze kunnen voor problemen zorgen op het vlak van uitzicht en werking van je website.
Een fotoalbum Maak een Picasa account Indien je een google-account of gmail-account hebt, kan je deze gebruiken. Je moet dan geen nieuwe aanmaken. 1. Ga naar http://picasaweb.google.be 2. Klik rechts bovenaan op de rode knop ‘Aanmelden’ 3. Vul de gevraagde gegevens in. 4. Klik op ‘Maak mijn account’
Foto’s op Picasa zetten 1. Ga naar http://picasaweb.google.be 2. Vul rechts je email en wachtwoord in en klik op aanmelden 3. Klik bovenaan op ‘uploaden’ 4. Typ de titel van je album en selecteer de foto’s op je computer 5. Even geduld tot alle foto’s zijn geupload. Klik na het uploaden op ‘ok’ om zo bij het album te komen. 6. Momenteel ben jij de enige die dit album kan zien. Rechts kan je naast ‘alleen u’ klikken op bewerken. Zo kan je de status wijzigen naar ‘openbaar op het web’. 7. Rechts op de pagina kan je op ‘link naar dit album’ klikken voor de code die je kan gebruiken op de website. Kies voor HTML plakken om in te voegen in website.
Code invoegen op OKRA website
1. Maak een artikel in de map foto’s waar je de links naar de fotoalbums kan zetten. Elke nieuwe link kan in hetzelfde artikel Klik op
worden toegevoegd.
2. Plak de code die je vindt op de picasa-pagina bij ‘HTML plakken om in te voegen in website’. 3. Klik op bewaren 4. Klik op taxo en kies fotoalbum
5. Klik op rechten en zet op publiek Wens je meerdere fotoalbums in te voegen. Ga dan gewoon boven de vorige code staan en plak je code. De albums komen dan onder elkaar te staan. De meest recente bovenaan.
Nuttige tips Om af te sluiten nog even enkele tips op een rijtje.
Welke browser? De edesk werkt alleen met Internet Explorer 8 of 9 en met safari.
Teksten kopiëren Alle teksten die je op de website wilt zetten, moet je eerst naar kladblok kopiëren. Dit om te vermijden dat een heel pak overbodige code mee gekopieerd wordt. Als je eerst kopieert naar kladblok ben je ook zeker dat het lettertype en de kleur van de tekst goed staat.
Huisstijl De website werd opgemaakt met respect voor de OKRA-huisstijl en lettertypes worden automatisch aangepast. Kleine variaties in opmaak zijn mogelijk maar we zouden toch willen vragen rekening te houden met de huisstijl en een zekere soberheid te bewaren.
Foto’s Probeer geen foto’s op te laden die groter zijn dan 500-600kb. Deze grootte is ruim voldoende voor een website. Verklein dus vooraf je foto’s. Voor foto’s die je op Picasa zet, is dit niet nodig. Maximum breedte van een foto op de website: 500 pixels.