Handleiding website AZSV 2014

2014 voor (o.a.) de webmaster van een team http://www.azsv-aalten.nl Auteurs: Peter van Asselt, Leo Postma Project: AZSV website 2014 internet commissie AZSV

pagina: 2 van 15 INHOUDSOPGAVE 1. INLEIDING...3 1.1. INLEIDING... 3 2. HET CONTENT MANAGEMENT SYSTEEM JOOMLA...3 2.1. ARTIKEL PLAATSEN (FRONTEND)... 3 2.1.1. Afbeelding invoegen... 6 2.1.2. Tabblad Publiceren... 9 2.1.3. Opslaan, toepassen en annuleren, Check In en Log Out... 9 2.1.4. Via de knop Log out (rechtsbovenin), kun je uitloggen... 10 2.2. BIJZONDERE HANDELINGEN... 10 2.2.1. Tekst kopiëren vanuit Notepad of MS-Word... 10 2.2.2. Een Links maken in je artikel... 12 2.2.3. Een Afbeelding uploaden (zie ook 2.1.1)... 14 2.2.4. AZSV Foto Upload... 15

pagina: 3 van 15 1. Inleiding 1.1. Inleiding Deze handleiding is geschreven voor personen die namens een team of commissie van AZSV, gebruik willen maken van de internet site van AZSV om wedstrijdverslagen en/of commissie verslagen, foto s etc. op de AZSV site te plaatsen. Heb je na het lezen van deze handleiding nog vragen, mail dan naar webmaster@azsv.nl Je krijgt van de webmaster ook een inlogcode en een wachtwoord. Ga hier zorgvuldig mee om, deze inlogcode en wachtwoord is persoonlijk. 2. Het Content Management Systeem Joomla Joomla! Is een Content Management Systeem (CMS). Dit systeem maakt het mogelijk, dat mensen zonder kennis van HTML of andere programmeertalen, in een paar eenvoudige stappen teksten op een website kunnen plaatsen. Hiervoor is alleen een browser en een internetverbinding voor nodig. Content betekent letterlijk inhoud en is een verzamelnaam voor alles wat je op een website kunt plaatsen. Denk aan tekst, foto s, plaatjes, geluid of een filmpje. Deze handleiding beperkt zich tot het maken van een content-item. In deze handleiding wordt dit ook aangeduid als nieuwsartikel. 2.1. Artikel plaatsen (Frontend) In de rechter bovenhoek is er een login knopje waarmee je het onderstaande scherm naar voren kunt halen: Vervolgens verschijnt het volgende scherm: Log in op de website met je Gebruikersnaam en Wachtwoord. Daarna verschijnt er in de linker kolom van de AZSV website een extra menu, het Gebruikers menu. Hierin heb je een aantal mogelijkheden:

pagina: 4 van 15 De webmaster van een team zal gebruik gaan maken van het item Team verslag toevoegen. Kies hiervoor Team verslag toevoegen. Het volgende scherm zal dan vertoond worden: Bovenin plaats je de titel van het bericht, de alias wordt na publiceren automatisch aangemaakt. De alias is de interne naam van je document! Deze wordt achter de schermen gebruikt in het CMS systeem. Elk alias mag maar 1 keer voor komen. Is het artikel niet goed opgeslagen en maak je nog een artikel met dezelfde titel, geef het dan zelf een andere alias om foutmeldingen te voorkomen. Vervolgens ga je het artikel vullen met de juiste tekst. Daarna kun je het artikel publiceren, of te wel er voor zorgen dat het voor de bezoekers van de site zichtbaar wordt. In het blok Publiceren kies je in welke Categorie je het teamverslag kwijt wil. Voor elk Team is er een aparte Categorie aangemaakt! Bij alias van auteur voer je je eigen naam in.

pagina: 5 van 15 De status moet altijd op gepubliceerd staan. Speciaal (moet het op de voorpagina getoond worden?) staat standaard op Nee, d.w.z. het artikel komt niet op de voorpagina. Moet het wel op de voorpagina komen, zet het dan op Ja. Let op! Dit is alleen bedoeld voor artikelen die de hele vereniging aangaan, Heren 1 en Vrouwen 1. Artikelen die niet op de voorpagina horen, worden door de intercommissie verwijderd van de voorpagina. Het invullen van de tekst in de tekst editor: Type je de openingsparagraaf van je artikel. Als je op de knop Lees meer klikt, komt er een balk in het artikel. Het deel wat je na deze balk invoert wordt pas zichtbaar als de bezoeker na het lezen van je introductietekst het artikel interessant genoeg vindt en op Lees meer klikt. Voor een teamverslag hoef je deze optie Lees meer niet te gebruiken. Boven de tekstvakken staat een werkbalk met icoontjes die je wellicht herkent van MS- Word. Deze icoontjes worden in onderstaand overzicht toegelicht

pagina: 6 van 15 In onderstaande tabel worden een aantal knoppen in het kort toegelicht. Dit zijn universele icoontjes voor het printen, zoeken, knippen en plakken. Mocht je tekst klaar hebben staan in Notepad of in MS-Word dan MOET je gebruik maken van deze knoppen. Voor de werking en meer uitleg zie paragraaf 2.2.1 Hiermee kan je wijzigingen ongedaan maken (1 e icoon) of opnieuw uitvoeren (2 e icoon) Met deze knoppen kun je een tabel invoegen, de tabel opmaken, rijen en kolommen invoegen of verwijderen en cellen samenvoegen of splitsen. Met deze knop kun je een plaatje of foto toevoegen aan de tekst. Zie voor meer uitleg paragraaf 2.1.1 Met deze knop kun je een horizontale scheidingslijn toe te voegen in je tekst. Met deze knoppen kun je een link toevoegen aan je tekst. Het 1 e icoontje is om een link te maken en de 2 e om een link te verbreken. Hier kun je een afwijkend lettertype kiezen. Dus kies hier alleen een andere grootte als je wilt dat een stukje tekst moet opvallen en je wilt de lettergrootte aanpassen. Dit zijn dezelfde opmaakmogelijkheden als je gewend bent in elke tekstverwerker: vet, schuin en onderstreept. Met deze vier knoppen kun je de tekst uitlijnen (links, midden, rechts of uitgevuld). Hiermee kun je een opsomminglijstje maken (genummerd en ongenummerd), de rechtse twee zijn bedoeld om op een tweede niveau te kunnen inspringen. Invoegen van streaming media zoals filmpjes Als je HTML wilt wijzigen of invoegen dan klik je op HTML, er opent dan een popup met de HTML van je tekst. Indien de popup niet opent dan moet je ervoor zorgen dat je browser de popups van deze website accepteert 2.1.1. Afbeelding invoegen Via de knop Insert/Edit image kun je een afbeelding invoegen. Let op: het plaatje wordt ingevoegd op de plek waar de cursor zich bevindt!

pagina: 7 van 15 Als je foto s gaat uploaden, let er dan wel op dat je in de goede map je foto s upload. Elk team heeft zijn eigen map waarin alleen de foto s van dat team moeten komen te staan. In het voorbeeld hieronder zitten we in teams/pupillen/e1/verslagen, klik dan als laatste de map wedstrijdxxxx2011 verslagen. Hierin moeten alle wedstrijdverslagen van de E1 terecht komen.

pagina: 8 van 15 Als je een afbeelding van je computer wilt gebruiken, zul je deze eerst moeten uploaden naar de website. Klik hiervoor op het upload icoon, links naast het vraagteken: Zit je in de goede map, of maak eventueel een nieuwe map aan, klik dan op Upload en het volgende venster verschijnt: Selecteer vervolgens via Add het bestand (foto) die je wilt uploaden vanaf je computer naar de website, en klik op OK. De foto wordt daarna ge-upload. Daarna verschijnt er een groen vinkje achter het bestand:

pagina: 9 van 15 Klik vervolgens op Close Let er wel op dat de foto niet groter is dan 640 x 427 pixels. Nadat de foto is ge-upload, verschijnt het in het middelste scherm. Klik hierop en de foto verschijnt in het rechterscherm. Klik als laatste op Insert en de foto wordt in het artikel geplaatst Met de knop alignment kunt je de afbeeldingen links of rechts van de tekst plaatsen. De volgende afspraken zijn er gemaakt wat betreft de grootte van de foto s: Klein formaat: 100 x 150 pixels of 150 x 100 pixels Middel formaat: 320 x 210 pixels Groot formaat: 640 x 427 pixels 2.1.2. Tabblad Publiceren Scroll naar beneden naar het Publiceren. Hier kun je aangeven wanneer het artikel geplaatst moet worden en wanneer het weer mag verdwijnen. Dit is belangrijk want als je het artikel niet publiceert, verschijnt het ook niet op de site. Gepubliceerd moet dus op Ja staan. Auteur alias: Hier kun je een naam van iemand anders neerzetten. Bijvoorbeeld Piet heeft je gevraagd om een artikeltje te plaatsen. Dan vul je hier Piet in. Als je hier niets invult dan verschijnt je eigen naam bij het artikel. Start publiceren: Hier geef je aan vanaf welke datum het artikeltje bericht getoond worden op de website. Klik je op het blokje met de drie puntjes dan verschijnt er een handige kalender zodat je eenvoudig de juiste datum kan uitpikken. Stop publiceren : Hier geef je aan vanaf welke datum het artikeltje bericht niet meer getoond mag worden op de website. Klik je op het blokje met de drie puntjes dan verschijnt er een handige kalender zodat je eenvoudig de juiste datum kan uitpikken. Speciaal: Toon op de voorpagina: Als je dit op Ja zet dan wordt het artikel (zie uitleg hiervoor) op de beginpagina van de site getoond. Zet dit voor de teamverslagen niet aan. Artikelen die niet op de voorpagina horen, worden door de intercommissie verwijderd van de voorpagina. 2.1.3. Opslaan, toepassen en annuleren, Check In en Log Out Je hebt nu de content ingevoerd en je artikel is gereed om opgeslagen te worden.

pagina: 10 van 15 Klik hiervoor op de knop Opslaan. Mocht je iets verkeerd hebben gedaan, klik dan op Annuleren", de pagina wordt afgesloten en je hebt niets opgeslagen. Zou je na het publiceren van het teamverslag nog wat willen veranderen, dan kan dat door op edit icoontje te klikken dat rechts boven in een artikel staat. Zoek dus je teamverslag op en klik op dit edit knopje. Hierdoor kom je weer in de bewerk-modus, waardoor je het teamverslag aan kunt passen. Na het aanpassen moet je wijzigingen vervolgens weer opslaan! 2.1.4. Via de knop Log out (rechtsbovenin), kun je uitloggen Klik op het rode kruisje. De volgende melding verschijnt: Klik op Logout. Je bent nu uitgelogd. 2.2. Bijzondere handelingen 2.2.1. Tekst kopiëren vanuit Notepad of MS-Word Wil je een kort artikel schrijven dan volstaat het om direct op de site in te loggen en daar de tekst te typen direct in het edit scherm van een nieuwe artikel. Heb je meerdere artikelen of wil je een lang artikel schrijven dan is het aan te bevelen om eerst je tekst klaar te maken (met bijv Notepad of MS-Word). Het

pagina: 11 van 15 kan ook zijn dat je teksten krijgt aangeleverd in een kaal tekst (*.txt) bestand of in MS- Word (*.doc) formaat. Op de AZSV site werken we altijd met platte tekst. Dit is dus tekst zonder allerlei opmaak codes zoals in Word gebruikelijk is. Het makkelijkste is het dan om de tekst te knippen van uit Word of een andere editor en deze via de speciale plak knop in het artikel in te voegen. Daarna kun je natuurlijk de tekst zelf nog online opmaken. Klik hiervoor dit icoontje (Paste as Plain Text) Het volgende scherm verschijnt, waarin je met Ctrl + V de tekst plakt en vervolgens op Insert klikt: De in dit scherm geplakt tekst wordt dan als platte tekst in je artikel geplaatst.

pagina: 12 van 15 2.2.2. Een Links maken in je artikel Selecteer eerst de tekst die je van een link wil voorzien, doe dit met Shift en het pijltjestoets. Zie voorbeeld van geselecteerde tekst hieronder: Klik vervolgens op en een volgend scherm verschijnt. Je kunt kiezen uit de volgende opties:

pagina: 13 van 15 Als je een link wil maken geef je het adres van de website in bij het veld URL. Bij het veld target (onderaan) geef je aan op of de link in hetzelfde venster open in current window / frame, kies hiervoor als de link zich op de AZSV-site bevindt. Bij title kan je er een titel aangeven. Linken naar een andere website altijd Open in new window zodat je de bezoeker niet kwijt raakt: Klik daarna op Insert

pagina: 14 van 15 2.2.3. Een Afbeelding uploaden (zie ook 2.1.1) Het is mogelijk om afbeeldingen van je eigen pc te uploaden naar de site en deze vervolgens bij het (team)verslag te plaatsen. Klik op de knop Insert/Edit image. Ga vervolgens in de mappenstructuur naar de juiste map. Doe dit in overleg met de webmaster om vervuiling te voorkomen. Klik vervolgens op de knop Upload image. Het volgende venster verschijnt Via bladeren kun je de afbeelding op je computer opzoeken, je geeft het bij Name een naam mee en klikt vervolgens op OK. De afbeelding wordt nu geupload naar de door jou, in overleg met de webmaster, gekozen directory. Lees nu paragraaf 2.2.1 voor de verdere instructies.

pagina: 15 van 15 2.2.4. AZSV Foto Upload Als je een probleem hebt met het converteren van afbeeldingen naar het juiste formaat, of als je meerdere afbeeldingen gelijktijdig wil uploaden naar de site kan je ook gebruik maken van AZSV Foto Upload functie. Kies deze functie in het gebruikers menu. Het onderstaande scherm wordt dan getoond. Open eventueel een tweede tabblad in uw browser om gelijktijdig een verslag te kunnen maken en deze uploader te kunnen gebruiken! 1. Ga in de linker kolom van het file upload scherm eerst naar de directory van het juiste team. (klik op de directory naam om te bladeren, en op ".." om een directory terug te gaan) 2. Maak dan in de verslagen directory van het betreffende team een nieuwe directory aan waarin u de foto('s) gaat plaatsen! B.v. pupillen/d2/verslagen en maak dan een directory wedstrijd03042010. 3. Druk hiervoor op de knop "options" en kies "create folder, vul de naam van de nieuwe map in (in dit geval b.v. wedstrijd03042010) en druk op "create"!. 4. Voeg nu de foto's toe aan de upload lijst, in de rechter kolom van het file upload programma, m.b.v. de "Add" knop. Herhaal dit voor elke volgende foto! 5. Kies dan hoe groot de foto's moeten worden. Max 640, 480 of 150 pixels breed. Na het uploaden worden de foto's n.l. automatisch terug gebracht naar deze maximale afmetingen. 6. Druk vervolgens op de "Upload" knop om de foto's naar de site te sturen! Maak dan het verslag en voeg hier de foto's toe. Ga hiervoor op de juiste plek in het verslag staan en klik op het kleine foto icoontje in de tekst verwerker. In het scherm, wat dan geopend wordt, kan er weer gebladerd worden naar de hierboven gemaakt directory en kunt u de foto kiezen die u wilt toevoegen in het verslag. Druk op "Toevoegen" om de geselecteerde foto in het verslag toe te voegen! Extra informatie over het instellen van opties, bij het plaatsen van foto's, is in de hoofdstukken hiervoor te vinden.