afbeeldingen (vervolg), films, flash en geluid
|
|
- Rebecca de Haan
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 afbeeldingen (vervolg), films, flash en geluid Herhaling Oefening 8.1 a. Start KompoZer. b. Voeg (indien nodig) uw eigen website toe aan de Websitebeheerder. c. Open de webpagina index.html. Als het goed is, ziet u het menu terug dat u in de vorige les gemaakt hebt. d. Open de webpagina s informatie.html. In deze pagina is nog geen menu gemaakt. Als herhaling gaat u nu het menu van de webpagina index.html kopiëren en plakken op de pagina informatie.html. Oefening 8.2 a. Klik op de pagina informatie.html ergens in het menu. b. Klik op de Statusbalk op het element <div> om in één klap alle onderdelen van het menu te selecteren. c. Druk op Enter om het menu te wissen en een lege regel in te voegen. d. Schakel over naar de pagina index.html. e. Klik ook ergens in het menu. f. Klik vervolgens ook op de Statusbalk op het element <div> (om precies te zijn: <div#menu>). De inhoud van dit element is geselecteerd. g. Klik in het geselecteerde gedeelte met de rechter muisknop en kies voor kopiëren. h. Schakel over naar de pagina informatie.html. i. Klik met de rechter muisknop op de plaats waar het menu moet komen (de lege regel boven de horizontale lijn) en kies voor Plakken. Nu heeft u het menu overgezet, alleen ziet het er niet als zodanig uit. Het is een ongenummerde lijst! Dat klopt natuurlijk, want u heeft de pagina nog niet gekoppeld met het bijbehorende stijlblad. DataDidact Computeropleidingen pagina 137
2 Websites maken met KompoZer Oefening 8.3 a. Koppel de pagina informatie.html met het stijlblad horizontaal.css. Het menu is geboren! b. Klik op het element <div#menu> op de Statusbalk en centreer het menu. c. Pas het menu eventueel nog aan, zodat het er precies zo uit ziet als op de pagina index.html. d. Kopieer en plak het menu ook op de pagina contact.html. e. Sla de wijzigingen op alle pagina s op. f. Schakel over naar de pagina index.html. g. Bekijk de pagina in de browser en probeer het menu uit. Tevreden? h. Als het allemaal goed is, sluit u de browser en alle geopende webpagina s in KompoZer. In deze les gaan we verder met de mogelijkheden die afbeeldingen, films en flash ons bieden. We pakken eerst de draad nog even op over het werken met afbeeldingen. Thumbnails Eerder in de cursus heeft u geleerd om van een afbeelding een koppeling te maken. Door de afbeelding een klein formaat te geven en een koppeling te maken naar het origineel, maakt u een zogenaamde thumbnail. Dit is een miniatuurafbeeldingen die wordt vergroot als je er op klikt. Oefening 8.4 a. Open de pagina activiteiten.html. b. U ziet drie kleine afbeeldingen in een tabel naast elkaar: vlakwaterkanoën, wildwaterkanoën en zeewaterkanoën. Dit zijn wel drie kleine afbeeldingen, maar nog geen thumbnails! Dat krijgen we voor elkaar door er een koppeling naar de originele afbeelding van te maken. U dubbelklikt op de afbeelding en kiest het tabblad Koppeling. Door te klikken op Bestand kiezen kunt u de afbeelding selecteren. Standaard is ingesteld dat u een koppeling wilt maken naar HTML-bestanden. Dat moet u in dit geval veranderen in Afbeeldingsbestanden. pagina 138 DataDidact Computeropleidingen
3 Websites maken met KompoZer les 8 Tip: Op het tabblad Koppeling kunt u het vakje Rand om gekoppelde afbeelding weergeven aankruisen om het effect van een thumbnail te versterken. Oefening 8.5 a. Maak van alle drie afbeeldingen een koppeling naar het originele bestand via het tabblad Koppeling op het venster Afbeeldingseigenschappen. b. Geef elke gekoppelde afbeelding een rand. c. Sla de wijzigingen op en bekijk het resultaat in de browser. d. Als u alles goed bekeken hebt, kunt u het venster van de browser weer sluiten. Het is leuker om de koppeling naar het origineel te openen in een nieuw venster. Door dit venster te sluiten, keert de gebruiker weer terug naar het venster met de thumbnails. Door eerst op de afbeelding te klikken en vervolgens op de Statusbalk dubbel te klikken op het element <a>, krijgt u het venster Koppelingseigenschappen te zien. In het kader Doel kunt u opgeven dat de koppeling in een nieuw venster moet worden geopend. DataDidact Computeropleidingen pagina 139
4 Websites maken met KompoZer Oefening 8.6 a. Zorg ervoor dat de drie koppelingen naar de afbeeldingen in nieuwe vensters geopend worden. b. Sla de wijzigingen op en bekijk het resultaat in de browser. U kunt met de kennis die u inmiddels heeft van HTML natuurlijk ook de tag handmatig wijzigen. Klik dan ook eerst even op de afbeelding en kijk vervolgens op de Statusbalk of u het element <a> ziet staan. Klik hier één keer op. Schakel over naar de modus Splits. U ziet bijvoorbeeld: <a href="media/vlak_water.jpg"> Door dit element aan te vullen met het attribuut target= _blank (doel=nieuw venster), krijgt u het voor elkaar dat de koppeling in een nieuw venster wordt geplaatst. Bijvoorbeeld: <a href="media/vlak_water.jpg" target="_blank"> Afbeeldingen als menu In de vorige lessen hebben we een menu gemaakt door met andere achtergronden tekstkleur te werken. Vaak worden ook afbeeldingen in de vorm van knoppen (buttons) gebruikt om te navigeren tussen de verschillende pagina s van een website. Er zijn veel websites met knoppen die u (al dan niet gratis) kunt downloaden. Dit downloaden doet u normaal gesproken door op de afbeelding met de rechter muisknop te klikken en dan te kiezen voor Afbeelding opslaan als. Dan kunt u een map op uw computer kiezen om de afbeelding in op te slaan en kunt u eventueel een duidelijke naam geven aan de knop. Vaak is het probleem bij knoppen dat de achtergrond niet transparant is, maar wit of zwart. Op een witte c.q. zwarte webpagina is dat natuurlijk helemaal niet erg, maar als de webpagina een kleurtje heeft, is dat soms niet zo fraai. Oefening 8.7 a. Minimaliseer het venster van KompoZer en start Internet Explorer. b. Ga naar de volgende website: c. Klik links op het scherm op de koppeling Buttons. d. Klik op de koppeling Zwart 1-10 e. Bekijk de knoppen uit de groep Button 6 (schuif iets naar beneden). f. Bovenin de pagina kunt u een andere paginakleur kiezen. Ziet u dat de knoppen een zwarte achtergrond houden? g. Klik op één van de afbeeldingen met de rechter muisknop en bekijk of u de optie Afbeelding opslaan als ziet. Dit hoeft u nu niet te doen. We hebben één van de knoppen al voor u opgeslagen in de map media onder de naam blauwe_knop.gif. pagina 140 DataDidact Computeropleidingen
5 Websites maken met KompoZer les 8 h. Bekijk de knoppen uit de groep Transp Ook uit deze groep hebben we een knop alvast opgeslagen in de map media onder de naam Transparante_knop.png. i. Kies nu ook eens een andere paginakleur. Ziet u dat de knoppen transparant zijn? Oftewel, u ziet nu geen zwarte of witte rand om de knoppen. Oefening 8.8 a. Open de webpagina index.html. b. Sla de pagina op onder de naam index_knoppen.html. c. Voeg ergens op een lege plek op de pagina een tabel in. Kies daarom voor Invoegen en Tabel. Maak een tabel met 4 kolommen en 2 rijen. d. Klik in de eerste cel en voeg hier de afbeelding blauwe_knop.gif uit de map media in. e. Kopieer deze afbeelding en plak deze in de cellen ernaast. f. Zet in de rij eronder per cel de volgende teksten: Home, Informatie, Activiteiten en Contact. De tabel ziet er als volgt uit: Om er een menu van te maken, kunt u van elke afbeelding een koppeling maken. De tabel plaatst u dan bijvoorbeeld midden boven de pagina, waar het menu nu ook staat. Oefening 8.9 a. Maak van elke knop een koppeling naar de betreffende pagina. b. U kunt nu op de bekende manier het menu bovenaan de pagina krijgen: Eerst klikt op de Statusbalk op het element <div#menu> om in één klap alle onderdelen van het menu te selecteren. c. Dan drukt op Enter om het menu te wissen en een lege regel in te voegen. d. Vervolgens selecteert u de zojuist gemaakte tabel (gebruik ook weer het element <table> op de Statusbalk!) en knipt en plakt u de tabel bovenaan de pagina. e. Centreer de tabel (tabeleigenschappen!). f. Bekijk het resultaat in de browser (wijzigingen op de webpagina opslaan). g. Als alles OK is, sluit u de browser weer. In dit voorbeeld is het helemaal niet zo erg dat de afbeeldingen niet transparant zijn. Het zwarte achtergrondje misstaat niet. Om het verschil te zien kunnen we ook eens een transparante afbeelding invoegen. DataDidact Computeropleidingen pagina 141
6 Websites maken met KompoZer Oefening 8.10 a. Dubbelklik op de eerste knop om de afbeeldingseigenschappen te bekijken. b. Selecteer de afbeelding Transparante_knop uit de map media. c. Doe dat ook bij de andere afbeeldingen. d. Pas eventueel de grootte van de tabel aan. e. Bekijk het verschil eens als u een tabel zonder rand maakt (tabeleigenschappen!). Het ziet er nu zo uit: f. Sla de pagina op onder de naam index_knoppen2.html. g. Bekijk het resultaat ook in de browser. h. Als alles OK is, kunt u de browser weer sluiten. i. Sluit de pagina ook. Tip: In de volgende les gaan we met behulp van een javascript ervoor zorgen dat de knop van kleur verandert als u de knop aanwijst. Zoals u ziet, kunt u eindeloos experimenteren met afbeeldingen. Op onze website kunt u bij de cursusinformatie over KompoZer een overzicht krijgen van handige websites. Daar zitten ook websites tussen met verzamelingen van buttons en andere afbeeldingen. Films en flash invoegen Op webpagina s ziet u regelmatig films of fragmenten van films. Hieronder gaan we kijken hoe u zelf een filmpje kunt plaatsen op een webpagina. Een probleem met films is dat het doorgaans erg grote bestanden zijn. Niet echt geschikt voor een webpagina dus, want niet veel bezoekers kunnen het geduld opbrengen om lang te wachten tot een film geladen is. Daarom wordt er veel gebruik gemaakt van flash. Flash is een voor het internet geschikt gemaakte indeling om filmpjes te bekijken. De bestanden zijn niet overdreven groot en de kwaliteit is prima. Er is natuurlijk wel een verschil tussen film en flash. Een film wordt afgespeeld met een mediaplayer. U kunt dan vooruit spoelen, stoppen enz. Een flash lijkt meer op een bewegende afbeelding. Er verschijnt dus geen mediaplayer, alles gebeurt vanzelf. Flash bestanden hebben de extensie SWF (Shock Wave Flash) en kunnen met een speciaal programma worden gemaakt. Er zijn echter ook veel (freeware) programma s waarmee van gewone films flash gemaakt kan worden. pagina 142 DataDidact Computeropleidingen
7 Websites maken met KompoZer les 8 Digitale films komen in verschillende soorten en maten voor. Op internet zijn het vooral Quicktime-filmpjes (exensie MOV) of Windows Media Video s (extensie WMV) die op websites te zien zijn. Films van hoogwaardige kwaliteit (extensie AVI) komen minder vaak voor. De bestanden van dit type doorgaans zijn veel te groot. Als u een eigen film wilt gebruiken, moet u hem via een filmbewerkingsprogramma, zoals Windows Moviemaker of Pinnacle Studio opslaan als flash. Er zijn echter op internet natuurlijk ook miljoenen filmpjes te zien en te gebruiken voor uw eigen website. Misschien wel de meest bekeken website op dit gebied is YouTube. Een YouTube filmpje kunt u heel gemakkelijk plaatsen op uw eigen website. De stappen die u moet nemen zijn: Ga naar de website van YouTube: Zoek naar een geschikt filmfragment. Als u het filmpje bekijkt, ziet u eronder een aantal mogelijkheden: <insluiten> Klik op de knop <Insluiten>. De benodigde HTML-code wordt in een apart kadertje voor u geselecteerd. Klik hierin met de rechter muisknop en kies voor Kopiëren. Schakel over naar uw eigen webpagina. Klik in de modus Ontwerp op de plek waar het filmpje moet komen. Kies voor Invoegen en HTML U ziet het volgende venster: DataDidact Computeropleidingen pagina 143
8 Websites maken met KompoZer Klik met de rechter muisknop in het venster en kies voor Plakken. Klik op de knop Invoegen. U ziet op de pagina de plek waar het filmfragment te zien zal zijn. Het wordt aangegeven als een ingesloten object. Tip: In plaats van te kiezen voor Invoegen en HTML kunt u natuurlijk ook overschakelen naar de modus Splits om de code te plakken. Oefening 8.11 a. Minimaliseer het venster van KompoZer. b. Ga naar de website van YouTube: c. Zoek naar kanotocht. d. Zoek een geschikt filmpje uit en kopieer de code zoals hierboven is beschreven. e. Maximaliseer KompoZer weer. f. Open de webpagina activiteiten.html. g. Plak op een geschikte plaats het filmpje op de pagina. h. Bekijk het resultaat in de browser (wijzigingen opslaan). i. Als het allemaal goed is, kunt u de browser weer sluiten. pagina 144 DataDidact Computeropleidingen
9 Websites maken met KompoZer les 8 Tip: Als u bij YouTube een account aanmaakt, kunt u ook uw eigen filmpjes uploaden. Dan kunt u de films op dezelfde manier als hierboven is uitgelegd op uw eigen website krijgen. In de extra stof gaan we nog wat dieper in op de HTML-codes die gebruikt worden om films op een internetpagina te kunnen zetten. Nu willen we nog even wijzen op de mogelijkheid om zo n filmpje mooi te centreren op de pagina door het in een algemene container te plaatsen. Werkwijze: Stel de modus Splits in en zet de weergave op HTML-tags: Klik in het bovenste deel van het venster op de tag <object>. Onderin beeld ziet u de inhoud van de tag <object>. Typ ervoor de tag <div>. Voor de duidelijkheid kunt u eerst een Enter geven. Zoek de tag </object> op (helemaal rechts; gebruik de schuifbalk). Typ erna de tag </div>. Voor de duidelijkheid kunt u eerst een Enter geven. Het filmfragment heeft u zo in een algemene container geplaatst. Schakel over naar de modus Ontwerp. Klik even op het object wat het filmpje voorstelt en klik dan op de Statusbalk op het element <div> vlak voor het object. Nu heeft u de algemene container geselecteerd. Klik op de knop Centreren op de Opmaakwerkbalk 2. Oefening 8.12 a. Centreer het filmpje op de pagina zoals is uitgelegd. U ziet dit misschien niet direct gebeuren. b. Bekijk het resultaat in de browser: hier ziet u dat u filmpje keurig in het midden staat. c. Pas eventueel de pagina nog wat aan zodat alles naar wens is. Flash zelf maken en invoegen Er zijn diverse programma s (gratis) te downloaden waarmee u zelf flash-filmpjes kunt maken. Een erg leuk programma is Flash SlideShow Maker. Hiermee kunt u een diavoorstelling maken van foto s. Het gaat buiten de cursus om dit programma uitgebreid te behandelen. U kunt op onze website bij de cursusinformatie over KompoZer een link vinden waar u het programma kunt downloaden. In de bijlage van dit cursusboek vindt u een overzicht van allerlei handige freeware programma s. DataDidact Computeropleidingen pagina 145
10 Websites maken met KompoZer Nu is het vooral van belang hoe u een eigen flash-filmpje op een webpagina krijgt. We hebben daarom voor u alvast een flash-filmpje gemaakt met Flash SlideShow Maker van de foto s op de pagina activiteiten.html. Het filmpje is terug te vinden in de map media onder de naam activiteiten.swf Het formaat van het filmpje is 640 pixels breed en 480 pixels hoog. Dit kunt u allemaal instellen met het programma, net zoals het uiterlijk, de snelheid van de voorstelling enz. De werkwijze om een flash-filmpje op een webpagina te plaatsen is als volgt: Klik in de modus Ontwerp op de plek waar u het filmpje wilt invoegen. Kies voor Invoegen en HTML... Typ in het venster op de volgende manier een object in: <object height="480" width="640"> <param name="movie"> <embed src="foto.swf" height="480" width="640"></object> Verduidelijking: height= 480 width= 640 geeft de hoogte en de breedte van het object aan. src= film.swf verwijst naar de naam van het flash-filmpje. In plaats van via het menu te kiezen voor Invoegen en HTML kunt u natuurlijk ook de code typen in de modus Splits of Bron. Tip: Op dezelfde manier kunt u ook films invoegen. U geeft de hoogte en de breedte op en na <embed src= geeft u de volledige naam van het filmpje. Oefening 8.13 a. Sla de pagina op onder de naam film. b. Voeg ergens op de pagina het flash-filmpje activiteiten.swf in. Omdat het filmpje in de map media is opgeslagen, geeft u dat als volgt aan: src=media/activiteiten.swf c. Geef ook het formaat van het filmpje goed op! d. Bekijk het resultaat in de browser. e. Als u nog tijd heeft voor de extra stof, houdt u de pagina gewoon op het scherm geopend. Anders sluit u de pagina. In de extra stof nemen we de bovenstaande HTML-code wat beter onder de loep en gaan we ook kijken hoe u geluiden op een webpagina kunt invoegen. pagina 146 DataDidact Computeropleidingen
11 Websites maken met KompoZer les 8 extra stof/opdrachten De elementen <object> en <embed> Als u goed gekeken hebt naar de HTML-codes die in de basisstof zijn gebruikt om een film of flash in te voegen, is het u misschien al opgevallen. Er worden 2 elementen gebruikt: <object> en <embed>. Kijk maar eens naar de volgende code: <object height="480" width="640"> <param name="movie"> <embed src="foto.swf" height="480" width="640"></object> Dat lijkt dubbelop. Zowel het element <object> als het element <embed> geeft bijvoorbeeld het formaat van de film of flash aan. Dat deze elementen worden gecombineerd heeft natuurlijk wel een rede. Niet alle gangbare browsers kunnen goed omgaan met het element <embed>. Andere browsers werken niet goed met het element <object>. Door beide elementen te gebruiken, wordt dit probleem opgelost. De ene browser zal het element <embed> gebruiken om een object af te spelen en de andere het element <object>. Opdracht 8.1 a. Schakel over naar de modus Splits. b. Wijzig de weergave van Normaal in HTML-tags. c. Klik op de tag <object> d. Verwijder in het onderste scherm het element <object>, zodat alleen het element <embed> overblijft: <embed src="media/activiteiten.swf" height="480" width="640"> e. Het kader object verdwijnt van het scherm. Dat is al behoorlijk lastig! f. Bekijk de pagina in de browser. U ziet dat de flash wel werkt! Maar dat is met Internet Explorer wel, maar misschien met Mozilla Firefox weer niet! g. Sluit de browser. h. Merk op dat het behoorlijk lastig is om met KompoZer te werken zonder het element <object> te gebruiken. Waar staat het flashfilmpje op de pagina? Hoe groot is het? Dat is allemaal onduidelijk. DataDidact Computeropleidingen pagina 147
12 Websites maken met KompoZer Geluid invoegen Net zoals u een film of flash als object invoegt, kunt u ook geluid invoegen. Voor geluid bestaan er verschillende bestandstypen, waarvan mp3, midi en wave de bekendste zijn. Midi-bestanden bevatten allerlei commando s. Het is een soort elektronisch notenschrift. De bestanden zijn klein, maar hebben daarom ook geen volle klankkleur. Het zijn ideale bestanden voor eenvoudige deuntjes of geluiden. Op internet zijn er volop voorbeelden van te vinden (en te downloaden). Wave-bestanden zijn juist kwalitatief erg goed. Voor internet daarom meteen niet zo geschikt: de bestanden zijn doorgaans erg groot. Mp3-bestanden zijn voor webpagina s meer geschikt: de kwaliteit is goed en de bestandsgrootte is beperkt. Geluid invoegen doet u op dezelfde manier als een object. Het makkelijkst gaat dat dus door in de modus Ontwerp de juiste plek aan te klikken en dan te kiezen voor Invoegen en HTML In het venster dat dan op het scherm verschijnt, typt u de volgende HTML-code: <embed src="naam van muziekfragment.mp3" type="audio/wav"> In de modus Ontwerp is er verder niets van te zien. In de modus Splits of Bron kunt u natuurlijk de code wel weer bekijken. In de browser ziet u een mini-mediaplayer. Hoe dat er precies uitziet, is afhankelijk van de geïnstalleerde mediaplayer. Standaard is dat voor Windows de Windows Mediaplayer, maar in veel gevallen zal de Quicktime Mediaplayer geïnstalleerd zijn. Zo ziet de Quicktime Mediaplayer eruit: En zo de Windows Mediaplayer: Opdracht 8.2 a. Voeg het mp3-bestand watergeluiden.mp3 in op de manier zoals het hierboven is beschreven. Het bestand vindt u in de map media. b. Omdat u het element <object> niet gebruikt hebt, kunt u er niets van terugvinden op de pagina in KompoZer. c. Bekijk het resultaat in de browser (zet indien nodig het geluid op uw computer aan!). Als het goed is, hoort u vriendelijke watergeluiden en ziet u een mediaplayer. pagina 148 DataDidact Computeropleidingen
13 Websites maken met KompoZer les 8 Zoals hierboven is uitgelegd, is het beter om het element <embed> te combineren met <object>. Om e.e.a te verfijnen hebt u nog enkele attributen nodig. Zo is het verstandig om een hoogte op te geven van de mediaplayer. Anders neemt hij te veel ruimte in beslag (bij geluid hoeft u niets te zien ). De breedte (width= getal ) mag ook, maar is nu iets minder belangrijk. De code van het bovenstaande voorbeeld is: <object type="audio/wav" height="50"> <param name="src" value="media/watergeluiden.mp3"> <embed src="media/watergeluiden.mp3" type="audio/wav" height="50"> </object> Opdracht 8.3 a. Zoek het zojuist door u ingevoerde element <embed> op. Dat is best lastig, want KompoZer laat het element nergens zien. Ga daarom naar de modus Bron en laat hier zoeken (Bewerken en Zoeken en vervangen). Bedenk dat er ook nog een YouTube filmpje in een <embed> element zit. Selecteer het hele element (dus t/m de afsluitingstag) en kies met de rechter muisknop voor Knippen. b. Schakel weer over naar de modus Ontwerp. c. Voeg op de plaats waar u dat wilt de code opnieuw in via Invoegen en HTML d. Pas de code aan zoals hierboven is weergegeven. e. Bekijk het resultaat weer in de browser. Mogelijk ziet zelfs een andere mediaplayer! f. Nadat u het bekeken (en beluisterd) hebt, kunt u de browser weer sluiten. Als u wel muziek wilt horen, maar u wilt geen mediaplayer zien, dan kunt u de player verbergen door de hoogte en de breedte op 0 te zetten. Bij het openen van de pagina zal er direct een achtergrondmuziekje gaan spelen. Bijvoorbeeld: <object type="audio/wav" height="0" width= 0 > <param name="src" value="media/watergeluiden.mp3"> <embed src="media/watergeluiden.mp3" type="audio/wav" height="0" width= 0 > </object> Let op: Geef de hoogte en de breedte op bij zowel het element <object> als het element <embed>. Opdracht 8.4 a. Zorg ervoor dat u geen mediaplayer meer te zien krijgt. b. Bekijk en beluister het resultaat in de browser. c. Sluit de browser weer. DataDidact Computeropleidingen pagina 149
14 Websites maken met KompoZer Als u niet automatisch een muziekje wilt laten afspelen, maar alleen als de bezoeker dat wil, kan dat ook. Dan moet de mediaplayer natuurlijk wel in beeld zijn, want daarmee kan de muziek worden afgespeeld! U doet dat door (2x!) het attribuut autostart= false op te geven. Zo ziet dat er dan uit: <object type="audio/wav" height="50"> <param name="src" value="media/watergeluiden.mp3"> <param name="autostart" value="false"> <embed src="media/watergeluiden.mp3" type="audio/wav" autostart= false height="50"> </object> Opdracht 8.5 a. Zorg ervoor dat het ingevoegde geluidsfragment niet automatisch wordt afgespeeld, door de code zoals hierboven is uitgelegd te wijzigen. Vergeet niet om het formaat weer goed in te stellen (hoogte 50 pixels, breedte kunt u weglaten). b. Bekijk het resultaat in de browser. Als het goed is, ziet u de mediaplayer weer en moet u zelf op de knop Afspelen drukken om het geluid te kunnen horen. c. Sluit de browser weer. Tip: Op de website vindt u hele goede informatie over alle elementen en mogelijke attributen. Leuk om eens te kijken naar alle mogelijkheden bij de elementen <object> en <embed>. Koppeling maken naar film, flash of geluid Natuurlijk kunt u ook koppelingen maken naar film-, flash- of muziekbestanden. Het geeft een ander effect, want het is geen ingesloten object op een webpagina. U verwijst gewoon naar een bepaald soort bestand. Dat kan de bedoeling zijn als u de film, flash of muziek niet wilt laten verweven met de webpagina. Let op: Als u in KompoZer een koppeling gaat maken, gaat het programma er standaard vanuit dat u een koppeling wilt maken naar een HTML-pagina. Om andere bestanden te kiezen, moet u naast het kadertje Bestandsnaam kiezen voor Alle bestanden. pagina 150 DataDidact Computeropleidingen
15 Websites maken met KompoZer les 8 Opdracht 8.6 a. Zet ergens op de pagina de tekst diavoorstelling. b. Maak een koppeling naar het bestand activiteiten.swf in de map media. Zorg ervoor dat de koppeling in een nieuw venster wordt geopend. c. Zet ergens anders de tekst Luister naar water en maak hiervan een koppeling naar het geluidsbestand watergeluiden.mp3 in de map afbeeldingen. d. Test beide koppelingen uit door de pagina in de browser te bekijken. e. Sluit de browser weer. f. Sluit de pagina. Laag maken Als u iets op een willekeurige plek op de pagina wilt plaatsen, is het een idee om met lagen te gaan werken. U kunt elk element (en vooral afbeeldingen zijn daarvoor geschikt) in een andere laag krijgen door het element te selecteren en vervolgens te klikken op de knop Laag helemaal rechts op het scherm. Laag Naar achterkant brengen Naar voorgrond brengen Als er foto s (of elementen met tekst) over elkaar heen zijn geplaatst, kunt u met de knoppen Naar voorgrond brengen en Naar achterkant brengen bepalen wat op de voorgrond moet komen. Als u een laag gemaakt hebt, verschijnt er een vierpijl linksboven de laag. Vierpijl Hiermee kunt u de laag naar een andere plek slepen. Vooral met afbeeldingen kunt u leuke effecten krijgen door ze half over elkaar te slepen. Toch is het niet altijd verstandig om met lagen te werken. Een laag verhoudt zich altijd onvoorspelbaar ten opzichte van de rest van de webpagina. Op de ene monitor zal een laag op een andere plek staan als op de andere monitor DataDidact Computeropleidingen pagina 151
16 Websites maken met KompoZer (omdat er verschillen in grootte of resolutie zijn). Dat is de reden dat er heel vaak gewerkt wordt met tabellen. Een laag stoort zich echter niet aan een tabel! Als u daarmee rekening houdt, kunt u echter leuke, speelse effecten krijgen. Opdracht 8.7 a. Open de pagina contact.html. b. Maak een laag van de GIF-afbeelding van een fles met een brief. c. Sleep deze laag naar het water van de rivier de Eem, bovenin de pagina. Dit is het resultaat: d. Bekijk de pagina in de browser. e. Maak het venster van Internet Explorer eens groter en kleiner. Ziet u dat de fles wegdrijft? Dat is dus het risico van een laag. Als u ermee rekening houdt, is dat niet erg. f. Sluit de browser en de pagina. pagina 152 DataDidact Computeropleidingen
1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Nadere informatieHoe moet je een prachtige presentatie maken?
Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven
Nadere informatieHandleiding Windows Movie Maker
Handleiding Windows Movie Maker Bent u van plan om een animatiefilmpje te maken in Windows Movie Maker? Maar u weet niet meer precies hoe dit moet? In deze handleiding staat het nog eens stap voor stap
Nadere informatieHandleiding Vedor-editor
Handleiding Vedor-editor Oktober 2008 Versie 1.1 Inhoudsopgave 1 Inleiding... 3 2 Aanmelden... 4 3 De werkbalk... 5 4 Het contextmenu... 7 5 Navigeren binnen je website... 8 6 Tekst toevoegen en bewerken...
Nadere informatieContent tips & tricks
Content tips & tricks E-learning vormt de basis van je lessen en als docent steek je veel tijd in het ontwikkelen en vormgeven van deze content. Met deze handleiding maken we dit proces net even makkelijker
Nadere informatieStappenplan voor de leerkracht bij: Opdrachten maken in Google Earth
Stappenplan voor de leerkracht bij: Opdrachten maken in Google Earth Het gebruik van Google Earth krijgt nog veel meer waarde als de leerlingen concrete opdrachten gaan uitvoeren. Deze opdrachten kunnen
Nadere informatieUw TEKSTEDITOR - alle iconen op een rij
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Nadere informatieHandicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland
Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1
Nadere informatieWebQuest / WebKwestie. met Word 2003. www.webkwestie.nl
WebQuest / WebKwestie met Word 2003 www.webkwestie.nl Een WebQuest / WebKwestie maken in Word 2003 Belangrijk is dat alle pagina s en afbeeldingen die u gebruikt in één map worden opgeslagen. Download
Nadere informatieHandleiding website FMS-spaarnwoude.nl
Handleiding website FMS-spaarnwoude.nl Alfred Houdijk Webmaster 27-12-2012 Inhoud Inleiding... 2 Wie kan wat op de website... 3 Foto s en filmpjes plaatsen... 4 Copyright... 4 Schrijf een artikel... 5
Nadere informatieHandleiding Wordpress CMS 4-5-2015
Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.
Nadere informatieMappen en bestanden. In dit hoofdstuk leert u het volgende:
Mappen en bestanden 1 Mappen en bestanden Een bestand is een verzamelnaam voor teksten, tekeningen of programma s. Alles wat op de vaste schijf van uw computer staat, is een bestand. Op een vaste schijf
Nadere informatieLijnen/randen en passe-partouts maken met Photoshop.
Lijnen/randen en passe-partouts maken met Photoshop. Les 1: Witte rand om de foto m.b.v. canvasgrootte. 1. Open de foto in Photoshop. 2. Klik in menu AFBEELDING op CANVASGROOTTE 3. Zorg dat in het vakje
Nadere informatieles 6 draaitabellen en draaigrafieken Herhaling Oefening 6.1
draaitabellen en draaigrafieken Herhaling Oefening 6.1 a. Open de werkmap Draaitabel. b. Sorteer de gegevens Van A naar Z op de kolom Verkoper. c. Maak een Tabel bij alle gegevens van de verkoper De Koning.
Nadere informatieHandleiding teksteditor
In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.
Nadere informatieVerstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes!
8 Opdrachtenkrant 38 Technika 10 Nederland Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes! E-mails zijn vaak heel saai! Witte achtergrond met zwarte letters. Of heb je al ontdekt dat
Nadere informatieHieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Nadere informatieCursus Powerpoint 2003
1a. Een presentatie opzetten Cursus Powerpoint 2003 Open Powerpoint en klik linksboven op Bestand en vervolgens op Nieuw. Rechts opent zich het menuscherm Nieuwe presentatie met daarin diverse opties om
Nadere informatieHTML-EDITOR GEBRUIKEN
HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met
Nadere informatiePosts. 2) Hoe plaats ik een post? 2.1) Het postformulier Als je ingelogd bent, kan je bovenaan de site op het icoon " nieuwe post maken" klikken.
Posts 2) Hoe plaats ik een post? 2.1) Het postformulier Als je ingelogd bent, kan je bovenaan de site op het icoon " nieuwe post maken" klikken. Per dag kan je 5 posts na elkaar plaatsen, daarna geldt
Nadere informatieJe ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.
Inhoudsopgave frontpage 2003... 2 een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe... 10 een tabel maken... 12 opdrachten... 14 een fotopagina
Nadere informatieAchtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond
Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal
Nadere informatieHandleiding CrisisConnect app beheersysteem
Handleiding CrisisConnect app beheersysteem Inhoudsopgave 1. Start 1.1. Vereisten gebruik 1.2. Inloggen 1.3. Wachtwoord wijzigen 2. Vullen 2.1. Dossiers 2.2. Processen 2.2.1. Tekst toevoegen 2.2.2. Bijlagen
Nadere informatieHandleiding om uw website/webshop aan te passen
Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een
Nadere informatieGebruik. Wanneer u FreeMind opent, krijgt u het volgende scherm:
FreeMind Starten FreeMind is een gratis programma om een mindmap te maken. Je kan Freemind gratis downloaden op je computer. Om FreeMind te downloaden surf je naar: http://freemind.nl.softonic.com/download.
Nadere informatiePowerPoint Basis. PowerPoint openen. 1. Klik op Starten 2. Klik op Alle programma s 3. Klik op de map Microsoft Office
PowerPoint Basis PowerPoint openen 1. Klik op Starten 2. Klik op Alle programma s 3. Klik op de map Microsoft Office Klik op Microsoft PowerPoint 2010 Wacht nu tot het programma volledig is opgestart.
Nadere informatieE.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl
Frontpage 2003 Jouw vak op het leerlingenweb E.M. van Nieuwaal Copyright 2008 http://cursus.anguillanova.nl Inleiding... 3 1. Ontwerp een sitemap... 4 2. Index.htm... 4 3. Nieuwe pagina s maken... 7 4.
Nadere informatieOPDRACHTKAART. Thema: Prepress. InDesign 15. Pagina s PP-01-15-01. Voorkennis: De vorige praktijkopdrachten afgerond.
OPDRACHTKAART PP-01-15-01 Pagina s Voorkennis: De vorige praktijkopdrachten afgerond. Intro: In bijna alle boeken en tijdschriften die je opent, zie je dat de pagina s genummerd zijn. Het is natuurlijk
Nadere informatieKies vervolgens Media invoegen.
Hoe plaats ik nieuwe media foto s, video s en documenten? Het is de bedoeling dat via de website veel foto s en video s met de parochie worden gedeeld, om zo mensen te verbinden en verbonden te houden.
Nadere informatieFoto s verkleinen en Foto s in elkaar over laten lopen
Foto s verkleinen en Foto s in elkaar over laten lopen Een foto, ergens op uw computer Open een de map van bestanden voor de website, of maak deze eerst aan. Open de te gebruiken foto met het volgende
Nadere informatieMuse Stappenplan Interactieve vormgeving en productie
1. Pagina aanmaken Je maakt een nieuw bestand, de standaardinstellingen kun je zo laten staan. Dit formaat is namelijk op de meeste beeldschermen te bekijken. Je ziet onderaan een witte pagina staan en
Nadere informatieHandleiding Vedor-editor
Handleiding Vedor-editor Mei 2007, versie 0.9 Inhoudsopgave Inleiding... 3 Aanmelden... 4 De werkbalk... 5 Het context menu... 6 Navigeren binnen je website... 7 Tekst toevoegen en bewerken... 8 Afbeeldingen
Nadere informatieDEEL: THEMA. Klik op Thema. Nu verschijnen er een aantal thema s. Dubbelklik op een thema en je krijgt het volgende schermpje:
DEEL: THEMA In het Notebook kun je zelf snel de bladzijde een leuk uiterlijk geven d.m.v. een thema. Deze thema s vind je op de volgende manier: Klik op Gallery Klik op Thema Nu verschijnen er een aantal
Nadere informatieFontys Hogescholen - KLC Sittard
LET OP! Als je je bestanden wilt verzekeren tegen verlies, dan dien je zelf back-ups te maken. Het kan namelijk altijd gebeuren dat een harde schijf crasht of andere onvoorziene gebeurtenissen zich voordoen.
Nadere informatieAfdrukken in Calc Module 7
7. Afdrukken in Calc In deze module leert u een aantal opties die u kunt toepassen bij het afdrukken van Calc-bestanden. Achtereenvolgens worden behandeld: Afdrukken van werkbladen Marges Gedeeltelijk
Nadere informatieKies [Een nieuw verhaal beginnen] en klik op [Volgende >]
Handleiding Photostory 3 Voor je begint: Photo Story 3 is een programma waarmee je een diashow of fotoverslag kunt maken. Je moet dus eerst foto s hebben voordat je met het programma kunt beginnen. Het
Nadere informatieMicrosoft PowerPoint is een programma om presentaties en diavoorstellingen te maken.
POWERPOINT WAT IS POWERPOINT Microsoft PowerPoint is een programma om presentaties en diavoorstellingen te maken. WAAROM POWERPOINT Het wordt gebruikt om mensen te informeren en animeren door middel van
Nadere informatieSafira CMS Handleiding
Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...
Nadere informatiePAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!
HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het
Nadere informatieEEN VIDEO INSLUITEN OF EEN KOPPELING NAAR EEN VIDEO OPNEMEN IN UW PRESENTATIE
EEN VIDEO INSLUITEN OF EEN KOPPELING NAAR EEN VIDEO OPNEMEN IN UW PRESENTATIE In uw PowerPoint-presentatie kunt u een video insluiten of een koppeling naar een video opnemen. Wanneer u uw video insluit,
Nadere informatieOnderdeel: Opdracht Uitleg + Opdracht
Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...
Nadere informatieEen checklist invoegen in je pagina
Een checklist invoegen in je pagina Een checklist bestaat uit 2 onderdelen, een tabel en een checkbox. Als eerste moet er een tabel gemaakt worden zodat de checkbox in de tabel kan worden ingevoegd. Ook
Nadere informatieHTML. Media. Hans Roeyen V 3.0
Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...
Nadere informatieLeer- en Doegids: Een nieuwe presentatie in Power Point 2007 DEEL III: VAN GEANIMEERDE PRESENTATIE tot
Leer- en Doegids: Een nieuwe presentatie in Power Point 2007 DEEL III: VAN GEANIMEERDE PRESENTATIE tot DIAVOORSTELLING Prof. W.Leirman We openen opnieuw Power Point, ofwel via Start > ofwel via Start >
Nadere informatieStappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.
Stappenplan Website de Palster Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. 1 Inhoudsopgave: Titel bladzijde Aanmelden op de website 3 Foto s in het fotoboek
Nadere informatieStap 2 Je template invullen
Stap 2 Je template invullen Allereerst in stap 2 gaan we onze template ophalen. Die staat op www.alphamegahosting.com/516, ook de uitleg is daar te vinden. Je kunt hem vanaf daar downloaden en op je bureaublad
Nadere informatieDe tekstverwerker. Afb. 1 de tekstverwerker
De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de
Nadere informatieGa naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline
Werken met de website basisonline Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline - login met de verkregen inlognaam en wachtwoord - je inlognaam is jouw emailadres
Nadere informatieVia het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen.
SAMENVATTING HOOFDSTUK 9 Pagina-indeling, de Pagina-instelling Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen. Klik op de knop Afdrukstand
Nadere informatieWorkshop 2. Inhoud. 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics
Workshop 2 Inhoud 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics 1. Foto s verkleinen Er zijn een aantal opties om foto s te verkleinen. Zo zit er in het besturingssysteem
Nadere informatieGebruikershandleiding Edit
Gebruikershandleiding Edit Maak gebruik van de inloggegevens die je terugvindt in jouw mailbox. Noteer ze eventueel ook hier: url: www.. nl/edit Navigeer naar dit adres, door de url in te typen in de adresbalk
Nadere informatieInhoud van de website invoeren met de ContentPublisher
Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.
Nadere informatieHandleiding videobewerking met Windows Moviemaker
Handleiding videobewerking met Windows Moviemaker 1 Inleiding 2 2 Vereiste apparatuur 2 3 Stappenplan videobewerking 2 4 Windows Moviemaker 3 4.1 Indeling van het programma 3 4.2 Mogelijkheden op de tabbladen
Nadere informatieHTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.
Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for
Nadere informatiewww.seniorencomputerlessen.nl 199 Kruidvat
www.seniorencomputerlessen.nl 199 Kruidvat laatst gewijzigd 27 oktober 2012 Uw keuze voor het maken van een fotoboek met software van Kruidvat. Deze cursus bestaat uit 5 delen. Deel 1 Foto's voor uw fotoboek
Nadere informatieCentral Station. CS website
Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken
Nadere informatie196 CEWE *)zie einde les
www.sencomp.nl 196 CEWE *)zie einde les laatst gewijzigd 29 oktober 2012 Uw keuze voor het maken van een fotoboek met CEWE. Deze cursus bestaat uit 5 delen.indien u gekozen heeft voor Hema lees Hemafotoboek
Nadere informatieToelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).
FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online
Nadere informatieInternet Explorer 7 (IE7)
Internet Explorer 7 (IE7) 1. HET VENSTER Het venster van Internet Explorer 7 ziet er als volgt uit: Het venster bestaat uit volgende onderdelen: De knoppen Volgende en Vorige. Adresbalk hierin vullen we
Nadere informatieEen quiz plaatsen op je website
Een quiz plaatsen op je website Om de deelnemers een beetje na te laten denken kan je een quiz toevoegen op je site. Dat doe je op de volgende manier: a. Een quiz aanmaken Ga naar je eigen pagina en klik
Nadere informatiePinnacle studio 14. Workshop
Pinnacle studio 14 Workshop Inhoud De interface... 2 Project... 2 Film samenstellen... 4 Overgangen... 4 Titels... 5 Geluid... 6 Filmfragmenten aanpassen.... 7 Menu s Maken... 9 DVD s Branden... 11 De
Nadere informatieCamtasia Studio 4: filmpjes bewerken en video opnemen.
Camtasia Studio 4: filmpjes bewerken en video opnemen. Handleiding van Auteur: dapunt Juli 2007 handleiding: Camtasia Studio 4: filmpjes bewerken en video opnemen. Camtasia Studio 4: filmpjes bewerken
Nadere informatieNavigator CMS 2009. Beknopte handleiding v1.0
Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...
Nadere informatieHANDLEIDING Windows XP Deel 1
HANDLEIDING Windows XP Deel 1 Bureaublad en Beeldscherm aanpassen Gemaakt door: De Spanjehelpdesk http://www.spanjehelpdesk.nl Voorwoord Windows XP is het besturingssyteem van uw PC. Het besturingssysteem
Nadere informatieStappenplan Movie Maker
Start Movie Maker op Stappenplan Movie Maker Foto s, filmpjes of muziek importeren Voor je aan de slag kan moet je eerst je filmpje of je foto s importeren naar Movie Maker. Daarvoor klik je op een van
Nadere informatieWindows Movie maker. Inhoud. 1. Installeren van Windows Movie Maker. FILM http://goo.gl/hto21t
Windows Movie maker. Inhoud 1. Installeren van Windows Movie Maker... 1 2. Vooraf rekening mee houden... 3 3. Aan de slag... 3 3.1 De werkruimte... 3 3.2 Een nieuw project starten... 4 3.3 Aanpassen van
Nadere informatieHandleiding IrfanView. IrfanView is een applicatie om grafische bestanden te bekijken, te bewerken en opnieuw op te slaan.
Handleiding IrfanView IrfanView is een applicatie om grafische bestanden te bekijken, te bewerken en opnieuw op te slaan. Start IrfanView door te klikken op Start -> Programs -> IrfanView Met IrfanView
Nadere informatieMateriaalontwikkeling in PAV
Sint-Jozefstraat 1 B-8820 TORHOUT [t] 050 23 10 30 [f] 050 23 10 40 [e] reno@katho.be Materiaalontwikkeling in PAV Cursus: Google sites Medewerker EC: Jonathan Vanhollebeke EC: Thema s en projecten in
Nadere informatieSnel aan de slag met BasisOnline en InstapInternet
Snel aan de slag met BasisOnline en InstapInternet Inloggen Surf naar www.instapinternet.nl of www.basisonline.nl. Vervolgens klikt u op de button Login links bovenin en vervolgens op Member Login. (Figuur
Nadere informatieSNEL WERKEN MET EXCEL
SNEL WERKEN MET EXCEL 2013 Computertraining voor 50-plussers PC50plus computertrainingen Eikbosserweg 52 1214AK Hilversum tel: 035 6213701 info@pc50plus.nl www.pc50plus.nl Snel werken met Excel C O M P
Nadere informatieHandleiding MOBICROSS actie banners
Handleiding MOBICROSS actie banners Met de kant & klare MOBICROSS actie banners vergroot jij je kans om sneller je netwerk te bouwen. Je kunt je eigen campagne maken door de banners op je website te plaatsen,
Nadere informatieSchoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0
Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...
Nadere informatieVan website naar e-zine Composer template
Van website naar e-zine Composer template Inleiding In dit document wordt beschreven hoe u te werk zou kunnen gaan om van een bestaande website een template te maken voor een digitale nieuwsbrief. Bij
Nadere informatieBijlage Animation Shop 3
1 Bijlage Animation Shop 3 Bij Paint Shop Pro 9 wordt het programma Animation Shop 3 meegeleverd. Met Animation Shop kunt u eenvoudige animaties maken die u bijvoorbeeld op uw eigen website kunt gebruiken.
Nadere informatieHandleiding. Beheeromgeving
Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3
Nadere informatieINSTALLATIE IN PRINT INSTALLEREN. Aan de slag met Communicate In Print
AAN DE SLAG INSTALLATIE In deze handleiding worden de stappen besproken die doorlopen worden bij het installeren van de volledige versie Communicate In Print LET OP! WANNEER U EERDER EEN VERSIE VAN IN
Nadere informatieVerschillen met PowerPoint 2007
1 Verschillen met PowerPoint 2007 In dit bestand krijg je een overzicht van de verschillen met versie 2007 van PowerPoint. Zie je in het boek iets wat op jouw computer niet kan, kijk dan hier om te zien
Nadere informatieHandleiding internet Het maken van pagina s
Handleiding internet Het maken van pagina s Hoofdstuk IV Vullen van pagina s met tekst en beeld Het vullen van een pagina met tekst en beeld In dit hoofdstuk gaan we een van de pagina s vullen met tekst
Nadere informatieHTML Editor: de eerste stappen
LES 18 HTML Editor: de eerste stappen In deze les leert u werken met HTML Editor. Daarbij geven we tevens een inleiding tot HTML. Hoewel op dit moment HTML versie 4.01 in gebruik is, maakt de HTML Editor
Nadere informatieHTML Editor: tabellen en hyperlinks
LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij
Nadere informatieWeb Presence Builder. Inhoud
Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf
Nadere informatieScreencast-O-Matic HANDLEIDING
Screencast-O-Matic HANDLEIDING Inhoud 1 Inleiding 3 2 Stap voor stap 3 3 Conclusie 9 4 Meer info 10 4.1 Hulp nodig? 10 4.2 Vragen en opmerkingen 10 4.3 Trefwoordenlijst 10 4.4 Lijst met afbeeldingen 10
Nadere informatie2. De eerste webpagina maken
35 2. De eerste webpagina maken Een website bestaat uit één of meer webpagina s. Bij het maken van een website bouwt u de website pagina voor pagina op. U begint met de hoofdpagina. Dat is de pagina die
Nadere informatieHandleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008
Handleiding website Laatst bijgewerkt: 17 mei 2008 In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord
Nadere informatieAdvies- en BegeleidingsCentrum voor het onderwijs in Amsterdam. Beeld en geluid. Onderdelen uit de workshop Werken met multimedia
Advies- en BegeleidingsCentrum voor het onderwijs in Amsterdam Beeld en geluid Onderdelen uit de workshop Werken met multimedia ABC Amsterdam OCA onderwijscomputercentrum maart 2002 Deze cursus is eigendom
Nadere informatieHandleiding Websitebeheer
Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina
Nadere informatieOm met Symbaloo te werken, moet u zich aanmelden bij de website van Symbaloo. www.symbaloo.com
Heeft u dat nou ook? Je typt het adres van een internetpagina in en dan krijg u een foutmelding. Uhh? O ja, ik heb het adres verkeerd ingetypt. Vanaf nu hoeft dat niet meer gebeuren. We werken gewoon met
Nadere informatie4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word
1. Code. Toon HTML code van de tekst 2. Verwijder de opmaak van de geselecteerde tekst. 3. Plak de gekopieerde tekst op de plaats van de cursor 4. Plak de gekopieerde tekst op de plaats van de cursor als
Nadere informatieMicrosoft Office Een uitleg over een presentatie maken met PowerPoint
Microsoft Office Een uitleg over een presentatie maken met PowerPoint #01:Voor we een presentatie kunnen maken moeten we eerst materiaal hebben, een idee (maak een presentatie over Breskens), Foto's hier
Nadere informatieStap 1 Je eigen website maken... 1. Stap 2 Je template invullen... 9. Stap 3 Wat kunnen we met de inhoud?... 19
INHOUDSOPGAVE Inhoudsopgave Stap 1 Je eigen website maken... 1 De eerste stap... 1 Kompozer downloaden... 1 Kompozer openen... 1 Een nieuwe pagina beginnen... 1 Je eerste tekst schrijven... 2 Je eerste
Nadere informatieInitiatie Movie Maker
Initiatie Movie Maker Wat is Movie Maker? Windows Movie Maker is een computerprogramma dat toelaat video-bestanden te bewerken. Het wordt standaard bij de besturingssystemen Windows XP, Windows ME en Windows
Nadere informatieStudio Visual Steps Een formulier maken
Studio Visual Steps Een formulier maken Aanvullend PDF-bestand bij het boek Websites bouwen met Web Easy Een formulier maken 2 Een formulier maken Een bijzonder onderdeel van een website is het formulier.
Nadere informatieHandleiding NarrowCasting
Handleiding NarrowCasting http://portal.vebe-narrowcasting.nl september 2013 1 Inhoud Inloggen 3 Dia overzicht 4 Nieuwe dia toevoegen 5 Dia bewerken 9 Dia exporteren naar toonbankkaart 11 Presentatie exporteren
Nadere informatieHandleiding CMS VOORKANT
Handleiding CMS VOORKANT Inhoudsopgave Pagina 1. Toegang tot het CMS... 3 2. Artikel toevoegen... 4 3. Artikel bewerken... 5 4. Artikel kopiëren of verwijderen... 6 5. Afbeelding, link of tabel invoegen...
Nadere informatie#01: #02: #03: Clips maken van video bestanden #04: Importeren #05: #06: Plusje
XP...Workshop Movie Maker Deel 2 Geimporteeerde video s bewerken met Moviemaker dat is een gratis programma van MS en zit in elke computer bij de programma s... Alle studie materieaal zit bij de CCBS in
Nadere informatieInleiding. 3.. Widget maken. 7... Widget publiceren. 8...Widget aanpassen. 9...Mini widget. 13...Banners
Handleiding Inleiding 3.. Widget maken 7... Widget publiceren 8...Widget aanpassen 9...Mini widget 13...Banners 2 2 Widget maken Als u ingelogd bent in uw account dan komt u terecht in een keuzemenu. Als
Nadere informatieBIJLAGE. Afbeeldingenmodule
BIJLAGE. Afbeeldingenmodule Inleiding De Afbeeldingenmodule in Publicanda maakt het mogelijk dat afbeeldingen worden beheerd. Afbeeldingen kunnen bijvoorbeeld worden georganiseerd in mappen en ze kunnen
Nadere informatieHet toevoegen van videofragmenten in Hot Potatoes
Het toevoegen van videofragmenten in Hot Potatoes AARDAPPELBEURS 10 06 2009 werk van A.H.C. van Dinter is in licentie gegeven volgens een Creative Commons Naamsvermelding-Nietcommercieel-Gelijk Weblog:
Nadere informatieSPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht
SPECIALE VERSIE VOOR LEERKRACHTEN Inhoud van de website invoeren met de ContentPublisher De inhoud van de schoolwebsite wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem
Nadere informatieStappenplan bij de werkvorm tijdbalk maken. Werken met TimeRime.com
Werken met TimeRime.com TimeRime.com is een website waar je een tijdbalk kunt maken. Het invoeren van een gebeurtenis met de bijbehorende datum is voldoende. Het programma maakt er een nette presentatie
Nadere informatie