CMS Made Simple voor gevorderden Workshop 2 2 e lesavond Afbeeldingbeheer Wijzigen van afbeeldingen; formaat aanpassen, uitsnijden en bewerking in CMS Made Simple zelf. Nadenken over opslag en beheer voor grote bestanden met aandacht voor Mediatheek van ABC projecten. Formaat aanpassen Het gebruik maken van de juiste afbeeldingen in een website fleurt niet alleen de website op, maar kan deze ook krachtig ondersteunen; een plaatje zegt soms meer dan 1000 woorden. We moeten er echter wel voor zorgen dat de afbeeldingen niet te groot worden. Met die grootte bedoelen we niet alleen het formaat op het scherm, maar juist ook het opslagformaat. Een foto van een digitale camera is namelijk al snel meer de 2 Mb groot. CMS Made Simple is zo geconfigureerd dat de maximale bestandsgrootte nu juist kleiner moet zijn dan 2 Mb. Hoe krijgen we deze foto er dan op? Simpel; we gebruiken hiervoor een programma als Microsoft Office Picture Manager (te vinden in de submap Microsoft Office-hulpprogramma s van Microsoft Office) of het programma IrfanView. Dit laatste programma is zeer veelzijdig, maar staat niet standaard op het externe bureaublad. Het programma is echter wel gratis en als je thuis niet de beschikking hebt over Microsoft Office dan is dit een echte aanrader. Met beide programma s is het mogelijk een foto te verkleinen naar een lagere resolutie, waarmee gelijk de bestandsgrootte aanzienlijk afneemt. Het advies hierbij is om de foto s te verkleinen tot het formaat 640x480. Dit is een redelijk standaard formaat en is tevens het maximum wat kan worden getoond op de website. Voor een fotoboek kan eventueel nog een wat groter formaat, zoals 800x600 tot maximaal 1024x768 worden gekozen. Bedenk daarbij wel dat opslagruimte sneller afneemt! In de Picture Manager zijn deze formaten al voor gedefinieerd met fraaie benamingen: Document Groot (1024 x 768 px) Document Klein (800 x 600 px) Web Groot (640 x 480 px) Web Klein (448 x 336 px) Er is daarbij bewust gekozen voor de term Web en Document. Met een document wordt datgene wat we afdrukken bedoeld, niet wat we op het scherm willen zien. Tijdens de volgende cursusavond meer informatie over de hierboven genoemde pakketten. Uitsnijden Niet altijd zal een foto in zijn geheel bruikbaar zijn. Daarom is het soms handig om een gedeelte van de foto uit te snijden. Hiervoor kun je hele dure geavanceerde pakketten gebruiken, maar je kunt het ook prima met het programma Paint welke standaard is geïnstalleerd bij Windows. Bewerkingen in CMS Made Simple In CMS Made Simple kun je ook afbeeldingen aanpassen. In de praktijk blijkt dit niet altijd even soepel te verlopen, je werkt namelijk on-the-fly. Met andere woorden wat je aanpast is onherroepbaar! Je kunt daarom beter een kopie maken van een foto en die vervolgens bewerken. Mocht het niet goed gaan dan heb je altijd nog het origineel waar je op terug kunt vallen. Toch kan het erg handig zijn om even een overbodig randje van een foto weg te snijden of een foto te roteren. Je kunt afbeeldingen aanpassen in CMS Made Simple via de menukeuze Afbeeldingsbeheer. Je ziet daar alle afbeeldingen die ooit zijn geplaatst. We gaan als voorbeeld een afbeelding een klein beetje bijsnijden (graag niet nadoen, want anders wordt het een puinhoop!) 4
Om een afbeelding aan te passen klik je op het potloodje ( ) Het onderstaande scherm komt dan in beeld De mogelijkheden: We willen in de getoonde afbeelding de witte randen wat kleiner maken. We selecteren daarom de optie Snijd bij en tekenen een vierkant om hetgeen we willen houden. In dit geval is in de afbeelding hiernaast ervoor gekozen om de gewijzigde afbeelding op te slaan onder de naam contact_2.jpg. Het oorspronkelijk bestand contact.jpg blijft dus intact. De kwaliteit blijkt 85% te zijn van het origineel. Je kunt deze gerust weer op 100% zetten. Wil je juist een wat grovere versie dan kun je hier natuurlijk mee experimenteren. Met een klik op het groene vinkje zal de afbeelding definitief worden opgeslagen. We zien nu grijs worden wat straks zal wegvallen. Met de handle bars, de kleine vierkante blokjes, kunnen we nog wat nauwkeuriger manoeuvreren. Als we tevreden zijn met het resultaat dan klikken we op het groene vinkje. We kunnen hier ook nog herschalen, roteren (handig!), opmeten en roteren. Maar we gaan nu voor opslaan. Gelukkig overschrijft het programma niet de bestaande afbeelding (al kan dat natuurlijk wel!) Opslag van grote beeldbestanden Het kan natuurlijk zijn dat je heel veel foto s hebt en deze in de hoogste resolutie beschikbaar wilt stellen aan ouders, zodat deze zelfs de foto s kunnen (laten) afdrukken. Leuke filmpjes zijn natuurlijk geweldig, maar kleiner dan 2 Mb lukt daarbij niet tot nauwelijks. Hiervoor heeft ABC 5
Projecten de Mediatheek opgezet. Hier kunnen alle scholen terecht om hun beeldmateriaal te plaatsen. Met een linkje op de website heb je daarmee het beste van beide werelden. Je vindt de Mediatheek op http://www.abc-mediatheek.nl. Om hier foto s of filmpjes te kunnen plaatsen heb je een inlognaam en wachtwoord nodig. Deze kun je aanvragen bij Jelle of Dirk. Elke school heeft hier zijn eigen plekje. Kijk ook eens rond bij andere scholen om ideeën op te doen. Tip: maak verschillende mappen aan om sneller beeldmateriaal terug te kunnen vinden. Bestandsbeheer Studiegidsen, nieuwsbrieven en andere grote documenten. Hoe kun je deze het beste plaatsen en beheren. Vrijwel elke school heeft er eentje; de studiegids. Veelal een lijvig boekwerkje die ook op de website beschikbaar dient te zijn. We hebben de vorige lesavond al aandacht besteed aan het opknippen van grote lappen tekst in meer compactere eenheden. Voor de studiegids kan het raadzaam zijn een korte versie met de highlights te plaatsen op de website met daaronder de tekst klik hier om de volledige studiegids te bekijken. Plaats de afbeelding hiernaast op de website voor je bezoekers. De meeste bezoekers zullen Acrobat Reader al geïnstalleerd hebben, maar zo niet dan rijk je ze de helpende hand. 6
De studiegids of de nieuwsbrieven dienen bij voorkeur te worden geplaatst als PDF bestand. Dit kan in Word eenvoudig door te kiezen voor Opslaan als en dan te kiezen voor het formaat PDF. Werk je thuis nog met een oudere versie van Word die deze optie niet ondersteund dan kun je altijd nog het progamma CutePDF writer installeren. Je hebt dan een printer die alles wat je afdrukt opslaat als een PDF document. Je kunt deze downloaden via Links op de website OBS Voorbeeld. Te grote bestanden Ik heb een groot bestand die echt absoluut moet worden geplaatst. Dit kan echter niet door de begrenzing van het pakket. En nu? Deze vraag komt geregeld terug. Het advies is en blijft om toch te proberen eerst grote bestanden op te knippen in kleinere bestanden. Vaak blijkt er een foto in te zijn geplaatst, rechtstreeks vanaf de camera. De foto verwijderen en in kleiner formaat opnieuw plaatsen is vaak al een prima oplossing. Kan dit allemaal niet of het je dit al geprobeerd dan is er nog één oplossing. Met een FTP programma kan dit te grote bestand door Jelle of door Service @ School worden geplaatst in een map \Large_uploads. Het bestand kan dan via een volledige URL worden aangeroepen, maar niet worden geselecteerd vanuit CMS Made Simple. Zie dit dan ook vooral als een noodgreep en niet al dé oplossing. We gebruiken hiervoor het programma FileZilla (zie Links op de website). Bestanden plaatsen en beheren Weet je alle documenten en afbeeldingen op je eigen website snel terug te vinden? Kom dit omdat er niet veel bestanden opstaan of heb je alles netjes in aparte mapjes opgeborgen? Veel websites die we bekijken en aanpassen blijken alle bestanden op één grote hoop te hebben geveegd. Het is daarin lastig zoeken, maar dat niet alleen. Het is ook erg lastig opruimen! Probeer net als thuis de sokken en de onderbroeken niet door elkaar te gooien in een la, maar maak aparte stapeltjes of in dit geval aparte mappen. Het is raadzaam om de volgende mappen aan te mappen op je website: Bij Bestandsbeheer: \studiegidsen \nieuwsbrieven \archief Bij Afbeeldingsbeheer: \fotoalbum (néé, geen foto s. CMS Made Simple kan niet overweg met de komma in de naam!)..\sinterklaas_2011 (alle bestandsnamen ZONDER een spatie, een underscore (_) mag wel)..\kerst_2011..\pasen_2012..\carnaval_2012..\schoolfeest_2012 \evenementen (voor sinterklaas, kerst, oud- en nieuw, pasen enz.) Helaas is het bij CMS Made Simple niet mogelijk om bestanden te verslepen. In FrontPage kon dit wel, maar hier helaas niet. Denk daarom goed na over een goede indeling. Bovenstaande is slechts een voorbeeld! Het is in ieder geval handig om jaartallen te gebruiken bij de foto s. Dit maakt het opruimen later wat eenvoudiger Tip: Bekijk je eigen website eens kritisch. Is de gemaakt indeling wel handig? 7
Opdrachten: 1. Zoek op je eigen computer een leuke afbeelding op of haal er een afbeelding van het internet. Plaats deze via Afbeeldingsbeheer op de website en probeer deze aan te passen. Gebruik a.u.b. NIET de afbeeldingen die er al staan! 2. Zoek een Word document op en sla deze op als PDF document. Plaats deze in je eigen hoekje op de website. Plaats ook de afbeelding voor het downloaden van Acrobat Reader. De link voor het downloaden is: http://get.adobe.com/nl/reader/ 3. Maak in de eigen website een mapje aan voor de nieuwsbrieven. Sla hier voortaan de nieuwsbrieven in op. Bekijk ook eens je map met afbeeldingen. Heb je al submapjes gebruikt? Prima! Zo niet, dan is het nu een mooi moment om daar eens over na te denken. (Ik kom graag meedenken ) 8