1 Stap 4 - Plaats zelf foto's in je website Waarschijnlijk zul je ook wel een digitale fotocamera hebben. En daarmee maak je tegenwoordig de prachtigs...
Stap 4 - Plaats zelf foto's in je website Waarschijnlijk zul je ook wel een digitale fotocamera hebben. En daarmee maak je tegenwoordig de prachtigste foto’s. En die hebben vaak een gigantisch hoge resolutie (het aantal beeldpuntjes oftewel pixels) Dat is goed om er posters van te drukken, maar niet ideaal voor gebruik in je website. Beginnende webmasters gaan nogal vaak rechtstreeks foto’s uit hun camera in hun website slepen. Dat zijn dan bestanden van soms wel 2 tot 3 Mb… en de bezoeker van je website kan dan eerst het avondeten gaan bereiden alvorens de foto op het scherm te zien is. Nou beschikken de meeste Nederlanders tegenwoordig over een snelle verbinding met het internet, maar om een website gebruiksvriendelijk te houden moet het ‘licht’ zijn. En daarom moeten we van zware afbeeldingen kleine bestanden maken. Daarvoor gebruiken we een heel handig stukje software, ‘Pixresizer’, je kunt het ook weer op http://www.alphamegahosting.com/516 ophalen.
Open Pixresizer Als je het geïnstalleerd hebt gaan we het eens bekijken. Open het programma maar eens door op het icoon op je bureaublad te dubbelklikken.
‘het scherm van Pixresizer’ 27
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 4 - PLAATS ZELF FOTO'S IN JE WEBSITE
............................................................................................................................................................... Nou moet je eigenlijk één ding weten voordat we verder gaan. Als je veel foto’s gaat gebruiken is het vaak het mooiste als ze allemaal even breed zijn. De hoogte is van minder belang. Maar voor het oog, de rust die een website uitstraalt, is een vaste breedte heel prettig. Je ziet in het programma al wat vaste maatvoeringen afgebeeld. Maar daar hoeven we niets mee te doen. Wij willen onze eigen breedtemaat instellen.
Je eerste foto binnenhalen We beginnen natuurlijk met het binnenhalen van een foto, onder punt 1 zie je de knop ‘load picture’. Hier klik je maar vast op. In het volgende scherm kun je bladeren door alle bestanden op je PC of extern aangesloten apparaten. Hier zoek je de foto die je wilt bewerken en klikt die aan. Als die in het bovenste venster staat klik je op ‘openen’.
‘open de geselecteerde foto in Pixresizer’ Nu staat de afbeelding in het voorbeeldvenster van Pixresizer. Onder punt 2 staan de maten, maar ook een kopje ‘Custom size’, vink dat maar eens aan. Je ziet ook twee invulvelden met een vermenigvuldigingsteken ertussen. In het eerste vul je de breedte in die je wilt, laten we zeggen 250 en je ziet dat in het tweede veld de hoogte zich automatisch aanpast. Tenminste als het vakje ‘Maintain aspect ratio’ is aangevinkt, daar moet je voor zorgen. Dan weet je dat de verhoudingen in orde blijven.
‘we bepalen zelf de maten maar de verhoudingen moeten kloppen’
28
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 4 - PLAATS ZELF FOTO'S IN JE WEBSITE
............................................................................................................................................................... Nu moet je de foto opslaan, en voor een website het lieftst in JPEG. Dat kun je onder punt 3 aanvinken. Als je nu op ‘Save Picture’ klikt wordt de foto opgeslagen.
‘sla de foto op in jpeg-formaat’ Je weet nu zelf wel hoe je die in de map van je website kunt krijgen. Verstandig is het om voor alle afbeeldingen een eigen mapje in de grote map van je website te maken. Noem dat bijvoorbeeld ‘Images’. De procedure voor het maken van een nieuwe map hebben we uitgebreid in stap 1 besproken. Hier kun je eventueel nog even naar kijken. Zo kun je alle afbeeldingen die je wilt gebruiken bewerken en in één map bij elkaar zetten. Pixresizer biedt ook de mogelijkheid om in één keer een hele groep foto’s op de juiste maat te brengen. Dat moet je zelf maar eens uitvissen.
De foto plaatsen Nou, je hebt je foto’s op maat gebracht, je website bestaat al uit drie pagina’s, de teksten zijn geschreven en de opmaak ervan is naar je eigen wensen aangepast. Dus nu kunnen de foto’s in je website. Laten we maar eens gaan kijken hoe dat gaat. Open Kompozer maar vast. Open de pagina uit je website-map waarin je wilt gaan werken. Daar waar je een foto wilt plaatsen zet je de cursor neer. Zorg dat de afbeelding je tekst niet helemaal uit zijn verband haalt.
‘je kunt beter de cursor vooraan een lege regel zetten’
29
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 4 - PLAATS ZELF FOTO'S IN JE WEBSITE
............................................................................................................................................................... Ben je er klaar voor? Je zult weer zien dat het van een verbazingwekkende eenvoud is. Je ziet het icoontje ‘afbeelding’ naast ‘koppeling’ staan, klik daarop.
‘het icoontje voor het invoegen van een afbeelding’ Om te zoeken naar de juiste map gebruik je het icoontje naast het venster ‘afbeeldingslocatie’. Daarmee kun je ‘browsen’ (zoeken) door alle mappen.
‘bladeren door de mappen’
30
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 4 - PLAATS ZELF FOTO'S IN JE WEBSITE
............................................................................................................................................................... Je ziet hier ook een venster ‘Alternatieve tekst’’, dat moet aangevinkt zijn. En hierin schrijf je in het kort de betekenis van de afbeelding, zoiets als ‘Foto van mijn tante Jet in de zeilboot op het IJsselmeer.’
‘het invullen van de alternatieve tekst’ Als alles is ingevuld kun je op ‘OK’ klikken. De foto staat nu in je pagina.
Uitlijnen van je foto Wat wel handig is: het uitlijnen van de foto gaat hetzelfde als met tekst. Klik op het plaatje om dit te selecteren. En nu kun je kiezen voor links, rechts of in het midden plaatsen. Dat zijn die icoontjes rechts naast de U.
Meer mogelijkheden In het venster met afbeeldingseigenschappen waar je de foto hebt gezocht in je bestanden staat ook een tabblad ‘vormgeving’. Hiermee kun je bepalen hoeveel ruimte er om je foto heen vrij moet blijven en of er een kader om het plaatje heen moet. Dit laten we aan je eigen inzichten over.
Foto online zetten en bewonderen Zo kun je dus een heleboel plaatjes snel in je website verwerken. Ook hier geldt wat voor de andere stappen ook geldt. Oefenen moet je zelf, je weet nu hoe het moet. Verdere ontwikkeling moet je door oefenen en nog eens oefenen krijgen. Met de kennis die je nu hebt ben je al een heel eind. Eigenlijk ben je nu in staat verschillende templates zelf om te bouwen naar je eigen wensen. Je kunt alvast eens proberen om de foto met de voetjes in het zand te vervangen door een andere. Die moet dan wel dezelfde maat hebben. Die maat is 670 pixels breed en 152 pixels hoog. Als dit je gelukt is zul je zien dat je website een heel ander uiterlijk heeft gekregen. Veel succes!
