Handleiding voor afdelingswebmasters Passage n.a.v. vernieuwing van het CMS* in 2012, Versie 1.1

1

Handleiding voor afdelingswebmasters Passage n.a.v. vernieuwing van het CMS* in 2012, Versie 1.1 * Het onderhoudsprogramma waarmee een website onderhouden kan worden, wordt CMS (content management system) genoemd. LET OP: in de handleiding kan in een afbeelding de afdelingsnaam Lodijke zichtbaar zijn. Dit is een fictieve naam met fictieve gegevens, opgenomen als voorbeeld.

Inhoudsoverzicht Inloggen Werken in de editor Webpagina’s opmaken

2 2 3

Knippen, Kopiëren, Plakken, Plakken als platte tekst, Ongedaan maken, Opnieuw uitvoeren, Alles selecteren, Opmaak verwijderen, De editor maximaliseren, Afbeelding invoegen/wijzigen, Tabel invoegen/wijzigen, Invoegen horizontale lijn, Smiley/icoon toevoegen, Speciaal teken invoegen, Pagina-einde invoegen, Tekstkleur wijzigen, Markeren, Vet maken, Cursief maken, Onderstrepen, Doorhalen, Superscript, Subscript, Genummerde lijst invoegen/verwijderen, Opsomming invoegen/verwijderen, Inspringen vergroten, Inspringen verkleinen, Links uitlijnen, Centreren, Rechts uitlijnen, Uitvullen, Link invoegen/wijzigen, Link verwijderen, link binnen de webpagina maken,

Wijzigingen opslaan Vullen van de Agendapagina Werken in de afbeeldingenbibliotheek en documentenbibliotheek Uitbreiden van de afdelingswebsite Vullen van de Contactpagina Extra informatie Voorbeeld webteksten Passage Ondersteuning Handleiding digitaal

21 21 21 23 28 29 30 32 32

2

Inloggen Stap 1 Ga naar het adres http://afdeling.passagevrouwen.nl/onderhoud Stap 2 Vul de toegangscode van de afdeling – die u van het landelijk bureau heeft gekregen - in met gebruik van eventuele hoofdletters en zonder spaties tussen, voor of achter de karakters. Klik vervolgens op “Inloggen”. NB: Inloggegevens zijn met het nieuwe CMS ongewijzigd gebleven

Afbeelding 1. Inlogscherm onderhoudsgedeelte voor afdelingswebsites Stap 3 Kies in het hoofdmenu van het onderhoudsgedeelte de optie “Ga naar de website”.

Afbeelding 2. Hoofdmenu onderhoudsgedeelte voor afdelingswebsites

Werken in de editor Een afdelingswebsite heeft standaard 5 webpagina’s, namelijk: Welkom, Activiteiten, Contact, Diversen en Agenda. Op iedere webpagina is een aanklikbare bewerkknop te zien die correspondeert met de bijbehorende onderhoudspagina. Deze knop is alleen zichtbaar nadat is ingelogd met de toegangscode van de afdelingswebmaster.

Afbeelding 3. Aanklikbare bewerkknop op een webpagina om naar de bijbehorende onderhoudspagina te gaan.

3

Ga naar een van de webpagina’s en ga door te klikken op de bewerkknop naar de onderhoudspagina voor het bewerken van de gekozen webpagina.

Webpagina’s opmaken Via het onderhoudsprogramma, content-management-systeem (CMS) kunnen webpagina’s worden opgemaakt. De werkwijze is te vergelijken met het opmaken van een brief in Word. Onder in beeld is een wit werkvlak met daarboven allerlei opmaakknoppen. Dit noemen we ook wel de ‘editor’. Door langzaam met de muis over de opmaakknoppen te bewegen, zonder klikken, is te lezen wat de opmaakknoppen uitvoeren.

Afbeelding 4. Opmaakknoppen boven de editor Opmaakknoppen van links naar rechts (zie afbeelding 4): Knippen, Kopiëren, Plakken, Plakken als platte tekst, Ongedaan maken, Opnieuw uitvoeren, Alles selecteren, Opmaak verwijderen, De editor maximaliseren, Afbeelding invoegen/wijzigen, Tabel invoegen/wijzigen, Invoegen horizontale lijn, Smiley/icoon toevoegen, Speciaal teken invoegen, Pagina-einde invoegen, Tekstkleur wijzigen, Markeren, Vet maken, Cursief maken, Onderstrepen, Doorhalen, Superscript, Subscript, Link invoegen/wijzigen, Link verwijderen, link binnen de webpagina maken, Genummerde lijst invoegen/verwijderen, Opsomming invoegen/verwijderen, Inspringen vergroten, Inspringen verkleinen, Links uitlijnen, Centreren, Rechts uitlijnen, Uitvullen.

De opmaakknoppen stap voor stap beschreven: Knippen Selecteer met de muis de tekst die moet worden geknipt en klik op de knop om te Knippen. Kopiëren Selecteer met de muis de tekst die moet worden gekopieerd en klik op de knop om te Kopiëren. Plakken

4

Wijs met de muis in de editor de plaats aan waar geknipte of gekopieerde tekst moet worden geplakt en klik op de knop om te Plakken. Er kan alleen worden geplakt als er eerst een selectie is geknipt of gekopieerd. Als er binnen de editor een selectie wordt gemaakt met opmaak zal bij dit “gewone” plakken deze opmaak behouden blijven. Plakken als platte tekst Wijs met de muis in de editor de plaatst aan waar geknipte of gekopieerde tekst moet worden geplakt en klik op de knop om te Plakken als platte tekst. Er kan alleen worden geplakt als er eerst een selectie is geknipt of gekopieerd. Plakken als platte tekst betekent dat bij het plakken eventuele opmaak in een selectie binnen de editor wordt verwijderd. Ook wel “kale” of “platte” tekst genoemd. Plakken als platte tekst is de beste manier van plakken als de selectie wordt gemaakt vanuit een ander programma zoals Word. Het CMS/onderhoudsprogramma is namelijk een systeem om tekst op te maken in de huisstijl van de website. Als er een selectie uit een extern programma (zoals Word) wordt geknipt of gekopieerd, wordt in de meeste gevallen opmaak meegenomen conflicterend met de gewenste opmaak t.b.v. de website.

Ongedaan maken Door te klikken op de knop Ongedaan maken wordt de laatste wijziging ongedaan gemaakt. Opnieuw uitvoeren Door te klikken op de knop Opnieuw uitvoeren wordt de laatst verwijderde wijziging teruggeplaatst. Alles selecteren Door op de knop Alles selecteren te klikken wordt alles in de editor geselecteerd. Bijvoorbeeld om daarna op DELETE te klikken: de hele webpagina wordt dan leeggegooid. Opmaak verwijderen Door een woord of tekstfragment te selecteren in de editor en te klikken op de knop Opmaak verwijderen wordt opmaak zoals kleur, vet, e.d. verwijderd. De selectie wordt omgezet in platte tekst. De editor maximaliseren Door op de knop Editor maximaliseren te klikken wordt de editor “full screen” (dus de weergave vult dan het hele beeldscherm). Als de editor full screen is moet weer op dezelfde knop worden geklikt om terug te keren naar het oorspronkelijke formaat. Het is ook mogelijk het menu met de opmaakknoppen weg te klappen. Zowel in gewoon als in full screen (volledige scherm) weergave. Klik daarvoor op het pijltje naar beneden links voor het menu.

5

Roep de knoppen weer op door opnieuw op het pijltje aan de linkerkant te klikken.

Afbeelding invoegen / wijzigen Kies met de cursor in de editor eerst de gewenste positie door te klikken in de editor. Het gaat daarbij vooral om het aangeven op welke hoogte (boven, beneden, midden) op de webpagina de afbeelding moet komen. Klik vervolgens op de knop Afbeelding toevoegen. Het pop-up venster opent een zoekoptie om de plaatjes in de afbeeldingenbibliotheek te zoeken, corresponderend met het onderdeel/de webpagina waar in het CMS/onderhoudsprogramma op dat moment wordt gewerkt.

Afbeelding: eerst moet in de bibliotheek worden gekeken welke afbeeldingen beschikbaar zijn voor deze webpagina. Een afbeelding moet namelijk altijd eerst in het goede onderdeel van de afbeeldingenbibliotheek worden geplaatst voordat deze beschikbaar kan komen in de

6

editor (zie voor het vullen van de afbeeldingenbibliotheek verderop in deze handleiding). Het drop-down menu kan worden opengeklapt om de aanwezige afbeeldingen te bekijken, door op het pijltje erachter te klikken. Het is goed om in de afbeeldingenbibliotheek een afbeelding van een goede naam – naast de bestandsnaam – te voorzien. Dat is niet alleen t.b.v. de sortering van de afbeeldingen in de bibliotheek, maar het is tevens de naam die in dit dropdown menu verschijnt. Muisovertekst: in het veld onder muisovertekst kan tekst worden ingevoerd. Deze tekst wordt op de webpagina zichtbaar als met de muis over de afbeelding wordt bewogen. Het is niet verplicht het veld muisover tekst in te vullen. Je ziet deze tekst op de webpagina door met de muis over de afbeelding te bewegen. Grootte: met het menu Grootte kan een “afwijkende” grootte worden ingesteld. Met afwijkend wordt bedoeld afwijkend van het origineel in de afbeeldingenbibliotheek. In het drop-down menu kunnen zowel absolute (in beeldpunten/pixels) als relatieve afmetingen (in %) worden gekozen. Breedte: via Breedte kan een willekeurige breedte worden ingesteld, de hoogte veranderd verhoudingsgewijs mee. Als er al wat waarden zijn ingevoerd en het resultaat is te groot of te klein in het voorbeeldvenster rechts, kan de waarde worden aangepast maar er kan ook op de blauwe pijl worden geklikt. De oorspronkelijke afmetingen van het origineel in de bibliotheek verschijnt. Opnieuw kan de hoogte of breedte worden aangepast tot het gewenste resultaat. Hierin kunnen alleen waarden in pixels (beeldpunten) worden aangegeven. Rand: om een afbeelding kan een rand worden geplaatst door een waarde in te voeren. Een waarde 1 is een dunne rand, een waarde 5 is een hele dikke rand. Het leeg laten van het veld is hetzelfde als geen rand toevoegen. Hor. Ruimte en Vert. ruimte: hiermee kan extra ruimte rondom de afbeelding worden gedefinieerd. Vooral handig als de afbeelding t.a.v. tekst moet worden gepositioneerd. Een waarde achter Hor.Ruimte (kies bij voorkeur een waarde 1, 2, 3, 4 of 5) veroorzaakt ruimte onder en boven de afbeelding. Een waarde achter Vert.Ruimte (kies bij voorkeur een waarde 1, 2, 3, 4 of 5) veroorzaakt ruimte links en rechts van de afbeelding. Een afbeelding kan weer worden verwijderd door de afbeelding in de editor aan te klikken met de muis zodat er witte blokjes omheen komen te staan. Zie voorbeeld foto van een broche:

Klik na het aanklikken vervolgens op de DELETE knop op het toetsenbord. Tip: voorkom het opblazen van een klein origineel plaatje tot een groter plaatje. Dit komt nooit ten goede aan de kwaliteit van de afbeelding.

7

Tabel invoegen / wijzigen Via de editor is het mogelijk een tabel toe te voegen. Kies eerst met de cursor de positie waar de tabel moet worden toegevoegd op de webpagina en klik vervolgens op de knop Tabel invoegen / wijzigen. Een pop-up verschijnt waarmee de in te voegen tabel kan worden gedefinieerd.

Als de gegevens in de pop-up zijn ingevuld kan op OK worden geklikt. De tabel wordt nu in de editor geplaatst. De lege tabel kan nu worden voorzien van informatie: de tabel kan worden geplaatst om informatie “zichtbaar” in een tabel te presenteren maar een tabel kan ook “onzichtbaar” als steun worden gebruikt voor het positioneren van verschillende foto’s op 1 webpagina of het positioneren van elementen binnen een formulier. Vooral als de tabel bewust zichtbaar wordt geplaatst, zijn er nog veel opmaakmogelijkheden via een snelmenu. Klik binnen de tabel met de muis en druk op de rechter muisknop: een snelmenu wordt nu zichtbaar.

8

Knippen, plakken, kopiëren en tabel verwijderen spreken voor zich. Cel

Op het niveau van een Cel kan, nadat de tabel is gemaakt, nog veel worden aangepast via het snelmenu. Deze aanpassingen hebben betrekking op de cel waarin de cursor staat op het moment dat het snelmenu wordt geactiveerd. Dit kan in de cel zijn, maar in geval van samenvoegen en splitsen moeten de cellen met de muis zijn geselecteerd die moeten worden verwijderd, worden samengevoegd of gesplitst. De namen van de opties zijn helder: het gaat om verwijderen, samenvoegen en splitsen van cellen zoals ook bij Word deze opties aanwezig zijn. Door in het snelmenu te klikken op de optie Eigenschappen cel wordt een pop-up scherm zichtbaar waarmee de kenmerken van de geselecteerde cel kunnen worden aangepast.

9

Er kan een Breedte van de cel worden ingesteld in pixels (absolute breedte) en in procenten (relatieve breedte). De Hoogte kan alleen in pixels worden aangegeven. Door een waarde in te vullen achter Overkoepeling rijen kan worden ingesteld dat de breedte van de betreffende cel 2 of meer rijen kan omvatten. Een cel heeft normaal de hoogte van een rij, maar nu kan de hoogte toenemen.

Door een waarde in te vullen achter Overkoepeling kolommen kan worden ingesteld dat de breedte van de betreffende cel 2 of meer kolommen kan omvatten. Een cel heeft normaal de hoogte van een rij, maar nu kan de hoogte toenemen.

De achtergrondkleur en de randkleur kunnen per cel worden ingesteld: klik daarvoor op de knop Selecteren en selecteer vervolgens een kleur uit het kleurenpallet. Tip: binnen de cel kan ook opmaak worden aangebracht via de “gewone” CMS opmaakkoppen zoals Vet, cursief, etc. Rij Via de snelmenu-opties Rij invoegen en Rijen verwijderen kan achteraf aan een tabel een rij worden toegevoegd of een rij worden verwijderd.

10

De nieuwe rij wordt altijd onder de rij waar de cursor staat toegevoegd. De te verwijderen rij is de rij waarin op dat moment de cursor staat. Kolom Via de snelmenu-opties Kolom invoegen en Kolommen verwijderen kan achteraf aan een tabel een rij worden toegevoegd of een rij worden verwijderd.

De nieuwe kolom wordt altijd rechts van de kolom waar de cursor staat toegevoegd. De te verwijderen kolom is de kolom waarin op dat moment de cursor staat. Eigenschappen tabel Door te klikken op de optie Eigenschappen tabel verschijnt hetzelfde pop-up venster dat ook besproken is m.b.t. de knop Tabel invoegen / wijzigen

11

Invoegen horizontale lijn Door op de knop Invoegen horizontale lijn te klikken wordt op de positie waar de cursor zich dan bevindt een horizontale lijn getrokken. Een horizontale lijn kan ook weer worden verwijderd door de lijn in de editor aan te klikken met de muis zodat er witte blokjes omheen komen te staan.

Klik vervolgens op de DELETE knop op het toetsenbord. Smiley / icoon toevoegen Door op de knop Smiley / icoon toevoegen te klikken verschijnt een pop-up venster waarmee op een snelle en eenvoudige manier een klein plaatje kan worden geselecteerd om direct in de tekst te verwerken. Klik daarvoor op het gewenste plaatje.

12

Op deze manier kunnen veelgebruikte plaatjes snel worden geplaatst, op de plaats van de cursor, los van de afbeeldingenbibliotheek. Bijvoorbeeld een icoon om aan te geven welke extensie een downloadable bestand heeft (Word, Excel, PDF). Of een icoon om bij een sociale media hyperlink te zetten (Twitter, Hyves, Facebook). Deze set afbeeldingen is niet onderhoudbaar. Speciaal teken Door op de knop Speciaal teken te klikken verschijnt een pop-up venster waarmee een speciaal teken kan worden toegevoegd op de plaats van de cursor, bijvoorbeeld €, ë, etc.

Klik op het gewenste teken om toe te voegen. Pagina-einde invoegen Door op de knop Pagina-einde invoegen te klikken wordt een pagina-einde op een webpagina aangebracht t.b.v. uitprinten.

Na een pagina-einde gaat de printer op een nieuw vel verder met printen (ook al is het vorige vel papier nog niet vol). Dit kan worden toegepast als bijvoorbeeld blijkt dat een tabel over 2 pagina’s verspreid dreigt te raken (zet dan een pagina-einde boven de tabel). Het kan ook zijn dat er een inleidende, begeleidende tekst op een webpagina staat en dan pas een uitprintbare antwoordstrook begint: zet dan de tekst onder het einde van de inleidende tekst.

13

Tekstkleur Door eerst tekst te selecteren en dan op de knop Tekstkleur te klikken kan de kleur worden aangepast van de geselecteerde tekst via een kleurenpallet.

De tekst staat standaard op zwart. Markeren Door eerst tekst te selecteren en dan op de knop Markeren te klikken kan de geselecteerde tekst worden voorzien van een gekleurde achtergrond. Kies een kleur via het palet.

Het gaat hierbij niet om de achtergrondkleur van de hele pagina! Vet Door eerst tekst te selecteren en dan op de knop Vet te klikken wordt de tekst vet. Cursief Door eerst tekst te selecteren en dan op de knop Cursief te klikken wordt de tekst cursief. Onderstrepen Door eerst tekst te selecteren en dan op de knop Onderstrepen te klikken wordt de tekst onderstreept. Doorhalen Door eerst tekst te selecteren en dan op de knop Doorhalen te klikken wordt de tekst doorgestreept (denk daarbij aan oude prijs doorhalen of doorhalen als redigeeroptie). Superscript Door eerst tekst te selecteren en dan op de knop Superscript te klikken wordt de tekst superscript. Zoals de 2 in m2

14

Subscript Door eerst tekst te selecteren en dan op de knop voor Subscript te klikken wordt de tekst subscript. Zoals de 2 in H2O Genummerde lijst invoegen / verwijderen Door over 2 of meer rijen verdeelde woorden of tekstfragmenten met de muis te selecteren en op de knop Genummerde lijst invoegen / verwijderen te klikken worden er oplopende nummers voor gezet. Door een genummerde lijst te selecteren en dan op de knop Genummerde lijst invoegen / verwijderen te klikken worden de oplopende nummers weer verwijderd. Opsomming invoegen / verwijderen Door over 2 of meer rijen verdeelde woorden of tekstfragmenten met de muis te selecteren en op de knop Opsomming invoegen / verwijderen te klikken worden er bolletjes voor gezet. Door een opsomming te selecteren en dan op de knop Opsomming invoegen / verwijderen te klikken, worden de bolletjes weer verwijderd. Inspringen vergroten Door tekst te selecteren en op de knop Inspringen vergroten te klikken springt de tekst naar rechts. Inspringen verkleinen Door tekst te selecteren en op de knop Inspringen verkleinen te klikken springt de tekst naar links. Links uitlijnen Selecteer eerst tekst en klik op Links uitlijnen: deze tekst wordt vervolgens links uitgelijnd. Centreren Selecteer eerst tekst en klik op Centreren: deze tekst wordt vervolgens gecentreerd. Rechts uitlijnen Selecteer eerst tekst en klik op Rechts uitlijnen: deze tekst wordt vervolgens rechts uitgelijnd. Uitvullen Selecteer eerst tekst en klik op Uitvullen: deze tekst wordt vervolgens uitgevuld.

15

Link invoegen / wijzigen Via de editor kan een tekst of tekstfragment aanklikbaar worden gemaakt, ook wel hyperlink genoemd. Er zijn verschillende soorten hyperlinks waaruit kan worden gekozen. Selecteer eerst met de muis de gewenste tekst of tekstfragment en klik op de knop Link invoegen / wijzigen. Een pop-up venster wordt dan zichtbaar met daarin de verschillende soorten links.

Kies het type link dat moet worden geactiveerd. Type 1 – URL Voor URL moet worden gekozen als de hyperlink moet verwijzen naar een andere website op het internet. De andere website opent zich in een tweede venster.

Vul in het vak onder URL het internetadres in (zonder http:// want dat staat al onder protocol). Klik ter afronding op OK: de hyperlink is gemaakt. Type 2 – Document Voor Document moet worden gekozen als de hyperlink moet verwijzen naar een document in de documentenbibliotheek (zie voor het vullen van de Documentenbibliotheek verderop in deze handleiding onder Stap 6). Via de hyperlink wordt het document ‘downloadable’ geplaatst, d.w.z. dat het document te openen/ te downloaden is door op de link te klikken.

16

Kies in het drop-down menu het gewenste document. Klik ter afronding op OK: de hyperlink is gemaakt. NB: het kan zijn dat dit drop-down menu leeg is. In dat geval zijn er geen documenten in het betreffende onderdeel aanwezig. Zet indien er een document moet worden geplaatst eerst het document op de juiste plaats in de documentenbibliotheek (zie stap 6). Het document zal dan vervolgens automatisch verschijnen in dit drop-down menu. Geef daarbij, bij plaatsing in de bibliotheek, een duidelijke naam aan het document. Alleen de naam van het document verschijnt in de drop down bij de editor.

Type 3 - Link binnen de afdelingswebsite of naar de algemene Passage website of naar een andere afdeling Voor Link binnen de site moet worden gekozen als naar een webpagina moet worden verwezen binnen de eigen afdelingswebsite. Kies in het drop-down menu de webpagina waar een hyperlink naartoe moet worden gelegd:

Het hoeft niet altijd een hyperlink naar een webpagina binnen de eigen afdelingswebsite te zijn. Er kan ook worden gekozen voor een hyperlink naar een webpagina van de algemene Passage website. Zet dan de in het eerste drop down-menu de keuze op Algemene website.

17

Kies in het drop-down menu de gewenste webpagina uit de algemene website. Er kan ook worden gekozen voor een hyperlink naar een onderdeel van een andere afdelingswebsite. Zet dan de in het eerste drop down-menu de keuze op de naam van de andere afdelingswebsite.

Klik ter afronding op OK: de hyperlink is gemaakt.

Type 4 - Link binnen deze pagina Voor Link binnen deze pagina moet worden gekozen als binnen de webpagina naar een andere positie moet worden versprongen. De beschikbare posities binnen een webpagina

18

waar een link naartoe kan worden aangebracht moeten eerst worden geplaatst via de knop Interne Link (zie verderop in deze handleiding onder de kop “Interne link”). Selecteer eerst de tekst die moet gaan verwijzen naar een andere positie op de webpagina. Bijvoorbeeld onderaan het woord “Top” dat moet gaan verwijzen naar de bovenkant van de webpagina. Kies de optie Link binnen deze pagina.

Het overzicht van aanwezige posities waar een link naartoe kan worden aangebracht wordt zichtbaar in een drop-down menu. Kies vervolgens een link op de pagina. Klik tot besluit op OK.

Type 5 - E-mail Voor E-mail wordt gekozen als er een link naar een e-mailadres moet worden aangebracht. Een dergelijke link kan bijvoorbeeld aan worden gebracht door iemands naam (J. Jansen) of een onderdeel van de organisatie (Hoofdkantoor) te selecteren. Als op een webpagina op een dergelijk link wordt geklikt, wordt het e-mailprogramma geactiveerd. Kies nu in het drop-down menu de optie E-mailadres.

Via deze optie wordt niet alleen het e-mailadres aanklikbaar, maar kan ook de basis voor het e-mailbericht worden vormgegeven, u vult als het ware al een paar gegevens in voor de persoon die via deze link een e-mail gaat sturen. E-mailadres Vul in het vak onder E-mailadres het e-mailadres in waarop u de e-mail graag wilt ontvangen (bijvoorbeeld het adres van de webmaster van de site, van de secretaris van de afdeling, etc.). Dit veld is noodzakelijk in te vullen i.v.m. de aflevering van het verzonden mailbericht.

19

Onderwerp bericht Vul in het vak Onderwerp bericht het onderwerp in. Dit onderwerp zal worden weergeven in het vak Onderwerp in bijvoorbeeld Outlook (bijv ‘Aanmelding nieuwjaar borrel via website’). Inhoud bericht De inhoud van het bericht kan al deels worden ingevoerd. Als het om een aanmelding gaat voor een activiteit kan er al tekst worden ingevoerd als:

Hierbij geef ik mij op voor de Nieuwjaarsborrel op 1 januari

De verzender hoeft dan alleen nog te ondertekenen. Er kan ook meer informatie gevraagd worden door alvast in te vullen:

Hierbij geef ik mij op voor de Nieuwjaarsborrel op 1 januari. Naam: Adres en huisnummer: Postcode en plaats: Telefoonnummer: Aantal personen:

Het vooraf invullen van een E-mailadres is verplicht. Het invullen van het Onderwerp en Inhoud bericht niet. Link verwijderen Als een tekst of tekstfragment aanklikbaar is (hyperlink) en deze tekst moet niet langer meer aanklikbaar zijn, selecteer de tekst of het tekstfragment en klik op de knop Link Verwijderen. Aansluitend kan de tekst of het tekstfragment weer worden voorzien van een nieuwe link via de knop Link invoegen/wijzigen. Link binnen de webpagina maken NB: Deze knop is bedoeld voor de gevorderde webmaster, het is een leuke extra mogelijkheid die u als webmaster heeft, maar kan ook met een gerust hart ongebruikt blijven. Het biedt de mogelijkheid om uw bezoekers binnen een webpagina van de ene plek naar de andere te laten ‘springen’ door het aanklikken van een link, bijvoorbeeld: u vermeldt bovenaan de pagina een onderwerp dat u drie alinea’s verderop uitgebreid beschrijft. Middels een ‘interne link’ kunt u de bezoeker de drie alinea’s laten overslaan en ze meteen naar het onderwerp verderop laten springen. Binnen een webpagina kan tekst aanklikbaar worden gemaakt waarmee binnen de betreffende webpagina naar een specifieke plaats kan worden “gesprongen”. Zo kan er onderaan de webpagina een woord als “Bovenkant” worden geplaatst en “Bovenkant” vervolgens worden gelinkt naar een positie bovenaan de webpagina. Om van het woord “Bovenkant” een hyperlink te kunnen maken moet binnen de webpagina eerst via Link invoegen / wijzigen een markering (“anker”) worden aangebracht. Via deze knop met

20

het anker icoon wordt de positie bepaald waar de link binnen de pagina naartoe moet springen. Een link kan pas worden aangebracht als er al een markering aanwezig is. Bepaal met de muis de positie waar een interne link naartoe moet springen. Klik daarvoor met de muis op de knop Interne Link.

Geef in het pop-up venster de link in het veld Naam interne link een unieke naam en druk op OK. Omdat er binnen een webpagina meer interne links aanwezig kunnen zijn is het handig als in de naamkeuze al herkenbaar is naar welke positie de link verwijst. Geef in dit geval bijvoorbeeld de naam “onderkant” voor verspringen naar de onderkant, “bovenkant” voor springen naar de onderkant of “terug naar index” voor springen naar de index. De interne link kan hierbij naar beneden of juist verderop in de webpagina verwijzen. Voorbeeld Stel er is bovenaan de webpagina sprake van een aanklikbare index van subkopjes op die betreffende webpagina: Inleiding Programma maandag Programma dinsdag Aanmelding gevolgd door 4 stukken tekst met daarboven steeds de 4 genoemde subkoppen. Dan kan het zo worden op gemaakt, dat onder ieder stuk tekst een hyperlink met aanklikbaar het woord Terug wordt geplaatst. Door op Terug te klikken springt men dan weer terug naar de index met de 4 aanklikbare subkopjes bovenin de webpagina. Boven het submenu is in de editor een anker aangebracht.

Op de geselecteerde plaats op de webpagina waar via de hyperlink Terug steeds naar moet worden gesprongen verschijnt een geel symbool (alleen zichtbaar in de editor). Het anker kan als volgt worden geplaatst.

21

En kies vervolgens de juiste interne link naam voor verspringen binnen de webpagina.

De geselecteerde tekst linkt nu naar het anker “ terug naar index”. Tot zover een uitleg bij alle knoppen in de editor. U kunt met de editor uw tekst zo mooi en functioneel maken als u zelf wilt met behulp van deze knoppen.

Wijzigingen opslaan Sluit, nadat alle werkzaamheden op de webpagina zijn uitgevoerd, af door te klikken op “Verwerken” onderaan de pagina. De werkzaamheden aan de webpagina worden vervolgens direct verwerkt en zijn direct zichtbaar. Als de wijzigingen niet direct zichtbaar zijn, dat kan bij individuele computerinstellingen gebeuren, is het goed om op de knop “Vernieuwen” (bovenaan in de werkbalk) te klikken: een nieuwe versie van de webpagina wordt dan vanaf internet in de computer geladen. Controleer altijd of de nieuwe pagina volgens wens is en keer eventueel via de bewerkknop (zie afbeelding 2) terug om de webpagina opnieuw aan te passen.

Vullen van de Agendapagina Hierboven zijn de mogelijkheden beschreven voor het opmaken van een webpagina. Op deze manier kunt u de standaard webpagina’s (zoals Welkom, Activiteiten, Diversen) opmaken en bewerken. Voor de Agendapagina gelden afwijkende opties die hieronder besproken worden. Een afdelingswebsite bestaat voor het grootste deel uit standaard pagina’s, die kunnen worden gevuld met de hierboven besproken ‘editor’. De bewerkknop op de Agendapagina geeft echter toegang tot een onderhoudspagina met afwijkende opties. Dit heeft ermee te maken dat alle agendapunten van een gestandaardiseerde opmaak en een sorteerdatum moeten worden voorzien t.b.v. het

22

verzamelen en sorteren van alle agendapunten van alle afdelingen die een afdelingspagina bezitten op de website www.passagevrouwen.nl. Alle agendapunten worden namelijk ook chronologisch verzameld in het centrale onderdeel Kalender. U kunt dus niet volgens eigen inzicht o.a. kleur en afbeeldingen aanbrengen in de opmaak van agendapunten.

Een agendapagina kan er als volgt uitzien:

Klik op de grijze opmaakknop voor (Nieuw agendapunt) voor het toevoegen van een nieuw agendapunt. Of klik op een knop voor een al opgenomen agendapunt, zoals bijvoorbeeld voor de activiteit “7-4-12” Boekenbal om een bestaand agendapunt aan te passen of te verwijderen uit de agenda. Door op de grijze knop te klikken wordt de onderhoudspagina geopend. In het geval van een reeds opgenomen agendapunt verschijnt bewerkbaar de informatie in beeld. Voor het toevoegen van een nieuw agendapunt verschijnt een geheel lege onderhoudspagina in beeld.

23

Afbeelding: Eenvoudige opmaakvelden voor het invoeren van een agendapunt (verplicht). Met losse velden voor e-mail en internetadres (optioneel) en sorteerdatum (verplicht). Voer altijd een titel en wat begeleidende tekst in per agendapunt. Optioneel is het invoeren van een e-mailadres en internetadres in de daarvoor bestemde losse invoervelden. Vergeet niet een sorteerdatum in te stellen! Via deze sorteerdatum wordt de positie bepaald van het agendapunt t.a.v. andere agendapunten in zowel de afdelingswebpagina als in de centrale Kalender.

Sorteerdatum instellen, nooit vergeten!

Werken in de afbeeldingenbibliotheek en werken in de documentenbibliotheek Onder ‘Webpagina’s opmaken’ worden 2 pop-up schermen genoemd (onder ‘Afbeelding invoegen’ en onder ‘Hyperlink toevoegen’). In deze pop-up schermen kunnen beschikbare afbeeldingen en documenten worden geselecteerd. De afbeeldingen en documenten waaruit via deze pop-up schermen gekozen kan worden moeten eerst worden geplaatst in een centrale bibliotheek. Het vullen van deze bibliotheken gaat via de opties “Werken in de afbeeldingenbibliotheek” en “Werken in de documentenbibliotheek”.

24

Een afbeelding wordt in de afbeeldingenbibliotheek gezet. Dit zijn afbeeldingen die dienen ter illustratie van de webpagina’s. In de documentenbibliotheken kunnen allerlei documenten worden gezet ter verspreiding via de webpagina’s, het worden downloadable bestanden (aanklikbare hyperlinks). In deze bibliotheek kunnen Word-bestanden met behoud van opmaak worden geplaatst, maar ook Excel- en PowerPoint-bestanden. Eigenlijk zijn allerlei soorten bestanden mogelijk en is het afhankelijk van de bezoeker van de website of een bestand kan worden bekeken: wil men een downloadable Excel-bestand bekijken, moet de bezoeker van de webpagina wel het programma Excel hebben geïnstalleerd op de computer. In de bibliotheek zijn alle aanwezige bestanden zichtbaar behorende bij de afdelingswebsite: bestanden kunnen worden toegevoegd en verwijderd. In de bibliotheek is per bestand zichtbaar op welke webpagina het bestand in gebruik is. Bestanden die op een webpagina in gebruik zijn, kunnen niet worden weggegooid.

Afbeelding: Afbeeldingenbibliotheek met afbeeldingen.

25

Afbeelding: Documentenbibliotheek met documenten.

Nieuwe afbeelding en document toevoegen Een nieuwe afbeelding kan worden toegevoegd via de link “Nieuwe afbeelding”. Door op deze link te klikken kan vervolgens via de “Bladeren-knop” op de eigen computer de afbeelding worden opgezocht en worden toegevoegd vergelijkbaar met het toevoegen van een bijlage aan een e-mailbericht. Het werkt hetzelfde voor het toevoegen van een document, alleen werkt u dan niet via de optie ‘werken in de afbeeldingenbibliotheek’ maar via ‘werken in de documentenbibliotheek’.

Afbeelding: Nieuwe afbeelding in de bibliotheek plaatsen via “Bladeren”.

26

Afbeelding: Nieuw document in de bibliotheek plaatsen via “Bladeren”.

Uitbreiden van de afdelingswebsite Voorheen was het niet mogelijk de afdelingswebsite te voorzien van nieuwe webpagina’s. Nu, met het nieuwe CMS, is dat gewijzigd. Links in beeld is een menu zichtbaar, opgebouwd uit menuonderdelen, ook wel hoofdonderdelen genoemd. Door op een hoofdonderdeel te klikken opent zich een voorblad. De informatie uit de afdelingswebpagina is in de overgang van oud naar nieuw automatisch op de voorbladen van de hoofdonderdelen in het menu terecht gekomen. Subpagina’s zijn er in de startsituatie niet, omdat dit een nieuwe optie is. Maar in het voorbeeld hieronder is te zien dat door met de muis boven een hoofdonderdeel te bewegen een submenu open zal klappen. Een hoofdonderdeel kan uit een onbeperkt aantal subpagina’s bestaan. Als een webmaster is ingelogd via het onderhoudsprogramma zijn nu extra opmaakknoppen zichtbaar per hoofdonderdeel om aan het submenu te kunnen werken.

27

In de afbeelding hierboven is te zien dat aan het hoofdonderdeel Activiteiten twee subpagina’s zijn toegevoegd. Als voorbeeld zijn gemaakt “Activiteiten voorjaar” en “Activiteiten zomer”. Het zijn slechts voorbeelden, de titels van deze subonderdelen en tevens ook titels van deze webpagina’s zijn vrij te benoemen. Aan het submenu kunnen pagina’s worden toegevoegd, hernoemd of verwijderd door te klikken op het grijze opmaakknopje links boven het eerste submenu-item. Door op dit grijze knopje te klikken wordt een aanklikbaar overzicht van aanwezige subpagina’s binnen het hoofdonderdeel getoond. Klik in dit overzicht een subpagina aan als er sprake is van het wijzigen of verwijderen van deze pagina. Klik op ‘Nieuwe pagina’ als er een nieuwe subpagina moet worden toegevoegd. Bij het maken van een geheel nieuwe subpagina kan worden gekozen uit twee extra opties: - de positie van de nieuwe subpagina ten opzichte van de al aanwezige subpagina’s binnen het hoofdonderdeel - het eventueel niet opnemen van een subpagina in het hoofdmenu Voorbeeld voor het niet opnemen van een subpagina in het menu kan zijn dat in het submenu een pagina genaamd ‘Bestuur’ voorkomt. Op deze pagina kunnen links staan naar webpagina’s per bestuurslid. De webpagina’s per bestuurslid worden wel gemaakt, maar hoeven niet in het menu te worden opgenomen, want bezoekers kunnen op die pagina’s komen door op de links op de pagina ‘Bestuur’ te klikken. Dus op een subpagina kan een hyperlink naar een andere webpagina worden aangebracht. Een webpagina hoeft niet verplicht in het submenu te worden opgenomen om gevonden te kunnen worden. Een aanklikbare index van bestuursleden op de pagina ‘Bestuur’ is mooier dan alle namen van de bestuursleden apart in het submenu te noemen. Hoewel dat natuurlijk ook mag en kan, omdat de verdere opbouw van de afdelingswebsite nu vrij is.

Ter inspiratie nog een ander vrijblijvend voorbeeld van een submenu. Er is één hoofdonderdeel waarbij het niet mogelijk is een submenu op te bouwen en dat is het onderdeel Agenda. Dit onderdeel vormt een centraal overzicht, een opsomming aan activiteiten van álle afdelingen, die worden verzameld op één webpagina binnen www.passagevrouwen.nl.

28

Vullen van de Contactpagina De contactpagina wordt op een speciale manier gevuld. Allereerst is er een optie om ook het onderdeel Contact te voorzien van een submenu. Voorheen bestond het onderdeel Contact uit 1 webpagina. Deze oude webpagina is nu zichtbaar als direct op de naam Contact in het menu wordt geklikt. Dus ook als er nog geen submenu aanwezig is, is deze oude webpagina met de vertrouwde informatie bereikbaar. Als op deze pagina op het grijze knopje wordt geklikt wordt de onderhoudspagina zichtbaar. Op deze specifieke pagina, anders dan bij het onderhoud voor subpagina’s, zijn een aantal vaste invoervelden beschikbaar. Passage zou het prettig vinden als deze invoervelden met de juiste informatie gevuld raken. Het gaat hierbij om praktische contactgegevens.

Afbeelding: het onderhoudsscherm van het voorblad van het onderdeel contact. In de editor onderaan de 4 nieuwe invoervelden is een editor zichtbaar. Hier kan zoals ook op de andere webpagina’s vrij informatie worden opgenomen. Deze editor is momenteel gevuld met de informatie die op de oude contactpagina stond vermeld. Als de 4 nieuwe invoervelden niet ingevuld raken zal dat geen lege ruimte veroorzaken op de webpagina. Maar het wordt zeer op prijs gesteld wel deze velden in te vullen. Staan contactgegevens nu in de editor, kunnen die gegevens via knippen en plakken worden verplaats naar de invoervelden.

29

Op de webpagina komt de invoer van de 4 velden altijd bovenaan te staan.

Vul a.u.b. altijd het actuele mailadres van de afdelingswebmaster in! Het kantoor van Passage weet dan uw webmaster te vinden bij het eventueel geven van praktische tips met betrekking tot de website. Ook uw afdelingsleden weten dan de webmaster te vinden voor het aanleveren van kopij.

Extra informatie Veranderingen in pagina Contact met nieuw CMS De pagina Contact wordt in het nieuwe CMS gevuld via een sjabloon. Deze onderhoudspagina is bereikbaar via een grijze opmaakknop op de pagina Contact. Dat betekent dat er een aantal vaste invoervelden zullen zijn t.b.v. bepaalde informatie. Zoals een invoerveld voor: - Adres en huisnummer - Postcode en plaats - Telefoonnummer - E-mailadres algemeen - E-mailadres van de webmaster Het is vooral van belang dat het e-mailadres van de webmaster staat vermeld op de afdelingswebsite. Via het nieuwe onderhoudssysteem is het mogelijk tekst aanklikbaar te maken als webmaster van afdeling X zodat een privé mailadres niet direct in beeld staat en bij wisseling van de wacht de tekst niet hoeft te worden aangepast, maar alleen het mailadres. Als wordt geklikt op deze tekst wordt een mailbericht geopend gericht aan het juiste adres. Zie voor het koppelen van het juiste mailadres aan de tekst in deze handleiding onder het kopje Type 5 - E-mail (onder ‘Webpagina’s opmaken’). NB Voor webmasters die met het oude CMS hebben gewerkt: Velden die niet zijn ingevuld veroorzaken geen extra lege ruimte op de webpagina. De oude informatie, toen er nog sprake was van een editor waarin geheel vrij contactinformatie kon worden opgenomen, is behouden gebleven in de editor die nog steeds beschikbaar is op deze onderhoudspagina. Het verzoek is de NAW gegevens uit deze tekst uit de editor te knippen en te plakken in de nu daarvoor specifiek aanwezige invoervelden. Verander uw wachtwoord regelmatig Zet liever nooit een wachtwoord op een papiertje en pleeg geen onderhoud aan de afdelingswebsite via een openbare computer zoals in een bibliotheek. Het is zinvol om met zekere regelmaat en zeker bij twijfel het wachtwoord te wijzigen. Dit kan via de menu-optie “Verander uw wachtwoord” (zie afbeelding 1). Bent u onverhoopt het wachtwoord kwijt, neem dan contact op met het landelijk bureau van Passage. Afmelden Tijdens het inloggen kunnen via het onderhoudssysteem verschillende webpagina’s achter elkaar worden bewerkt. Bij het geheel beëindigen van de werkzaamheden aan de website is het verstandig als webmaster in het systeem af te melden (zie afbeelding 1). Een andere optie om het onderhoudssysteem te sluiten is het geheel afsluiten van de browser (het programma waarmee u internetpagina’s bekijkt, bijvoorbeeld Internet Explorer). Onder geheel wordt

30

hierbij verstaan het sluiten van alle browser-vensters die eventueel op de werkbalk onder in het beeldscherm open staan. Waarschuwing: Ga nooit zonder afsluiten verder surfen op het internet, de verbinding met het besloten onderhoudsgedeelte wordt dan niet verbroken en zou onderschept kunnen worden door hackers. Internetadres invoeren (URL) Hierboven is besproken dat via de ‘editor’ een internetadres aanklikbaar kan worden gemaakt via de opmaakknop met de ketting (zie stap 5, onderdeel ‘Link invoegen/ wijzigen’). Zonder deze knop herkent de ‘editor’ echter ook een internetadres, d.w.z. dat als een tekst met een internetadres wordt ingeplakt en vervolgens op de update knop wordt geklikt het internetadres ook aanklikbaar staat op de website. Toch wordt met klem verzocht de opmaakknop te gebruiken! Internetadressen die netjes zijn toegevoegd via de daarvoor bestemde knop openen in een nieuw venster van de browser. Zonder deze knop openen de externe websites zich binnen de website www.passagevrouwen.nl. Als deze omschrijving niet tot de verbeelding spreekt, mag het gerust even worden uitgeprobeerd, dan wordt al snel het verschil duidelijk. E-mailadres Een e-mailadres wordt in de editor vanzelf aanklikbaar en hoeft niet via een speciale opmaakknop aanklikbaar worden gemaakt. Echter als een e-mailadres onderaan een stuk tekst, achterin een regel wordt vermeld is het soms nodig met de Entertoets op het toetsenbord de link te activeren, zoals dat ook in Word het geval is. Maar meestal gaat het automatisch. Geen prullenbak Het onderhoudssysteem (CMS) heeft geen prullenbak waarin weggegooide informatie kan worden teruggevonden. Kopieer eventueel de oude tekst in een tekstbestand (Word, Kladblok) en bewaar het op de harde schijf van de computer. Niet plakken vanuit Word De editor is een tekstverwerker die opmaakcodes aanbrengt t.b.v. de webpagina’s. Zorg daarom dat er alleen kale tekst wordt ingevoerd zonder opmaakcodes van andere programma’s, dus ook niet uit Word. Dit kan tot een verkeerde weergave in de webpagina leiden, dus tot vervuiling van de “onderwater-”codering. Als tekst niet rechtstreeks wordt ingetypt, plak dan eerst de tekst vanuit Word in het Kladblok en kopieer het vervolgens vanuit het Kladblok in de onderhoudseditor van de webpagina. Kladblok is een gratis programmaatje dat bij het besturingsprogramma Windows wordt meegeleverd. Onderhoud Maak er een gewoonte van regelmatig te kijken of de berichten of contactgegevens e.d. niet oud zijn.

Voorbeeld webteksten over Passage 1. Als u iets wilt schrijven over wat Passage is, kunt u de volgende tekst als basis gebruiken: Passage is een vereniging van en voor vrouwen met een christelijke levensvisie. Vanuit onze inspiratiebron, de bijbel, zetten we ons actief in voor onze leefomgeving en bespreken we maatschappelijke ontwikkelingen en (inter)nationale vraagstukken. Passage is een vereniging van en voor vrouwen die wonen en werken op het platteland of in stedelijke gebieden, verspreid over heel Nederland.

31

Passage is een vereniging van en voor vrouwen met gevoel voor cultuur, die gezamenlijk boeken lezen, films kijken, musea bezoeken, zingen, schilderen, reizen en de eigen creativiteit ontwikkelen. Ontmoeting en ontwikkeling zijn de kernbegrippen van Passage. 2. Als u iets algemeens wilt schrijven over wat Passage haar leden biedt, kunt u de volgende tekst als basis gebruiken: Passage wil vrouwen stimuleren tot actief burgerschap. Daartoe biedt Passage haar leden:  ontwikkeling: lezingen, studiedagen, cursussen, trainingen, gespreks- en leeskringen;  ontmoeting: ontmoetingsdagen, hobby- en sportbeoefening, culturele uitstapjes, excursies, bezinningsdagen;  ondersteuning: ledenblad, contributiefonds, projectmateriaal op het gebied van maatschappelijke ontwikkelingen, kunst, cultuur, geloof en duurzame ontwikkelingssamenwerking. Op bestuurlijk niveau maakt Passage zich sterk voor belangenbehartiging via koepelorganisaties en publiek optreden. Passage biedt vrijwilligers de gelegenheid om hun talenten verder te ontwikkelen via cursussen en trainingen. 3. Als u iets wilt schrijven over het lidmaatschap van Passage, kunt u de volgende tekst als basis gebruiken: Alle vrouwen zijn welkom als lid van Passage, ongeacht leeftijd of geloofsovertuiging. Het lidmaatschap is in de meeste gevallen plaatselijk georganiseerd via de honderden afdelingen. Het is ook mogelijk om lid te worden van de landelijke organisatie of alleen donateur. Meer informatie over deze varianten kunt u verkrijgen bij het landelijk bureau van Passage. Voor de leden van een plaatselijke afdeling worden dicht bij huis activiteiten aangeboden, met vrouwen uit de eigen omgeving. Daarnaast zijn er regelmatig bijeenkomsten, studiedagen en excursies van een groep afdelingen tegelijk, soms per gewest, soms landelijk georganiseerd. 4. Als u iets wilt schrijven over Passage Magazine, kunt u de volgende tekst als basis gebruiken: Als lid van Passage bent u tevens abonnee van het blad Passage Magazine. In dit blad staat natuurlijk verenigingsnieuws maar het bevat ook interessante actuele artikelen. Daarnaast staat het vol met leuke rubrieken waarin aandacht voor bezinning, geloof, kunst, vrouwenzaken, boeken en opinie. Nieuwsgierig? Vraag bij het landelijk bureau gerust een gratis proefnummer aan. 5. Als u iets wilt schrijven over het landelijk bureau, kunt u de volgende tekst gebruiken: Het landelijk bureau van Passage, christelijk-maatschappelijke vrouwenbeweging is gevestigd in Amersfoort. Hier worden projecten en verschillende activiteiten voorbereid en is de redactie van het ledenblad Passage Magazine gevestigd. Het landelijk bureau biedt service aan de afdelingen, onder andere in de vorm van materialen, cursussen en advies. Meer informatie is te verkrijgen bij: Landelijk bureau Spoorstraat 13, 3811 MN Amersfoort Postbus 2164, 3800 CD Amersfoort Telefoon: 033 422 07 30 Fax: 033 422 07 31 E-mail: [email protected]

32

Internet: www.passagevrouwen.nl

Ondersteuning Als u ondersteuning nodig heeft bij het onderhouden of opstarten van uw afdelingswebpagina’s, kunt u daarvoor de medewerker Communicatie, Jacandra van den Broek, op het landelijk bureau van Passage benaderen. Zij is van maandag t/m donderdag bereikbaar op het landelijk bureau.

Handleiding digitaal In uw inlogvenster voor het onderhoudsprogamma van uw afdelingssite vindt u altijd de meest recente versie van deze handleiding ook digitaal.