5. Werken met afbeeldingen

Transcriptie

1 Werken met afbeeldingen Foto s en tekeningen worden ook wel afbeeldingen genoemd. Afbeeldingen maken een website niet alleen mooier. Ze zijn ook belangrijk om duidelijk te maken wat je precies bedoelt. In Web Easy kun je gebruikmaken van je eigen foto s. Je kunt ook kiezen uit heel veel afbeeldingen van Web Easy. In dit hoofdstuk ga je een afbeelding toevoegen, verkleinen en verplaatsen. Je gaat ook een tekening uit Web Easy toevoegen. Zo n tekening heet clipart. In de Tips achter in dit hoofdstuk kun je lezen wat je nog meer met afbeeldingen kunt doen. In dit hoofdstuk leer je: een afbeelding toevoegen; een afbeelding verkleinen; een afbeelding verplaatsen; clipart toevoegen; een websitevoorbeeld bekijken; de webpagina opslaan. Let op! In dit hoofdstuk ga je oefenbestanden gebruiken. De oefenbestanden moeten zijn gekopieerd van de cd-rom naar je computer. Heb je dit nog niet gedaan? In paragraaf 1.4 Oefenbestanden kopiëren staat hoe dit moet.

2 104 Websites maken voor kinderen 5.1 Afbeelding toevoegen Open Web Easy 1 Open de website Olifanten 5 Je kunt nu kiezen uit foto s van Web Easy. Deze ga je hier niet gebruiken. je gebruikersnaam Let op: op jouw computer is dit een andere naam. Sleep het schuifblok een stukje omlaag Dubbelklik op Werk je met Windows XP? Dubbelklik dan op.

3 Hoofdstuk 5 Werken met afbeeldingen 105 Dubbelklik op HELP! Ik heb geen map Oefenbestanden Zie je geen map Oefenbestanden? De oefenbestanden moeten zijn gekopieerd van de cd-rom naar je computer. Heb je dit nog niet gedaan? In paragraaf 1.4 Oefenbestanden kopiëren staat hoe dit moet. Sleep het schuifblok omlaag De aanwijzer is veranderd in : Klik links naast de titel Je ziet de afbeelding:

4 106 Websites maken voor kinderen Tip Afbeelding weghalen Wil je een afbeelding weghalen? Doe dan dit: de afbeelding Druk op 5.2 Afbeelding verkleinen Je gaat de afbeelding iets kleiner maken: Zet de aanwijzer op het handvat linksboven De aanwijzer verandert in : Druk de muisknop in Beweeg de aanwijzer naar rechtsonder tot de afbeelding ongeveer 350 pixels breed is Laat de muisknop los

5 Hoofdstuk 5 Werken met afbeeldingen 107 De foto is kleiner geworden: Let op! Je hebt de foto vanuit een hoek verkleind. Hierdoor veranderen de breedte en de hoogte tegelijk en blijft de foto goed. Als je de foto met het linker handvat smaller maakt, wordt alles op de foto smaller. De foto ziet er dan bijvoorbeeld zo uit: 5.3 Afbeelding verplaatsen Je verplaatst een afbeelding op dezelfde manier als een tekstvak: Zet de aanwijzer op de afbeelding Houd de muisknop ingedrukt

6 108 Websites maken voor kinderen Beweeg de aanwijzer naar links tot ongeveer 277,137 Laat de muisknop los De afbeelding staat nu 277 pixels vanaf de linkerkant en 137 pixels vanaf de bovenkant: 5.4 Clipart toevoegen In Web Easy zitten een heleboel kleine tekeningen die je kunt gebruiken. Deze tekeningen heten clipart. Er zijn ook tekeningen die bewegen.

7 Hoofdstuk 5 Werken met afbeeldingen 109 Sleep het schuifblok omlaag Dubbelklik op Sleep het schuifblok omlaag Klik linksboven op de pagina Je ziet de tekening: Verplaats de tekening naar het midden van de balk 8 Je kunt in Web Easy niet zien dat het een bewegende tekening is. Hiervoor moet je eerst een websitevoorbeeld bekijken.

8 110 Websites maken voor kinderen 5.5 Websitevoorbeeld bekijken HELP! Ik zie dit venster niet Soms verschijnt bovenstaand venster niet. Je ziet dan direct de webpagina in Internet Explorer.

9 Hoofdstuk 5 Werken met afbeeldingen 111 Je ziet de tekening van de olifant bewegen: 5.6 Webpagina opslaan Sluit Web Easy 4 In dit hoofdstuk heb je geleerd om je website mooier te maken met afbeeldingen. In het volgende hoofdstuk ga je een menu maken.

10 112 Websites maken voor kinderen 5.7 Extra informatie Woordenlijst Clipart Handvatten Pixels Schuifblok Websitevoorbeeld Kleine tekeningen die soms bewegen en die je kunt toevoegen aan een webpagina. Blokjes op de rand van een afbeelding waarmee de afbeelding vergroot of verkleind kan worden. De puntjes waaruit het beeld op een beeldscherm is opgebouwd. Soms zie je maar een klein stukje van een hele lijst of venster. Door te schuiven met het schuifblok kun je ook de rest van de lijst of het venster zien. Je kunt de website die je in Web Easy maakt, openen in bijvoorbeeld Internet Explorer. Je kunt dan bekijken hoe de website er op internet uit komt te zien. Bron: Wikipedia, Windows Help en ondersteuning, Web Easy Helpfunctie

11 Hoofdstuk 5 Werken met afbeeldingen Tips Tip Foto kleiner maken in Paint Je kunt een foto in Web Easy kleiner maken. Het nadeel daarvan is dat de grote foto wel wordt bewaard. Hierdoor kan de website traag worden. Het is beter de foto eerst in een ander programma kleiner te maken. Je kunt hiervoor het programma Paint gebruiken. Dit programma zit standaard in Windows. Werk je met Windows XP? Klik dan op. - Lees verder op de volgende bladzijde -

12 114 Websites maken voor kinderen Werk je met Windows XP? Klik dan op. Dubbelklik op Sleep het schuifblok omlaag Werk je met Windows XP? Klik dan op. - Lees verder op de volgende bladzijde -

13 Hoofdstuk 5 Werken met afbeeldingen 115 Typ bij : 25 Typ bij : 25 Je hebt de foto vier keer zo klein gemaakt, dus 25%, in plaats van 100%. Wil je de grote foto bewaren? Klik dan op en geef de foto een andere naam. Tip Afbeelding bijsnijden Misschien wil je een stuk van een foto gebruiken, in plaats van de hele foto. Je kunt de foto dan bijsnijden: de foto - Lees verder op de volgende bladzijde -

14 116 Websites maken voor kinderen Sleep,, en Op deze manier snijd je stukken van de foto af. Wil je opnieuw beginnen? Klik dan op : Ben je tevreden? Tip Afbeelding draaien Je kunt een afbeelding op twee manieren draaien: Eerste manier: de foto Sleep totdat de foto recht staat Tweede manier: de foto - Lees verder op de volgende bladzijde -

15 Hoofdstuk 5 Werken met afbeeldingen 117 het aantal graden dat de foto moet draaien In dit geval is dat. Aan het voorbeeld kun je zien of de foto goed staat. Ben je tevreden? Tip Afbeelding omdraaien In Web Easy kun je ook een foto omdraaien. Dit heet spiegelen: de foto De olifant kijkt nu de andere kant op:

16 118 Websites maken voor kinderen Tip Afbeelding bewerken Je kunt een afbeelding in Web Easy bewerken. Zo kun je bijvoorbeeld een foto iets lichter maken: de foto Het effect geselecteerd: is al Klik een paar keer op de rechter foto Je ziet dat de foto in het midden steeds lichter wordt. Ben je tevreden? Op deze manier kun je foto s op verschillende manieren bewerken. Met kun je bijvoorbeeld de kleur van een foto veranderen. Met kun je een foto zwart-wit maken.

17 Hoofdstuk 5 Werken met afbeeldingen 119 Tip Afbeelding laten bewegen met een animatie Het is leuk om afbeeldingen te laten bewegen met een animatie. Maak hier niet te veel gebruik van, want dan wordt de website te druk. de afbeelding Sleep het schuifblok omlaag een animatie Met kun je soms animaties veranderen door het verslepen van de rondjes. klaar bent. als je Om te zien hoe de animatie er uitziet, moet je een websitevoorbeeld van de website bekijken. Het kan gebeuren dat je in Internet Explorer een melding krijgt. Doe dan dit:

18 120 Websites maken voor kinderen Om de animatie weer weg te halen: Klik boven in de lijst op Tip Afbeelding laten verschijnen met een effect Het is leuk om een afbeelding op een aparte manier te laten verschijnen. Dit kun je doen met een effect. Maak hier niet te veel gebruik van, want dan wordt de website te druk. de afbeelding - Lees verder op de volgende bladzijde -

19 Hoofdstuk 5 Werken met afbeeldingen 121 Sleep, als het nodig is, het schuifblok omlaag een effect een stijl Kies je voor stijl met, dan verschijnt de tekst steeds opnieuw. Om te zien hoe de animatie er uitziet, moet je een websitevoorbeeld bekijken. Het kan gebeuren dat je in Internet Explorer een melding krijgt. Doe dan dit: - Lees verder op de volgende bladzijde -

20 122 Websites maken voor kinderen Om het effect weer weg te halen: Klik boven in de lijst op