Handleiding website Voorschoten ‘97 www.voorschoten97.nl Versie 6.3 Datum: 13-10-2013
1 Woord vooraf Onze vereniging Voorschoten ’97 heeft een eigen website www.voorschoten.97.nl. De site is gevuld met algemene informatie, nieuws, jeugdnieuws, afgelastingen, programma en nog veel meer. Ook hebben alle teams eigen pagina’s waar foto’s, verslagen en andere informatie over het team geplaatst kan worden. De vereniging, maar ook opa’s, oma’s, ouders, familie, vrienden, etc. waarderen het ten zeerste als de teampagina’s leuke informatie en foto’s bevatten. In deze handleiding staat stap voor stap beschreven hoe de website voor je team aangepast kan worden. Laat je niet afschrikken door vreemde meldingen. Wees niet bang iets fout te doen, je account is dusdanig beveiligd dat je alleen aanpassingen op je eigen teampagina kunt maken. Mocht je tegen problemen aanlopen, stuur dan gerust een email naar
[email protected]. Veel succes en plezier met het bijhouden van onze website. Fons Schrijver en Hein van der Kallen Webmasters www.voorschoten97.nl
Een paar opmerkingen vooraf:
Probeer eenvoudig te beginnen (bijv. begin met het plaatsen van één foto op de teamfoto-pagina). In deze handleiding worden als voorbeeld de F2 & F5 teams gebruikt. Zorg ervoor dat je foto’s eerst verkleint voordat ze gedownload worden naar de site. Dit kan eenvoudig met bijna alle fotobewerkingsprogramma’s (zie ook hoofdstuk 14.3 (blz. - 33 -). Het verkleinen van de foto’s is belangrijk om te voorkomen dat de site onnodig volloopt door grote foto’s. o Breedte foto’s: max. 640 pixels Lees hoofdstuk 4 goed door indien je Internet Explorer 9 of 10 gebruikt!
-1-
Inhoudsopgave: 1
WOORD VOORAF ....................................................................................................................................... - 1 -
2
VERSIE BEHEER ......................................................................................................................................... - 3 -
3
ALGEMEEN.................................................................................................................................................. - 4 -
3.1 3.2 3.3 3.4 3.5 3.6 3.7
WAAR MOET JE PC AAN VOLDOEN OM DE WEBSITE BIJ TE HOUDEN? ............................................................... - 4 WINDOWS XP/VISTA/WINDOWS7 .................................................................................................................. - 4 INTERNET BROWSERS................................................................................................................................... - 4 AANVRAGEN GEBRUIKERSNAAM EN WACHTWOORD ....................................................................................... - 4 ACCOUNTS VOOR PERSOONLIJK GEBRUIK ..................................................................................................... - 4 HUISHOUDELIJK REGLEMENT WEBSITE .......................................................................................................... - 4 SCHRIJFWIJZE VOORSCHOTEN ‘97 ............................................................................................................... - 4 -
4 INTERNET EXPLORER 9/10: COMPATIBILITEITSMODUS EN VOORSCHOTEN97.NL TOEVOEGEN ALS VERTROUWDE WEBSITE ........................................................................................................................ - 5 4.1 4.2
ACTIVEREN COMPATIBILITEITSMODUS ........................................................................................................... - 5 HTTPS://WWW2.VOORSCHOTEN97.NL TOEVOEGEN ALS VERTROUWDE WEBSITE .............................................. - 5 -
5
AUTOMATISCHE STANDEN, PROGRAMMA EN UITSLAGEN ................................................................ - 8 -
6
INLOGGEN OP DE SITE ............................................................................................................................. - 9 -
7
WIJZIGEN PASWOORD ............................................................................................................................ - 12 -
8
HET SELECTEREN VAN DE TEAMPAGINA ........................................................................................... - 14 -
8.1 9
SELECTEREN VAN DE TEAMPAGINA FOLDER ................................................................................................ - 14 HET SCHRIJVEN VAN EEN TEKST IN EEN TEAMPAGINA (TEAMFOTO) ........................................... - 14 -
9.1 9.2
HET STARTEN VAN DE EDIT FUNCTIE ............................................................................................................ - 14 HET PUBLICEREN VAN DE PAGINA ............................................................................................................... - 16 -
10
HET PLAATSEN VAN EEN FOTO .......................................................................................................... - 17 -
10.1 10.2 10.3
FOTO VOORBEREIDEN/VERKLEINEN........................................................................................................... - 17 HET STARTEN VAN DE EDIT FUNCTIE .......................................................................................................... - 17 HET DOWNLOADEN EN PUBLICEREN VAN EEN FOTO IN DE IMAGE GALLERY .................................................. - 18 -
11
HET MAKEN VAN EEN NIEUWSBERICHT ............................................................................................ - 26 -
12
INSLUITEN VAN EEN YOUTUBE VIDEO ............................................................................................... - 29 -
13
UITLOGGEN............................................................................................................................................. - 32 -
14
TIPS EN HULPPROGRAMMA’S VOOR JE TEAMPAGINA ................................................................... - 33 -
14.1
NOTIEWIJZE VOORSCHOTEN ‘97 ............................................................................................................... - 33 -2-
FORMAAT FOTO’S: ................................................................................................................................... - 33 FOTO’S VERKLEINEN ................................................................................................................................ - 33 -
14.2 14.3 15
HET MAKEN VAN EEN FOTOGALERIE ................................................................................................ - 33 -
15.1 15.2 15.3 16
BELANGRIJK WOORD VOORAF BETREFFENDE HET GEBRUIK VAN DE FOTOGALERIEËN! ................................ - 33 DOWNLOADEN EN PUBLICEREN VAN DE FOTO’S ......................................................................................... - 33 HET MAKEN VAN DE AUTOMATISCHE FOTOGALERIE .................................................................................... - 38 HOOFDPAGINA: ALGEMEEN, JEUGD, SENIOREN EN ATLETIEK .................................................... - 43 -
16.1
WAAR STAAT WAT ................................................................................................................................... - 43 -
2 Versie beheer Versie 4.0
Datum Juli 2007
4.1
September 2007
Auteur Fons Schrijver + Jos Vlak Fons Schrijver
4.2 4.3 4.4
27 september 2007 30 september 2007 17 augustus 2008
Fons Schrijver Fons Schrijver Fons Schrijver
4.5 4.6 4.7 5.0 5.1 5.2 5.3
21-aug-2008 30-aug-2008 18-sept-2008 9-aug-2009 14-sept-2009 5-okt-2009 31-jul-2010
Jos Vlak Fons Schrijver Fons Schrijver Fons Schrijver Fons Schrijver Fons Schrijver Fons Schrijver
5.4 5.5 5.6 5.7 5.8 6.0
01-aug-2010 21-08-2011 30-08-2011 08-09-2011 17-06-2012 14-08-2012
Fons Schrijver Fons Schrijver Fons Schrijver Fons Schrijver Fons Schrijver Fons Schrijver
6.1 6.2 6.3
16-06-2013 03-08-2013 13-10-2013
Fons Schrijver Fons Schrijver Fons Schrijver
Wijzigingen Handleiding volledig herschreven voor het OpenCMS 6 a. Vista opmerking toegevoegd b. In de beschrijving het plaatsen van tekst en een foto opgesplitst. c. De onnodige lock stap verwijderd Gebruik competitie/standenprogramma uitgebreid. Link naar programma om foto’s te verkleinen toegevoegd (EasyResize). a. Gebruik fotogalerieën toegevoegd b. VISTA problemen, welke instelling moet gewijzigd worden als je VISTA gebruikt c. Nieuwe maten foto i.v.m. met nieuwe opzet website Taal gebruik verbeterd Probleem default body nieuws berichten gecorrigeerd Leesbaarheid verbeterd Aanpassingen voor nieuwe versie OpenCMS7 Naam competitie programma gewijzigd in Sports League Wijzigen paswoord toegevoegd Notitie wijze Voorschoten ’97 Image gallery aanpassingen i.v.m. nieuwe versie OPENCMS 7.5 Verwijzing naar huishoudelijk reglement website toegevoegd Nieuwe breedte (640 pixcels) Pop-up IE9, activeren weergave compatibiliteit modus Correctie email adres Toevoegen www2.voorschoten97.nl als beveiligde site Toelichting automatische uitslagen + aanpassingen i.v.m. nieuwe versie Content Management systeem Nieuwe indeling hoofdpagina toegevoegd IE10 compatibiliteitsmodus Gebruik van YouTube video’s
-3-
3 Algemeen 3.1
Waar moet je pc aan voldoen om de website bij te houden?
Voor het aanpassen van de website heb je een pc nodig met een internetaansluiting. Als internetbrowser moet je Internet Explorer of Firefox gebruiken. Andere browsers zoals Chrome worden niet ondersteund en geven problemen.
3.2
Windows XP/Vista/Windows7
Het maakt niet uit of je Windows XP, Vista of Windows7 gebruikt. Het content management systeem van de website werkt zonder problemen met de verschillende windows operating systemen.
3.3
Internet browsers
Er zijn vele verschillende internet browsers in omloop. De website (het content management systeem) werkt goed samen met FireFox en Internet Explorer. Google Chrome wordt niet ondersteund. Met andere browsers hebben we geen ervaring. Advies: Gebruik FireFox of Internet Explorer. Voor Internet Explorer 9 is het belangrijk om https://www2.voorschoten97.nl toe te voegen als veilige website. Zie hiervoor hoofdstuk 4 (blz.- 5 -)
3.4
Aanvragen gebruikersnaam en wachtwoord
Stuur per e-mail een verzoek naar
[email protected] Vraag om een gebruikersaccount en vermeld om welk team het gaat. Per e-mail worden de inloggegevens en handleiding teruggestuurd.
3.5
Accounts voor persoonlijk gebruik
De accounts voor de website zijn voor persoonlijk gebruik. Deze gaarne niet uitlenen aan andere personen. Indien er meerdere personen dezelfde teampagina’s gaan bijhouden kan ieder zijn eigen account aanvragen. Door gebruik van persoonlijke accounts is het mogelijk iedereen op zijn/haar eigen publicaties op de site aan te spreken.
3.6
Huishoudelijk reglement website
Voor het doel, de rollen en verantwoordelijkheden van de website is een huishoudelijk reglement opgesteld. Het reglement is te vinden op de website bij : http://www.voorschoten97.nl/clubinfo/reglement_website.html
3.7
Schrijfwijze Voorschoten ‘97
Voor de consistentie van de site is het wenselijk dat iedereen de naam van de vereniging op de op dezelfde wijze schrijft. De juiste schrijfwijze is: Voorschoten ’97 (met een spatie tussen Voorschoten en ’97).
-4-
4 Internet Explorer 9/10: compatibiliteitsmodus en voorschoten97.nl toevoegen als vertrouwde website Voor de goede werking van het content management systeem is het voor de Internet Explorer 10 gebruikers van belang de compatibiliteitsmodus te activeren en om https://www2.voorschoten97.nl toe te voegen als vertrouwde websitesite. (als je dit niet doet kun je geen foto’s plaatsen op de website en werkt het content management systeem niet goed).
4.1
Activeren compatibiliteitsmodus
Ga naar: www.voorschoten97.nl/admin
Klik op het compatibiliteisweergave knop
4.2
deze wordt daarna blauw
.
https://www2.voorschoten97.nl toevoegen als vertrouwde website
-5-
Open Extra menu van internet explorer met: Alt-X, klik daarna op Internetopties
Klik op de tab: Beveiliging
-6-
Klik op vertrouwde websites
Klik op Websites
Type in het vak: Deze website aan de zone toevoegen: https://www2.voorscoten97.nl (vergeet de S van httpS niet). Klik op toevoegen, daarna op sluiten.
-7-
5 Automatische standen, programma en uitslagen De stand, uitslagen en de programma pagina’s van alle teams worden automatisch gevuld. Deze informatie is niet zichtbaar tijdens het aanpassen van de betreffende pagina’s als verderop is beschreven in deze handleiding. Als je deze pagina’s voor je team aanpast, zal de geplaatste tekst/foto’s boven de automatische informatie worden weergegeven.
-8-
6 Inloggen op de site Ga naar: www.voorschoten97.nl/admin Het login-scherm verschijnt:
Voer de User name (gebruikersnaam) en het Password (wachtwoord) in en klik op de login-knop. Let op: de inloggegevens zijn hoofdlettergevoelig! Op de achtergrond verschijnt het administratieprogramma, tevens verschijnt de volgende melding:
Klik op OK.
Klik op Ja om dit venster te sluiten.
********************** Problemen ******************** Als een pop-up beveiliging aanstaat op je pc dan verschijnt het workspace scherm niet en blijft alleen het lege login scherm zichtbaar. Dit kun je testen door:
Log een keer in met een verkeerd wachtwoord. Indien de onderstaand foutmelding verschijnt, dan is een pop-up blokkering de waarschijnlijke oorzaak dat het inloggen mislukt.
Pop-ups kunnen door verschillende programma’s tegengehouden worden. Dit op te lossen door:
-9-
Internet explorer:via, extra>> pop-up blokkering>> instellingen van pop-up blokkeringen kan www.voorschoten97.nl toegevoegd worden. Antivirus/firewall programma’s, Zet het antivirus programma tijdelijk uit en probeer nogmaals in te loggen. Indien het nu wel lukt, zet dan de instelling “pop-up blocking” van je antivirus/firewall uit. Vergeet niet je firewall weer aan te zetten! Google toolbars, zet de pup-upblokkering in google toolbar options uit of voeg www2.voorschoten97.nl als veilige site toe ********************** Einde Problemen ******************** Het volgende scherm verschijnt twee seconden
Klik op OK
- 10 -
Klik op Opties voor deze website en selecteer: “Voor altijd toestaan” Hierna verschijnen een aantal mededelingen (alleen bij de eerste keer inloggen.) Steeds op OK drukken totdat onderstaand workspace scherm verschijnt. Als er niks gebeurt, dan is er waarschijnlijk nog een programma actief dat de pop-ups blokkeert.(zie begin hoofdstuk - 9 - ***** problemen *****) Daarna verschijnt onderstaande Workplace.
- 11 -
7 Wijzigen paswoord Vanuit veiligheidsoverwegingen is het verstandig zo nu en dan je paswoord te wijzigen:
Klik op het preferences icoontje
Klik op de User Data tab
- 12 -
Klik op Change password, voer het oude en nieuwe paswoord in en klik op OK
- 13 -
8 Het selecteren van de teampagina 8.1
Selecteren van de teampagina folder
Klik in het rechter gedeelte van het scherm op achtereenvolgens: jeugdteams, 20072008, f en tenslotte op 2.
Op de website is de teampagina opgedeeld in zes hoofdstukken. Nieuws, Programma, Stand, Teamfoto, Topscore en Uitslagen. Het index.html bestand in bovenstaande figuur is de openingspagina van je team. In deze handleiding wordt als voorbeeld het teamfoto hoofdstuk aangepast. Met uitzondering van het nieuws werken alle hoofdstukken van de teampagina’s hetzelfde. Dit inclusief de het index.html bestand van de openingspagina. In hoofdstuk 11 (blz. - 26 -) wordt het maken van een nieuwsbericht beschreven.
9 Het schrijven van een tekst in een teampagina (teamfoto) 9.1
Het starten van de edit functie
Klik met de muis op de naam: teamfoto
- 14 -
Klik met de muis op het bestandssymbooltje links naast index.html. Een menu verschijnt. Klik weer met de muis op het bestandssymbooltje links naast de index.html naam. Het menu verschijnt weer.
Klik op Edit Page. De edit pagina verschijnt.
Ga met de muis op het groene vlak staan en tik de tekst in. Indien je een tekst uit een tekstverwerker (bijv. WORD) wilt kopiëren, gebruik dan Ctrl-A (alles selecteren), Ctrl-C (kopiëren) en Ctrl-V (plakken). Gebruik bij de tekst zoveel mogelijk de standaardstijl van de site. Dit is eenvoudig mogelijk door met de linkermuisknop de tekst te selecteren en daarna de “Paragraph” of “HEADING1” stijl te gebruiken via de stijlknop (rood omcirkelde knop). Door het gebruik van de standaard stijlen blijft de layout van de site consistent.
- 15 -
9.2
Het publiceren van de pagina
Nadat de tekst is ingevoerd moet de pagina gepubliseerd worden. Publiseren houdt in dat de wijzigingen op de pagina zichtbaar worden gemaakt op de website zodat alle bezoekers van www.voorschoten97.nl de tekst kunnen lezen.
Klik op de publish directly knop (zie rode cirkel). De teamfoto pagina wordt nu gepubliceerd op de website
Klik op Ok. Hierna verschijnt weer het workspace scherm.
Je pagina is nu aangepast en staat op de website. Voor het uitloggen zie hoofdstuk 13 (blz. - 32 - ) Via www.voorschoten97.nl kan de hele wereld nu de wijzigingen op de pagina van je team zien! - 16 -
10 Het plaatsen van een foto 10.1 Foto voorbereiden/verkleinen Voor een goede, mooie en snelle weergave van een foto op de website moet vooraf gezorgd worden dat de foto het juiste formaat heeft. Aangezien de meeste digitale fototoestellen standaard de foto’s met een hoge resolutie/kwaliteit opslaan, moeten de foto’s eerst verkleind worden. Het verkleinen van foto’s kan met bijna alle fotobewerkingprogramma’s op je computer. Eventueel kan ook het programma EasyResize gebruikt worden (werkt heel eenvoudig). Dit programma is te downloaden via: www.easyresize.nl. De maximale breedte van de site is 640 pixcels. Zorg ervoor dat je foto altijd verkleind zijn naar het formaat 640x480 of kleiner.
10.2 Het starten van de edit functie Volg de stappen zoals beschreven in hoofdstuk 6.
Klik met de muis op de naam: teamfoto
Klik weer met de muis op het bestandssymbooltje links naast de index.html naam. Het menu verschijnt weer.
- 17 -
Klik op Edit Page. De edit pagina verschijnt.
10.3 Het downloaden en publiceren van een foto in de image gallery
Via de knop image gallery (zie rode cirkel hierboven!!!) kan een foto gedownload worden naar de website. Na het klikken op de image gallery knop verschijnt de image gallery. Dit is de plek waar foto’s gedownloaded/opgeslagen moeten worden. Eerst verschijnt er een wit scherm en een poosje later (dit kan even duren!) verschijnt de naam van de “galleries” van je team(s).
- 18 -
Dubbel klik op de gallerie van je team.
Klik op de Upload knopje (rechter bovenhoek) Selecteer de juiste folder waar de foto’s staan. (zorg ervoor dat je de foto’s verkleind hebt tot maximaal 640 pixels breed zie hiervoor hoofdstuk 14.3 blz.- 33 -.)
- 19 -
Klik op een foto/ Met behulp van de Ctrl en/of Shift toets kunnen meerdere foto’s tegelijk geselecteerd worden.Klik daarna op OK
Klik op een foto/ Met behulp van de Ctrl en/of Shift toets kunnen meerdere foto’s tegelijk geselecteerd worden.Klik daarna op OK
- 20 -
De foto’s worden geuploaded naar de galerij van je team. Nadat het uploaden klaar is verschijnen de foto’s vanzelf in de gallerij.
Dubbel klik op de foto die je wilt plaatsen
- 21 -
Indien je meerdere foto’s wilt plaatsen, klik op “image gallery” en dubbel klik op de andere foto die je wilt plaatsen.
Dubbelkik op de foto (herhaal deze stappen totdat alle foto’s op de pagina staan.
- 22 -
Nadat alle foto’s zijn geplaats kan de pagina gepubliseerd worden. Klik op “publish directly”
- 23 -
Zorg er voor dat “Publish with related resources” is aangevinkt. Klik daarno “OK” De teampagina inclusief foto’s worden nu geplubliseerd op de site.
Je teamfoto pagina is nu aangepast en staat op de website. Voor het uitloggen zie hoofdstuk 13 (blz. - 32 - ) Via www.voorschoten97.nl kan de hele wereld nu deze pagina van je team zien!
- 24 -
- 25 -
11 Het maken van een nieuwsbericht In je teampagina kun je nieuwsberichten aanmaken. Nieuwsberichten kunnen uitstekend gebruikt worden voor bijvoorbeeld wedstrijdverslagen. Kijk voor inspiratie eens naar seizoen 2006-2007 E10. Ga naar www.voorschoten97.nl, selecteer jeugd en klik op de link teampagina’s vorige seizoen link (onderaan de pagina). Voor elk nieuws bericht moet er een nieuw bestand aangemaakt worden in de folder nieuws. Hiervoor dienen onderstaande stappen per nieuwsbericht doorlopen te worden.
Volg de stappen zoals beschreven in hoofdstuk 6.
Selecteer folder nieuws
Klik op het toverstafje New
- 26 -
Selecteer optie Page with free text en daarna Continue
Type in bij name: yyyymmdd00 (maak je meerdere artikelen op één dag, dan wordt het tweede bericht yyyymmdd01 etc.) Selecteer bij template: Nieuws Selecteer bij Copy body from: Default body Klik daarna op Continue
- 27 -
Vul de titel in bij Title Keywords: kan leeg blijven Description: het onderschrift van het nieuwsbericht Vink Add to navigation aan Navigation tekst: vul hier de datum in, volgens de conventie: dd-mm-yyyy, dan blijft onze site er overal hetzelfde uitzien. Insert after:selecteer --- at the first position --Klik daarna op Finish
Klik op het bestandssymbooltje
Klik op edit page Je kunt nu dezelfde stappen volgen die in hoofdstuk 10.2 (blz. - 17 -) staan beschreven. In een nieuwsbericht kun je ook foto’s zetten. Na het publiceren verschijnt er in je teampagina een nieuwsrubriek.
- 28 -
12 Het insluiten van een YouTube video In een teampagina of nieuwsbericht kan een YouTube video worden weergegeven. Zie als voorbeeld: Evenementen/VoorschotenLoop/video (http://voorschoten97.nl/toernooi/Voorschotenloop/Video/index.html)
Zet de film op YouTube (volg instructies van YouTube) (Voor deze instructie wordt gebruik gemaakt van video http://www.youtube.com/watch?v=4bRMF3Cfdq0) Open in YouTube de link van de video die op de site weergegeven moet gaan worden. - 29 -
Kies optie Delen
Kies optie Insluiten
- 30 -
Selecteer bij Videoformaat als maximale breedte 640 (breder heeft geen zin, want de ruimte op de site is maximaal 640 pixels breed). Selecteer de code in het blauw omlijnde box en kopieer het via de toetsencombinatie Ctrl-C Open op de site het artikel dat de video moet weergeven
Selecteer de optie Source
- 31 -
De HTML code van de pagina verschijnt. Plak de gekopieerde code met behulp van de toetsencombinatie Ctrl-V in het artikel en ga terug naar de pagina met normale tekst via de Source optie. Publiceer daarna de pagina en de video wordt zichtbaar via de site.
13 Uitloggen
Klik op Exit
- 32 -
14 Tips en hulpprogramma’s voor je teampagina 14.1 Notiewijze Voorschoten ‘97 De naam van onze vereniging wordt vaak op verschillende wijze geschreven. Voor een consistente uitstraling van de site graag de officiële notiewijze gebruiken: Voorschoten ‘97
14.2 Formaat foto’s: Maak foto’s maximaal 640 pixels breed.
14.3 Foto’s verkleinen Met het programma EasyResize kunnen foto’s eenvoudig verkleind worden. Dit programma kan gedownload worden via: www.easyresize.nl
15 Het maken van een fotogalerie De website is voorzien van de mogelijkheid om een fotogalerie aan te maken. Met een fotogalerie is het mogelijk om automatisch een overzichtspagina te laten zien van meerdere foto’s. Door op een foto te klikken wordt deze vergroot weergegeven. Daarbij wordt de mogelijkheid geboden met “back” en “next” knoppen door de verschillende foto’s heen te bladeren.
15.1 Belangrijk woord vooraf betreffende het gebruik van de fotogalerieën! Voor het gebruik van de fotogalerieën dienen foto’s eerst te worden verkleind! Dit voorkomt dat de website traag wordt en onnodig volloopt door gebrek aan opslagruimte. Dit veroorzaakt storingen aan de website en kost geld (de gebruikte opslagruimte bepaald mede de maandelijkse kosten die onze vereniging moet betalen aan de webhosting partij). Het verhelpen van dit soort storingen is arbeidsintensief en vraagt kostbare vrijwilligerstijd die we graag ergens anders aan besteden! In hoofdstuk 14.3 (blz.- 33 -) staat een verwijzing naar een programma waarmee eenvoudig foto’s verkleind kunnen worden. Verklein de foto’s naar 640 pixels breed. Dit scheelt vele megabytes opslagruimte per foto en qua kwaliteit van weergeven via de website is er geen verschil.
15.2 Downloaden en publiceren van de foto’s Verklein de foto’s op je eigen computer! Ga naar de nieuwsfolder van je teampagina.
- 33 -
Klik op new en maak een nieuwe folder aan (in de folder worden de foto’s opgeslagen van de fotogalerie)
Klik op folder en daarna op Continue
Geef de fotogalerie een naam en klik op Continue.
- 34 -
Klik op het folder icoontje
Klik op het upload icoontje.
Selecteer alle foto’s (d.m.v. de Shift en Ctrl toetsen kunnen meerdere bestanden geselecteerd worden) en klik daarna op OK. De foto’s worden nu gedownload naar de website.
- 35 -
Wacht tot het downloaden is afgerond.
Ga terug naar de nieuws folder via de level up toets
Klik op het folder icoontje met de rechter muis knop
Klik op de “Publish directly” optie.
- 36 -
Klik op Ok
Klik op Ok
Wacht tot het publiceren is afgerond. Klik daarna op Ok
- 37 -
Alle foto’s zijn nu gedownload naar de site. In de volgende stap wordt de automatische fotogalerie van de zojuist gepubliceerde foto’s gemaakt.
15.3 Het maken van de automatische fotogalerie
Klik op new
Kies optie Structured content en Continue
- 38 -
Selecteer “Foto album Voorschoten ‘97” en daarna Continue
Geef de fotogalerie een naam, bijv. Fotogalerie en klik op Continue
Geef de fotogalerie een title, description, vink Add to navigation, geef een navigation text en selecteer --- at the First position --- en klik op Finish. Deze velden werken op dezelfde wijze als bij een nieuwsbericht (zie hoofdstuk 11).
- 39 -
Klik met de rechter muisknop op het Fotogalerie1.html bestand
Klik op edit
Selecteer in het veld VFS gallery folder via de folder toets de in hoofdstuk 15.2 aangemaakt folder met alle foto’s. Geef de galerie een titel in het veld Title:
- 40 -
Neem voor de rest bovenstaande instellingen over. Dit zorgt ervoor dat de galerie blijft voldoen aan de huisstijl van onze site. Klik daarna op de publish knop (linker bovenhoek)
Wacht tot het publiceren is afgerond en klik daarna op Ok.
- 41 -
De fotogalerie staat nu op de site gepubliceerd en is op dezelfde wijze als een nieuws bericht te bekijken.
- 42 -
16 Hoofdpagina: algemeen, jeugd, senioren en atletiek 16.1 Waar staat wat Sinds juni 2013 is de hoofdpagina van de site opnieuw ontworpen en opgedeeld in 4 rubrieken. Algemeen Algemene verenigingsberichten zoals, bestuur mededelingen, Zondagavond!, (grote) evenementen, ALV etc Jeugd Berichten over de jeugd (jeugdnieuws redactie) Senioren Berichten over zaterdag/zondag 1 zoals voorbeschouwingen, verslagen en berichten overige de overige senioren teams, inclusief zaalvoetbal. Atletiek Berichten over de atletiek. Om de nieuwe hoofdpagina goed tot zijn recht te laten komen is het belangrijk om compacte koppen en subtitels te gebruiken. Met name het gebruik van lange woorden moet je zoveel mogelijk voorkomen want dat resulteert in lege ruimtes op de voorpagina. Mocht je onverhoopt toch een lang woord willen gebruiken, check dan altijd naderhand hoe het op de hoofdpagina verschijnt. Eventueel kun je de site forceren door een woord af te breken met een - teken. Belangrijk om te weten is dat automatisch de eerste foto van het artikel dat bovenaan staat op de voorpagina verschijnt. Mocht er geen foto in het artikel staan, dan wordt een standaard foto op de hoofdpagina gezet. Maar het advies is vooral te zorgen voor een leuke eerste foto in je artikel want het effect op de hoofdpagina is super en je artikel krijgt daardoor veel meer aandacht. Hieronder de folders waar de desbetreffende rubrieken staan: Algemeen Jeugd Senioren Atletiek
=> /nieuws/yyyymm => /jeugdniuews/yyyymm => /seniorennieuws/yyyymm => /atletieknieuws/yyyymm
- 43 -