Voorstellingspagina s van 11.groepen op de 11.11.11-subsite 1 INLEIDING 2 1.1 Doelpubliek 2 1.2 Opzet 2 1.3 Document status 2 1.4 Definities/Conventies 2 2 DE MOGELIJKHEDEN OP JE VOORSTELLINGSPAGINA 3 2.1 Intranet vs. voorstellingspagina's 3 2.2 Contactgegevens 3 2.3 Activiteiten 3 2.4 Artikels 3 3 ARTIKELS AANMAKEN, BEWERKEN & VERWIJDEREN 4 3.1 Aanmelden 4 3.2 De werkomgeving 4 3.3 Nieuw artikel aanmaken 4 3.4 Bestaande artikels bewerken 5 4 DE EDITOR 6 4.1 Afspraken voor je begint 6 4.1.1 Afbeeldingen verkleinen 6 4.1.2 Opmaak verwijderen uit je oorspronkelijke tekst 6 4.1.3 Popups van 11.be toelaten 6 4.1.4 Andere 6 4.2 De knoppen van de editor 6 4.3 Afbeeldingen 7 4.3.1 De afbeelding staat al ergens op een site 7 4.3.2 De afbeelding staat op je eigen computer 8 4.4 Links leggen 8 5 STIJLGIDS 9 Koepel van de Vlaamse Noord-Zuidbeweging 11.11.11 vzw - www.11.be
1 Inleiding 1.1 Doelpubliek Deze handleiding is voor leden van 11.groepen met toegang tot het intranet die artikels willen publiceren op de voorstellingspagina s van hun 11.groep op de 11.11.11-site. 1.2 Opzet Sinds lange tijd is er vanuit de basis van 11.11.11 vraag naar een plaatsje op de website waar de lokale 11.groepen zich kunnen voorstellen. We proberen hieraan tegemoet te komen door 11.groepen de mogelijkheid te geven artikels te publiceren op hun eigen pagina's op de website. 1.3 Document status Versie 3.0 februari 2011. Vragen, opmerkingen, suggesties, aanvullingen of fouten zijn steeds welkom bij benedikt.raets@11.be 1.4 Definities/Conventies Onderlijnde tekst vaste teksten in menu s of icoontjes Tekst in cursief voorbeeld data om in te geven pagina 2 (van 9)
2 De mogelijkheden op je voorstellingspagina Elke 11.groep krijgt automatisch een voorstellingspagina met naam en contactgegevens van de verantwoordelijke. Wanneer je 11.groep activiteiten heeft ingegeven via het intranet voor 11.groepen, worden die ook op deze pagina getoond. Als je dat wil, kan je op je voorstellingspagina artikels publiceren. De pagina's van jouw 11.groep zijn te bereiken via www.11.be/11/<naam van je groep> (let op dat je geen accent gebruikt!) of via een overzichtspagina op de 11.11.11-subsite (www.11.be/11 ->11.11.11 in je gemeente) op http://www.11.be/11/index.php?option=com_one&scheme=gemeente&task=list&itemid=3493. Je kan deze pagina s enkel aanpassen door in te loggen via het intranet voor 11.groepen (zie puntje 3.1). Voor een goed begrip gaan we eerst even wat dieper in op alle onderdelen. 2.1 Intranet vs. voorstellingspagina's Het intranet voor 11.groepen is een afgesloten plaats, bedoeld om de interne werking van je groep te faciliteren. Deze pagina s zijn enkel toegankelijk voor de leden van je 11.groep. Je voorstellingspagina is het visitekaartje van je 11.groep op de 11.11.11-subsite. Deze pagina s zijn voor iedereen zichtbaar. 2.2 Contactgegevens Op elke voorstellingspagina worden contactgegevens getoond van de verantwoordelijke voor die groep. Op die manier is het voor potentiële vrijwilligers makkelijk je 11.groep te contacteren. Deze gegevens worden overgenomen van - en kan je dus beheren op - het intranet voor 11.groepen. Wanneer bijvoorbeeld je verantwoordelijke verhuist, log je gewoon in op het intranet en pas je deze gegevens aan op de pagina Comitéleden. Klik bij de juiste persoon op meer details en opties om te wijzigen. De daaropvolgende nacht zullen die aangepaste gegevens overgenomen worden op je voorstellingspagina s op de website. 2.3 Activiteiten Ook de activiteiten van je groep worden elke nacht automatisch overgenomen op de website. Je activiteiten worden zowel getoond in de kalender op de portaalsite 11.be als op je voorstellingspagina's op de 11.11.1- subsite. Deze gegevens kan je dus ook beheren op het intranet voor 11.groepen. 2.4 Artikels Naast deze zaken die automatisch voorzien worden, heb je ook de mogelijkheid om zelf artikels te publiceren. Hiermee kan je bijvoorbeeld de leden of de werking van je 11.groep voorstellen of verslag uitbrengen van je activiteiten. Op je voorstellingspagina's wordt een overzicht getoond van je artikels met telkens de eerste paragraaf. Geïnteresseerde lezers kunnen dan doorklikken naar het volledige artikel. In de rest van deze handleiding gaan we uitgebreid in op deze mogelijkheid. pagina 3 (van 9)
3 Artikels aanmaken, bewerken & verwijderen 3.1 Aanmelden Om artikels te kunnen publiceren op je voorstellingspagina s, moet je aangemeld zijn. Dit doe je door in te loggen op het intranet voor comités op http://comite.11.be en onderaan de homepage op de link Voorstellingspagina s op de 11.11.11-subsite te klikken. Iedereen die lid is van een 11.groep kan dus artikels beheren op de voorstellingspagina. Je kan je login gegevens voor het intranet steeds opvragen bij adres@11.be. 3.2 De werkomgeving Als je aangemeld bent, krijg je bovenaan in de linkerkolom het controlepaneel voor jouw groep te zien: 3.3 Nieuw artikel aanmaken In dit controlepaneel staan alle links verzameld die je nodig hebt om je voorstellingspagina s te beheren. Voorstellingspagina Deze link brengt je naar de voorstellingspagina van jouw 11.groep. Overzicht 11.groepen Deze link brengt je naar de pagina 11.11.11 in je gemeente, waar een overzicht van alle 11.groepen getoond wordt. Nieuw artikel Via deze link kan je een nieuw artikel aanmaken dat gepubliceerd wordt op je voorstellingspagina. Handleiding Dit is een link naar de recentste versie van deze handleiding. Help Op deze help pagina wordt kort ingegaan op de mogelijkheden van de voorstellingspagina s. Uitloggen Gebruik deze knop om je af te melden. Als je weer wil inloggen, moet dat via het intranet voor 11.groepen (zie 3.1). Hiervoor gebruiken we de link Nieuw artikel in je controle paneel. Als je hierop klikt, krijg je een aantal velden te zien waarin je alle gegevens van je artikel kan invullen. Alle velden zijn verplicht in te vullen, behalve het veld Korte omschrijving. Titel Hier geef je de titel van je artikel in. Korte omschrijving Op de voorstellingspagina van je 11.groep wordt voor elk artikel de titel en een korte omschrijving getoond als intro. Vanuit deze intro kunnen bezoekers doorklikken naar het volledige artikel. In deze korte omschrijving kan je geen opmaak gebruiken (bijv. links of tekst in het vet). Dit veld is optioneel. De tekst wordt niet getoond in het volledige artikel. Als je het leeg laat worden de eerste 250 karakters van je artikel gebruikt als intro. Tekst artikel Hier komt de inhoud van je artikel. Dit is het belangrijkste veld. In punt 4 gaan we dieper in op het gebruik van de editor waarmee je de tekst kan opmaken. Gepubliceerd Als je wil, kan je de publicatie van een artikel ongedaan maken. Om dit te doen vink je dit vakje uit. Het artikel zal dan niet meer zichtbaar zijn voor gewone bezoekers. Zelf kan je een ongepubliceerd artikel wel nog bekijken of bewerken. pagina 4 (van 9)
3.4 Bestaande artikels bewerken Wanneer je een artikel wil bewerken, dien je eerst naar je voorstellingspagina te navigeren. Wanneer je ingelogd bent, zie je naast de titels van de artikels een icoontje staan (pen & papier). Klik op dit icoontje om het artikel te bewerken. Hierdoor zal deze pagina openen in de editor, waar je de inhoud kan aanpassen. Je krijgt dan dezelfde velden te zien als bij een nieuw artikel. pagina 5 (van 9)
4 De editor 4.1 Afspraken voor je begint 4.1.1 Afbeeldingen verkleinen Het is handig als je de afbeeldingen die je wil gebruiken op voorhand klaar hebt staan op het gewenste formaat. Zo hoef je tijdens het schrijven niet meer met andere software in de weer om je afbeeldingen op de juiste grootte te krijgen. In de editor heb je de mogelijkheid om afbeeldingen kleiner weer te geven, maar je pagina zal veel sneller laden als de afbeeldingen vooraf worden verkleind. 4.1.2 Opmaak verwijderen uit je oorspronkelijke tekst Als je al een tekst klaar hebt of je kopieert een bestaande tekst, zorg dan dat er geen opmaakelementen mee gekopieerd worden. Een eenvoudig Word-document bevat bijvoorbeeld heel wat verborgen opmaak die, hoewel onzichtbaar, bijzonder hinderlijk kan zijn op een web-pagina en de lay-out van de hele website kan verstoren. Om opmaak uit een tekst te verwijderen gebruik je de knop Paste as Plain Text in de editor. 4.1.3 Pop-up vensters van 11.be toelaten Bepaalde functies van de editor gebruiken pop-up vensters. In sommige browsers worden die automatisch geblokkeerd. Je moet ervoor zorgen dat pop-ups van het domein 11.be wel toegelaten worden. Om pop-up vensters van 11.be toe te laten in Internet Explorer ga je als volgt te werk: Klik rechts bovenaan het menu Extra en ga naar Pop-upblokkeringen >> Instellingen voor popupblokkering (Engels: Tools >> Pop-up Blocker >> Pop-up Blocker Settings In het eerste vakje Adres van website waarvan pop-ups worden toegestaan vul je www.11.be in Klik op Toevoegen en daarna op Sluiten 4.1.4 Andere Verder is het ook aan te raden dat je eventuele links naar andere artikels of websites klaar houdt. 4.2 De knoppen van de editor Als je je muis even stil houdt boven een knop, krijg je een omschrijving te zien. De meeste van deze knoppen zal je wel kennen uit Word of een ander tekstverwerkingsprogramma dat je gebruikt. Hiermee kan je tekst in het vet, cursief, onderlijnd of doorstreept weergeven. Undo, Redo. Hiermee kan je je laatste handeling ongedaan maken of opnieuw toepassen. Tekst uitlijnen Insprongen, te vergelijken met de tabknop op je toetsenbord. Lijstjes maken, al dan niet genummerd Sub- en superscript. Dit is tekst die kleiner is en net boven of onder de normale tekst staat. (bv H 2 O m³) Helppagina met alle uitleg over de editor (in het engels) Afbeelding invoegen.(meer uitleg in puntje 4.3) Knoppen om links te maken, te bewerken of te verwijderen. (meer uitleg volgt in puntje 4.4.1) Knippen en plakken. Voor het plakken heb je de keuze uit 3 mogelijkheden: normaal plakken, plakken uit MS Word en plakken als gewone tekst. (zie ook puntje 4.1.2) Deze knop verwijdert blok- en stijlopmaakelementen uit de geselecteerde tekst. Bekijk je artikel in HTML (met opmaak van code) Speciale karakters invoegen. pagina 6 (van 9)
4.3 Afbeeldingen Zoals eerder gezegd, raden we aan om de afbeeldingen die je wil gebruiken op voorhand klaar te houden. Zo hoef je tijdens het schrijven niet meer met tekenprogramma s in de weer om je afbeeldingen te bewerken. Daarnaast vragen we ook om je afbeeldingen op voorhand te verkleinen zodat ze niet breder zijn dan 200 pixels. Het is mogelijk om grote afbeeldingen te herschalen in de editor, maar we raden dit ten stelligste af omdat dit de pagina onnodig verzwaart waardoor deze trager laadt. Hoe ga je te werk om een afbeelding toe te voegen? Plaats de cursor op de plaats in je artikel waar je een figuur wil toevoegen. Klik op het image-icoon. Het volgend venster ( = de Image Manager) verschijnt: Je hebt 2 mogelijkheden om een afbeelding toe te voegen: 4.3.1 De afbeelding staat al ergens op een site Stel dat je een afbeelding wil gebruiken die al ergens op een site staat, bijvoorbeeld de banner onderaan op http://www.detijdloopt.be. Je kan dan gewoon naar deze afbeelding verwijzen zonder dat je ze naar de webserver moet uploaden. Dit gaat als volgt: Achterhaal het pad (locatie) van de afbeelding door op de afbeelding te klikken met je rechtermuisknop. Ga naar eigenschappen/properties en kopieer wat er bij Adres staat. In ons voorbeeld geeft dit: http://www.11.be/~temp2015/templates/2015_campagne/images/banner2015_a4.gif Kopieer dit pad naar het veld URL van de Image Manager De afbeelding verschijnt nu in het preview venster. Klik op Insert om de afbeelding toe te voegen in je artikel. pagina 7 (van 9)
4.3.2 De afbeelding staat op je eigen computer Meestal zal je deze optie gebruiken. Je hebt bijvoorbeeld een foto van een actie die je wil gebruiken. Zorg ervoor dat je de afbeelding hebt klaar staan in het juiste formaat (zie inleiding puntje 4.3). Ga naar de Image Manager zoals hierboven beschreven. Klik op de knop Upload, de middelste knop boven het vakje Details (rechts onderaan) Een nieuw dialoogvenster Upload verschijnt. Klik bovenaan op de knop Bladeren en selecteer de afbeelding op jouw pc. Klik dan op de knop Upload, links onderaan. Na een aantal seconden krijg je de melding dat de afbeelding 100% naar de webserver geüploaded is. Sluit het dialoogvenster Upload af. Klik in de Image Manager, in het vakje centraal onderaan, op de afbeelding die je net geüploaded hebt. Bovenaan de Image Manager kan je nog een aantal zaken invullen. Daar gaan we dadelijk wat dieper op in. Klik onderaan de Image Manager op Insert om de afbeelding toe te voegen aan je pagina. Bovenaan de Image Manager zijn er nog een aantal velden die je kan invullen. Alternate text: Hier geef je een korte omschrijving van je afbeelding. Deze tekst wordt getoond als je met je muis over de afbeelding beweegt en verschijnt in de plaats van de afbeelding als deze niet zichtbaar is (bv bij een tekstbrowser). Alignment: Hier stel je in hoe de afbeelding uitgelijnd wordt. In het venstertje rechts krijg je een voorbeeld te zien. Gebruik enkel left of right, de andere mogelijkheden geven geen mooi resultaat. Dimensions: Dit vul je niet in. De afbeeldingen moeten op voorhand de juiste afmetingen hebben en worden dus op ware grootte weergegeven (zie inleiding puntje 4.3). Margin: Hiermee bepaal je hoeveel witruimte (in pixels) er rond de afbeelding wordt getoond. Op heel de website wordt er automatisch 5 px witruimte gelaten, dit hoef je dus niet in te vullen. Border: Hiermee bepaal je de dikte van de rand rond je afbeelding (in pixels). Laat dit vak leeg (of vul 0 in) om geen rand rond je afbeelding te tonen. Wil je toch een rand, beperk die dan tot 1px en een neutrale kleur (bijv. zwart of grijs). 4.4 Weblinks leggen Selecteer de tekst of de afbeelding waarvan je een link wil maken en klik op de knop Insert/edit link Je krijgt het dialoogvenster Insert/edit link te zien. In het eerste vak Link URL geef je de locatie op waarnaar je wil linken. Als je wil dat de link in een nieuw venster geopend wordt, zet je Target op Open in new window (_blank). Anders kan je dit laten staan. Bij Title geef je een titel op. Klik op Insert om de link aan te maken. Wanneer je een bestaande link in je tekst wil bewerken, selecteer je de gelinkte tekst en volg je voorgaande stappen tot je het gewenste resultaat hebt bereikt. pagina 8 (van 9)
5 Stijlgids Om de voorstellingspagina's van de comités uniform te houden en consistent met de rest van de site, vragen we je een aantal richtlijnen in acht te nemen. Een groot deel hiervan kwam elders in deze handleiding al aan bod. Om het overzicht te bewaren, zetten we alles nog eens op een rijtje: Gebruik geen kleuren en wijzig het lettertype of de grootte niet. Als je tekst wil laten opvallen, maak hem dan vet. Zorg dat je afbeeldingen niet breder zijn dan 200 pixels. Verklein nooit afbeeldingen in de editor zelf, dit vertraagt het laden van je pagina. Wanneer je een rand rond een afbeelding wil, beperk die dan tot maximum 1px en gebruik een neutrale kleur (bijv. zwart of grijs) Links die naar een andere website gaan, open je steeds in een nieuw venster. pagina 9 (van 9)