Juni 2013 OKRA HANDLEIDING TREFPUNTSITES.

Transcriptie

1 Juni 2013 OKRA HANDLEIDING TREFPUNTSITES

2 Opbouw trefpuntsite... 3 Startpagina... 3 Over OKRA... 7 Activiteiten... 8 Lid worden... 9 Contact Foto s Hoe starten? Artikels aanmaken Een artikel maken Een artikel verwijderen Een artikel wijzigen Activiteit invoeren Een activiteit toevoegen Een activiteit verwijderen Een activiteit wijzigen Een activiteit dupliceren Nieuwsbericht maken Een nieuwsbericht maken Een nieuwsbericht verwijderen Een nieuwsbericht wijzigen Foto s, links of tabellen toevoegen Foto toevoegen Link toevoegen Tabel toevoegen Icoontjes teksteditor Een fotoalbum Maak een Picasa account Foto s op Picasa zetten Code invoegen op OKRA website Nuttige tips Teksten kopiëren Huisstijl Foto s... 26

3 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

4 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

5 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 in een nieuw venster - Lid worden?: deze opent het lid worden formulier

6 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

7 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

8 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

9 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 adres 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

10 Contact De contactpagina bestaat uit een korte introtekst met daaronder een contactformulier. Deze informatie wordt via mail naar een adres verstuurd opgegeven door het trefpunt. Tekst op Contact Artikel met als taxonomie: Contact

11 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

12 Hoe starten? Surf naar je trefpuntwebsite ( 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.

13 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. Klik in de edesk op Artikels. 2. Klik op de folder waarin je artikel zich bevindt. 3. Selecteer het artikel door de checkbox voor het artikel aan te vinken. 4. Klik op Verwijderen. 5. Klik op OK

14 Een artikel wijzigen 1. Klik in de edesk op Artikels. 2. Klik op de folder waarin je artikel zich bevindt. 3. Klik op de naam van het artikel. 4. Breng de wijzigingen in het artikel aan en klik onderaan op Bewaren. 5. Klik op de tab Bekijken en Publiceren 6. Klik onderaan op Publiceren.

15 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 adres 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.

16 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 1. Klik in de edesk op Activiteiten. 2. Selecteer de activiteit door de checkbox voor het artikel aan te vinken. 3. Klik op Dupliceer. 4. 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.

17 Nieuwsbericht maken Een nieuwsbericht maken 1. Klik in de edesk op Nieuws en promotie. 2. Klik op Toevoegen. Item 3. Geef naast Titel de titel in van het nieuwsitem. 4. Geef naast Intro de korte intro van het nieuwsitem. 5. Vul bij Tekst de tekst in van het nieuwsitem. 6. Vul bij Datum van het nieuwsitem de datum in van het nieuwsartikel. 7. 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 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.

18 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.

19 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

20 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.

21 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.

22 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

23 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.

24 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 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 2. Vul rechts je 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

25 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.

26 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 kb. 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.