Titel: flashvars.html
|
|
- Anke Claessens
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Data uitwisselen met Flash: the easiest way Kris Merckx Macromedia Flash-bestanden kunnen opgenomen worden in HTML. Een Flashfilm (*.swf) kan tekst, afbeeldingen, film, geluid en vectorbeelden bevatten. We kunnen het gerust een "container"formaat noemen. Flash kan bovendien informatie ontvangen en uitlezen van databanken, XML-bestanden en pure tekstbestanden. Ook kan Flash dynamisch andere bestanden inladen (jpg, gif, png, flv, mp3, swf) d.w.z. externe bestanden kunnen in de "container" worden ingelezen. Veel van deze functies zijn pas mogelijk door gebruik te maken van de in Flash geïntegreerde scriptingtaal Actionscript. Wie thuis is in Javascript zal Actionscript snel onder de knie krijgen. In deze les bouwen we een quasi lege Flashfilm die dynamisch gevuld wordt met tekst en afbeeldingen. Hiermee bedoelen we dat we het originele Flashbestand niet meer hoeven te openen in Flash om de tekst en afbeelding aan te passen. Een paar aanpassingen in de HTMLcode volstaan om de Flashfilm met andere gegevens te vullen. Stap 1: Maak een nieuw flashbestand. Stap 2: Modify > Document Pagina 1 van 22
2 Stap 3: Geef de flashfilm de volgende afmetingen: 760 / 100 Pagina 2 van 22
3 Stap 4: - Klik op het A -symbool in de werkbalk. - Maak met de muis een slepende beweging over het werkvlak (stage) om een tekstveld aan te maken. - Typ de tekst Welkom. Pagina 3 van 22
4 Onderaan kan je bij properties het lettertype, de kleur... enz instellen. Stap 5: Om ervoor te zorgen dat het gekozen lettertype op elke computer correct wordt weergegeven, de tekst wordt immers variabel gemaakt (hij kan van buiten de film gewijzigd worden), kan Flash het volledige lettertype mee inpakken (embedden) in de Flashfilm. Tot Flash MX 2004: character > all characters Flash 8: embed > basic latin Stap 6: - Verander in de propertieswerkbalk static text naar dynamic text. - In het invoerveld var typ je vartxt. Pagina 4 van 22
5 Het tekstveld kan nu dynamisch gevuld worden met gegevens. D.w.z. dat we de standaardtekst Welkom kunnen vervangen door een andere tekst, bijvoorbeeld tekst uit een extern bestand. Stap 7: Insert > New symbol Pagina 5 van 22
6 Stap 8: We geven het nieuwe symbool een naam: frame. We kiezen voor Movie Clip Stap 9: - Boven de stage zie je nu Scene 1 staan met daarachter frame. Dit betekent dat we niet langer in de stage (op het podium) staan. We werken nu aan een voorwerp (we zitten m.a.w. in het atelier voor decorbouw). - In het gereedschapspalet kiezen we nu voor het symbool met het vierkant. Daarmee teken je een willekeurige rechthoek. De kleur speelt geen rol, de grootte evenmin. Pagina 6 van 22
7 Stap 10: We selecteren de getekende rechthoek. Hiervoor kies je in het gereedschapspalet de pijl en we maken met de muis een sleepbeweging rond de getekende rechthoek. Pagina 7 van 22
8 Stap 11: Pagina 8 van 22
9 Onderaan stellen we de properties van de rechthoek in op: - W: H: 100 Hierdoor wordt de rechthoek even groot als de flashfilm. - X: 0 - Y: 0 De Movie Clip heeft een nulpositie. Door de X- en de Y-positie van de rechthoek eveneens op 0 te zetten, krijgt de rechthoek de eigenschappen van de Movie Clip. Stap 12: Boven de stage klikken we nu weer op Scene 1. Je merkt dat je weer op het podium staat. De Movie Clip met de naam frame zit in de bibliotheek. We openen nu de library. Pagina 9 van 22
10 Stap 13: En inderdaad, in de library zit de Movie Clip met de naam frame. Pagina 10 van 22
11 Stap 14: In de tijdlijn veranderen we de naam layer 1 in tekst door op de naam te klikken en hem te wijzigen. Stap 15: We voegen nog een laag toe en we geven die laag de naam foto. Pagina 11 van 22
12 Stap 16: - Blokkeer de laag tekst door op het zwarte puntje onder het slotje te klikken. - Selecteer vervolgens de laag foto. Stap 17: - Sleep nu uit de library de Movie Clip frame naar de stage. - Selecteer het eerste frame in de tijdlijn van de laag foto. Het resultaat ziet er dan uit als hieronder. - Selecteer in de stage de movieclip. Pagina 12 van 22
13 Stap 18: Nu kan je onderaan in het properties palet de positie van de movieclip in de flashfilm eveneens op 0 zetten. X: 0 Y: 0 Pagina 13 van 22
14 Stap 19: Verander de instance name door frame. Stap 20: - Selecteer het eerste frame van de laag foto. - Klik onderaan het Actions -panel open door op het driehoekje te klikken. Pagina 14 van 22
15 Stap 21: - Plaats de cursor in het witte werkvlak door erin te klikken. - typ: loadmovie(picture, _root.frame); De afbeelding die we straks de naam picture zullen geven, plakken we nu in de tijdlijn (_root) in de Movie Clip met de instance name frame. Pagina 15 van 22
16 Stap 22: Selecteer met 1 sleepbeweging de frames in de tijdlijn op frame 60. Stap 23: Druk nu op de F6-functietoets van je toetsenbord. Stap 24: Met de rechtermuisknop klik je nu in de tijdlijn van de laag foto. Je kiest voor Create Motion Tween. Pagina 16 van 22
17 Stap 25: - Selecteer het laatste frame van de tijdlijn van de laag foto. - Open het Actions panel. - Typ: stop(); Als je geen fouten hebt gemaakt, zie je zowel in het eerste frame als in het laatste frame van de tijdlijn een a. Stap 26: - Selecteer het eerste frame van de tijdlijn in de laag foto. - Selecteer in de stage de Movie Clip frame (let op: we hebben voor de naam frame gekozen in de betekenis van een kader waarin een foto terechtkomt. Verwar het niet met de frames van de tijdlijn.). - Onderaan kan je nu de properties (eigenschappen) aanpassen. - Color > Alpha > 0% Pagina 17 van 22
18 Pagina 18 van 22
19 Stap 27: Het is natuurlijk belangrijk om je Flashfilm tijdig te bewaren. - File > save: geef een naam aan het bestand Stap 28: We maken nu de film voor internet. - File > Publish In de map waar je de film bewaard hebt, vind je nu drie bestanden. jouwfilm.fla (het originele Flashdocument) jouwfilm.swf (het resultaat voor publicatie op het web) jouwfilm.html (de HTML-pagina waarin de swf wordt opgenomen) Stap 29: We openen jouwfilm.html in een teksteditor vb. Scite/Scintilla of Kladblok Je zou het volgende moeten te zien krijgen. Plaats hier en daar een return om het geheel leesbaarder te maken. <HTML> <HEAD> <meta http-equiv=content-type content="text/html; charset="> <TITLE>jouwfilm</TITLE> </HEAD> <BODY bgcolor="#ffffff"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--Welkom--> <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" =6,0,0,0" WIDTH="760" HEIGHT="100" id="untitled-1" ALIGN=""> <PARAM NAME="movie" VALUE="jouwfilm.swf"> <PARAM NAME="quality" VALUE="high"> <PARAM NAME="bgcolor" VALUE="#FFFFFF"> Pagina 19 van 22
20 <EMBED src="jouwfilm.swf" quality="high" bgcolor="#ffffff" WIDTH="760" HEIGHT="100" NAME="jouwfilm" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE=" </OBJECT> </BODY> </HTML> Stap 30: We gaan nu een paar aanpassingen doen. De object -tag in de HTML-pagina is voorzien voor Microsoft Internet Explorer. De embed -tag zorgt ervoor dat andere browsers (vb. Geckobrowsers) eveneens de Flashfilm kunnen opnemen. Nu gaan we ervoor zorgen dat we aan de Flashfilm informatie doorgeven. We moeten de film namelijk vertellen welke informatie er in vartxt en in picture zit. Lees de onderstaande code om de aanpassingen te zien. <HTML> <HEAD> <meta http-equiv=content-type content="text/html; charset="> <TITLE>jouwfilm</TITLE> </HEAD> <BODY bgcolor="#ffffff"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--Welkom--> <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" =6,0,0,0" WIDTH="760" HEIGHT="100" id="untitled-1" ALIGN=""> <PARAM NAME="movie" VALUE="jouwfilm.swf"> <PARAM NAME="quality" VALUE="high"> <PARAM NAME="bgcolor" VALUE="#FFFFFF"> <PARAM NAME="flashvars" VALUE="vartxt=HALLO"> <EMBED src="jouwfilm.swf" flashvars= vartxt=hallo quality="high" bgcolor="#ffffff" WIDTH="760" HEIGHT="100" NAME="jouwfilm" ALIGN="" TYPE="application/x-shockwaveflash" PLUGINSPAGE=" </OBJECT> </BODY> </HTML> Stap 31: Als we de HTML-pagina nu opslaan, wordt de standaardtekst Welkom vervangen door HALLO. In de Flashfilm hadden we immers een dynamisch tekstblok met de variabele waarde txtvar aangemaakt. Hier geven we met de parameter flashvars via HTML waarden door aan de Flashfilm. Pagina 20 van 22
21 <HTML> <HEAD> <meta http-equiv=content-type content="text/html; charset="> <TITLE>jouwfilm</TITLE> </HEAD> <BODY bgcolor="#ffffff"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--Welkom--> <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" =6,0,0,0" WIDTH="760" HEIGHT="100" id="untitled-1" ALIGN=""> <PARAM NAME="movie" VALUE="jouwfilm.swf"> <PARAM NAME="quality" VALUE="high"> <PARAM NAME="bgcolor" VALUE="#FFFFFF"> <PARAM NAME="flashvars" VALUE="vartxt=HALLO&picture=test.jpg"> <EMBED src="jouwfilm.swf" flashvars= vartxt=hallo&picture=test.jpg quality="high" bgcolor="#ffffff" WIDTH="760" HEIGHT="100" NAME="jouwfilm" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE=" </OBJECT> </BODY> </HTML> Stap 32: Zoals je merkt, hebben we een tweede variabele waarde doorgegeven aan de flashfilm. We kunnen diverse variabelen doorgeven aan de film door ze te combineren met een &-teken. vartxt=hallo&picture=test.jpg In de Flashfilm hadden we immers een Movie Clip aangemaakt en op de stage geplaatst met de instance name frame. Via Actionscript hebben we ervoor gezorgd dat de variabele waarde picture in de Movie Clip frame met als instance name frame wordt geladen. loadmovie(picture, _root.frame); We laden in dit geval een bestand in dat in dezelfde map staat als de flashfilm. We laden test.jpg in. Naast jpeg-afbeeldingen kan je ook andere bestanden inladen: - een jpg-afbeelding, een andere swf, een flv (flashvideo), een mp3-geluidsbestand - Een door Flash 8 geëxporteerde film kan ook gif- en png-afbeeldingen inladen. Pagina 21 van 22
22 Opgelet! - Zorg ervoor dat je afbeelding even groot is als de film en de movieclip waarin het bestand geladen wordt, dus in dit geval 760 op 100 pixels. - Hou de tekst die we in de variabele txtvar inladen kort. - Er kunnen ook problemen optreden bij het inladen van de tekst in de variabele txtvar. De tekst moet doorgegeven worden in URLENCODED FORMAT. Dit betekent o.a. dat elke spatie vervangen dient te worden door een +-teken. Dus Hallo Jan wordt Hallo+Jan. Ook andere tekens zoals leestekens dien je te vervangen door speciale codes. Klik hier om je eigen tekst om te zetten in URL-encoded format. Bekijk het eindresultaat. Pagina 22 van 22
Teksteffect in Adobe (Macromedia) Flash www.computerkit.be
Schrijven in Flash U merkt het al in de bovenstaande schermafbeelding. Een virtueel potlood schrijft het woord Schrijf. Dit lijkt ingewikkelder dan het is. Er komt geen gram actionscript aan te pas. We
Nadere informatieLes in Flash nr. 2: Jouw eerste Flash film
Les in Flash nr. 2: Jouw eerste Flash film Deze les ga je een filmpje maken van vier bewegende afbeeldingen met muziek en tekst. Zorg voordat je begint dat je vier grote afbeeldingen (minimaal 1000 800
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 informatieDoor velen wordt Photoshop beschouwd als de industriestandaard voor zowel drukwerk en DTP als voor het web wat betreft digitale beeldbewerking.
Adobe Photoshop Adobe Photoshop is een grafisch programma voor het bewerken digitale beelden via de computer. Photoshop is beschikbaar voor Mac OS X en Windows. Tot en met versie 4 bestond er ook een UNIX-variant.
Nadere informatieLes in Flash nr. 1: Afbeeldingen in een vorm gieten en laten bewegen
Les in Flash nr. 1: Afbeeldingen in een vorm gieten en laten bewegen 1. Open een nieuw Flash document en klik op frame 1 van laag 1 zodat deze geselecteerd is. 2. Pak het gereedschap Ovaal en teken in
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 informatieHandleiding Macromedia Contribute
Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website
Nadere informatieComic Life: Maak een fotostrip in de klas
Comic Life: Maak een fotostrip in de klas Wat ga je doen? Je gaat een fotostrip maken met het programma Comic Life. Hiermee kun je gemakkelijk je eigen verhaal construeren. In het programma kun je per
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 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 informatieWerken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Nadere informatieFormulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Nadere informatieSTAP 1- Foto s in het schoolalbum zetten
STAP 1- Foto s in het schoolalbum zetten Open de internet pagina www.google.be Klik vervolgens in de zwarte balk op de optie MEER en kies dan de optie foto s Nu moet je aanmelden met volgende gebruiker:
Nadere informatieDit is een marathon les; we maken namelijk een oud/nieuw creatie met 4 programma s, tw: Paintshop pro, Particle illusion, Animationshop en Flash
Les oud en nieuw1 Dank aan degenen van wie ik de plaatjes gekregen heb Dit is een marathon les; we maken namelijk een oud/nieuw creatie met 4 programma s, tw: Paintshop pro, Particle illusion, Animationshop
Nadere informatieTotaal aantal vertoningen per banner URL-link(s) van landingspagina Voorkeur voor het geografische gebied waar u uw banners wil laten tonen
Omroep Gelderland maakt gebruik van de geldende internationale IAB standaarden. Een overzicht van deze standaard formaten vindt u op de site van het IAB. Onderstaande formaten zijn beschikbaar op de online
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 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 informatieFlash Website ActionScript handleiding Linda Pieke
Flash Website ActionScript handleiding Linda Pieke Basis ActionScript Tutorial Inhoudsopgave Basis ActionScript Tutorial... 2 Werkwijzer volgorde:... 2 Actionscript tutorial... 3 De Buttons... 3 De Webpagina
Nadere informatieHAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.
HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko
Nadere informatieICT -idee 1. Umapper: Maak je eigen landkaart met toegevoegde informatie.
1 Umapper: Maak je eigen landkaart met toegevoegde informatie. Umapper maakt het mogelijk om een eigen tintje te geven aan aardrijkskundige kaarten, ze te voorzien van informatie en ze interactief te maken.
Nadere informatieBASISCURSUS Macromedia Flash MX. voor de ontwerper
BASISCURSUS Macromedia Flash MX voor de ontwerper Macromedia, Flash, Dreamweaver, Fireworks en Freehand zijn handelsmerken of gedeponeerde handelsmerken van Macromedia Inc. in de Verenigde Staten en andere
Nadere informatieVoordelen: Nadelen: Benodigdheden: Programma s: Google Web Designer. Photoshop. Sublime (HTML-editor) Websites: Tinypng.com
Google Web Designer Voordelen: Sneller en makkelijker. Banners kunnen worden afgespeeld op telefoons (flash kan dit niet). Het vervangen van plaatjes kan zonder het programma op te starten. Meer FPS dan
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 informatieGoogle Maps op uw site
Google Maps op uw site 1. Ga naar maps.google.com en voer het gezochte adres in. 2. Klik op de knop Zoeken in Maps. 3. U kan naar de gewenste positie zoomen en kiezen voor de satellietweergave of de gewone
Nadere informatieEen website ontwerpen in Dreamweaver met de opmaakweergave
Een website ontwerpen in Dreamweaver met de opmaakweergave door G. Van Soest Met Dreamweaver kan je zeer snel een website in elkaar bouwen; ook het onderhoud van een website is met Dreamweaver uiterst
Nadere informatieAnimatie. Korte opdrachten. Tekst Geluid Beeld
Animatie Korte opdrachten Tekst Geluid Beeld 1 Tekstanimatie Tekstlagen - Maak een Nieuw bestand: 800 px breed 200 px hoog 72 dpi kleur RGB. - Geef de achtergrond een kleur of verloop die je leuk vindt.
Nadere informatieHoe maak je een website voor de school en voor elke klas?
Donderdag 12 september, ICT& Education Rianne Hellings, Kuki+Ko, www.kukiko.com, rianne@kukiko.com Hoe maak je een website voor de school en voor elke klas? Rianne Hellings, ex-apk docente en sinds 2005
Nadere informatiehttp://blog.seniorennet.be/seniorennet_blogs_tips_trucs Inhoud van dit lesje: 1.Plaatsen van foto of afbeelding van uw harde schijf.
Op het blog SeniorenNet Blogs Tips en Trucs vind je in de linkerkolom verschillende mogelijkheden voor Aanmaken van een Internetadres (URL) en Foto s Verkleinen met uitleg. http://blog.seniorennet.be/seniorennet_blogs_tips_trucs
Nadere informatieHANDLEIDING CMS Versie 2.4 januari 2013
Het CMS dat bij deze site geleverd wordt heeft hoofdzakelijk tot doel om goed door Google gevonden te worden. De hiërarchie van het CMS geeft aan hoe google per pagina naar uw website kijkt. De mate van
Nadere informatieVERENIGING INNER WHEEL NEDERLAND Lid I.I.W. www.innerwheel.nl Het Inner Wheel moet in beweging blijven
Handleiding Mac Os X Open Mail Navigeer vervolgens naar Mail Voorkeuren Open het tabblad Handtekeningen Selecteer in de kolom het gewenste account en klik vervolgens op het plus-icon. Automatisch wordt
Nadere informatieHTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
Nadere informatieFormulieren maken met Dreamweaver CS 4
Formulieren maken met Dreamweaver CS 4 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit zoveel
Nadere informatie2) Klik op Artikelbeheer: of op Artikelen in Inhoud in de balk bovenaan: Zoek het artikel op dat je wilt veranderen:
1) Type in de adresbalk achter http://www.plaats.amnesty.nl een slash (/) en het woord administrator à http://www.daarhuizen.amnesty.nl/administrator, vul de inloggegevens in en klik op Enter op je toetsenbord.
Nadere informatiePilootproject 2012-2013 Handleiding
Pilootproject 2012-2013 Handleiding In de handleiding ga je zelf op de tablet aan de slag met het tabletboek. Via 10 stappen komen de verschillende mogelijkheden (functionaliteiten) van het tabletboek
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 informatieEen affiche maken in WORD met het sjabloon (Op PC)
SOLIDAIR CONCERT Een affiche maken in WORD met het sjabloon (Op PC) 1. Open het sjabloon van de affiche in Word op je pc. Als je een Mac hebt, ga naar pagina 4. 2. Vul bovenaan de naam van de activiteit
Nadere informatieHoofdstuk 14 : Layout
Hoofdstuk 14 : Layout Nieuw in Ocad 11 is de layout laag. Het is een aparte laag waarin zowel vectoriële objecten als rasterobjecten kunnen opgenomen worden. Vectoriële objecten zijn lijnen, vlakken of
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 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 informatie1 van 12 28-4-2010 12:20 We gaan weer van de volgende situatie uit. En ja, het wordt weer een lange les. Om de links te maken naar andere pagina's gebruiken we een nieuwe tabel die we in de bestaande tabel
Nadere informatieStappenplan Glogster Stappenplan Glogster versie 1 Pagina 1 Warempel
Stappenplan Glogster Stappenplan Glogster versie 1 Pagina 1 Wat is Glogster? Glogster is een web 2.0 toepassing waarmee je digitale muurkranten kunt maken. Na het gratis registreren kun je aan de slag
Nadere informatieMaak een poster. Achtergrondinformatie... 1 Stap 1: Registreren... 2 Stap 2: Create a new Glog!... 3 Stap 3: Publiceren... 6
Maak een poster Inhoud Achtergrondinformatie... 1 Stap 1: Registreren... 2 Stap 2: Create a new Glog!... 3 Stap 3: Publiceren... 6 Achtergrondinformatie Glogster is een web 2.0 toepassing waarmee je digitale
Nadere informatieVul hier de naam, wachtwoord en emailadres in die je voor je wiki wilt gebruiken en klik op de knop [Join Now] gebruik een geldig e-mailadres.
Algemeen Samenwerken. Het zal je regelmatig overkomen dat je met een groepje moet samenwerken. Iedereen moet iets uitzoeken en samen wordt er dan aan een document gewerkt. Je kunt dit document uitwisselen
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieEen ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieWorkshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net
Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net In deze workshop maak je kennis met XIMPEL TV en interactieve video. Bij interactieve video kun je de video
Nadere informatieTips & Trucs ArchiCAD : Zelf Ramen en Deuren maken, algemeen
Tips & Trucs ArchiCAD 13 026: Zelf Ramen en Deuren maken, algemeen ArchiCAD bevat vele parametrische kozijnen. Mocht hier toch niet het gewenste kozijn tussen zitten, dan kunt u altijd nog uw eigen kozijn
Nadere informatieAnimated button met Fireworks en Dreamweaver
Animated button met Fireworks en Dreamweaver In deze tutorial maak je een animated button in Fireworks en Dreamweaver. Het is de bedoeling dat een animatie afspeelt als de muisaanwijzer op de button staat
Nadere informatiePS-Les14-Eenvoudige animatie
In deze les gaan we werken naar dit voorbeeld. In deze les gaan we kennis maken met het onderdeel animatie van Photoshop. We gaan een leuk flikkerende neonreclame maken. Het echte resultaat kan je enkel
Nadere informatieFiguur 1: Kiezen van het Template in sketchup
Tutorial : Tekenen van een sleutelhanger met sketchup. We willen zeer graag een sleutelhanger tekenen die de vorm heeft van het logo van onze school. Dit is namelijk een achthoek die verwijst naar een
Nadere informatieHerhalingsoefeningen
Herhalingsoefeningen bij Websites maken met WEB! Pro ISBN 90 5905 193 9 2 Oefeningen hoofdstuk 2 2.1 Nieuwe website maken en opslaan Open een lege webpagina Open het venster Document Eigenschappen Typ
Nadere informatieGreet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.
Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres
Nadere informatieWelk programma gebruiken we? Om onze foto s te verkleinen gebruiken we het programma IrfanView. Het icoontje van IrfanView ziet er als volgt uit:
Inleiding Om het laden op de website vlot te laten verlopen zijn er enkele afspraken gemaakt m.b.t. tot het formaat van een foto. Het formaat van een foto gaan we MAXIMUM instellen op 640 * 480 pixels.
Nadere informatieInhoudsopgave Template verhaal... 2 Eigenschappen van een pagina... 4 Achtergrond invoegen vanuit classroomsuite... 5 Achtergrond eigen database...
Inhoudsopgave Template verhaal... 2 Eigenschappen van een pagina... 4 Achtergrond invoegen vanuit classroomsuite... 5 Achtergrond eigen database... 9 Afbeelding toevoegen vanuit classroom... 11 Afbeelding
Nadere informatie2 2016 de Rolf groep Handleiding MyAlbum en DynaWeb CMS versie 1.31
Deze uitgave mag voor eigen gebruik worden vermenigvuldigd mits in originele vorm. Wijzigingen in het document of de lay-out zijn niet toegestaan zonder voorafgaande toestemming van de Rolf groep. De Rolf
Nadere informatieHandleiding Wordpress
Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde
Nadere informatieHandleiding Website Gibo Mariaburg
Handleiding Website Gibo Mariaburg 1. Inloggen Je surft naar het volgende adres: http://www.gibomariaburg.be * Klik op Login * Vul je gebruikersnaam en paswoord in en klik op Log-in. De gebruikersnaam
Nadere informatieGame Maker 6.1. Sprite up your life with Gamemaker. Hoofdstuk 1.2
Game Maker 6.1 Sprite up your life with Gamemaker Hoofdstuk 1.2 Sprite up your life Het is ook heel eenvoudig om zelf sprites te maken of te bewerken. Alles wat je nodig hebt is het programma Gamemaker.
Nadere informatieWindows Media Player:
Windows Media Player: Afspelen: 1) Map openen van wat je wil afspelen (USB, harde schijf, SD-kaart, ) 2) Dubbelklik op gekozen film (als WMP als standaard staat ingesteld start dit automatisch op). OF
Nadere informatieHandleiding voor Excel to Image
1 Handleiding voor Excel to Image Exporteren uw Excel rapportages naar Word of Powerpoint Auteur(s) M.S. van Dam Date of creation 16-05-11 2 Voorwoord Het Excel bestand EC_ExcelToImage.xls maakt het mogelijk
Nadere informatieafbeeldingen (vervolg), films, flash en geluid
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
Nadere informatieBeeldbewerking met Gimp
Beeldbewerking met Gimp Animated GIFs maken Vandaag maken we een bewegende afbeelding (om specifiek te zijn: een animated GIF) in GIMP. Niet alle programma s geven Animated GIFs correct weer. Veel programma's
Nadere informatie1 van 11 28-4-2010 12:25 We hebben nu de pagina met de links naar drie pagina's. En nogmaals: na iedere verandering waar je tevreden mee bent de pagina opslaan, of te wel Save. 2 van 11 28-4-2010 12:25
Nadere informatie15. Vullingen en patronen
15. Vullingen en patronen Met het verfemmertje kan u een selectie of laag opvullen met een bepaalde kleur of met een patroon. Een patroon is een zichzelf herhalend motief waarvan de randen naadloos in
Nadere informatieGlobale kennismaking
Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina
Nadere informatieHTML Graphics. Hans Roeyen V 3.0
HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.
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 informatieGOOGLE MAPS VERKENNEN
Handleiding GOOGLE MAPS VERKENNEN Stap 1 Ga naar maps.google.nl Tik je woonplaats en adres in het zoekvenster. Zoom in tot je huis zichtbaar wordt. Ga via de [terug]pijl (linksboven) terug naar vorige
Nadere informatie#04: Klik met rechter muisknop in het wit tussen de bestanden en kies met linker Alles selecteren
XP...Workshop Movie Maker Deel 1 Filmpje maken van foto s: Moviemaker is een gratis programma van MS en zit in elke computer bij de programma s... Alle studie materieaal zit bij het CCBS in de map Mijn
Nadere informatieHandleiding Kerstpuzzel 2 - Photoshop + PowerPoint 2007 (2010)
Handleiding Kerstpuzzel 2 - Photoshop + PowerPoint 2007 (2010) Deze handleiding kan eveneens gevolgd worden voor PP 2010 want verschilt niet veel met 2007. De bestanden "Puzzle effects by Panos.atn" en
Nadere informatieTomra 820 InTouch. Promotie film maken Donatie ontvanger aanmaken
Tomra 820 InTouch Promotie film maken Donatie ontvanger aanmaken Tomra Systems Apeldoorn 09.05.2012 2 Tomra 820 InTouch Promotie film maken Donatie ontvanger aanmaken Er is gebruik gemaakt van freeware
Nadere informatieScratch! Les 5. Werkblad 6 Aan de slag met. 52 talentenkijker LEERLINGENWERKBLADEN
Werkblad 6 Aan de slag met Scratch! Les 5 Programmeren Computers zijn niet meer weg te denken uit onze wereld. Ze worden gebruikt om werk leuker, beter of gemakkelijker te maken. Een ober stuurt een bestelling
Nadere informatieFilmpje van YouTube op uw blog plaatsen
Filmpje van YouTube op uw blog plaatsen Surf naar www.youtube.com. Onderstaand venster opent, zie Fig1. Fig 1 U moet nu opzoek naar het filmpje dat je wenst. Wij nemen hier als voorbeeld, gaan op zoek
Nadere informatieSnel beginnen. Het aanpassen van de interface aan uw niveau.
Snel Begin Snel beginnen Koolmoves kiest voor een benadering van Flash door een animatiegerichte aanpak. Dit omdat Kooloves gerealiseerd werd door een team van vakkundige animators. Het is een volwaardig
Nadere informatie1. 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 informatieAugustus& Handleiding - Publisher Tool 3
Augustus& 15 16 Handleiding - Publisher Tool 3 Inhoudsopgave 1. Welkom... 3 1.1 Inloggen... 3 1.2 Dashboard... 4 2. Boeken... 5 2.1 Boeken aanmaken... 5 2.2 Het bewerken van boekinformatie.... 7 3. Verrijkingen...
Nadere informatieFloorplanner Pro. Backend Handleiding
Floorplanner Pro Backend Handleiding Kort gesteld kun je met een PRO account eenvoudig interactieve plattegronden tekenen en online publiceren. Deze handleiding vertelt je alles over de Floorplanner Pro
Nadere informatieLesbrief Les 2 Basis CSS
Lesbrief Les 2 Basis CSS Jullie hebben net de basis uitleg van CSS gehad. Om deze uitleg wat te laten bezinken gaan we aan de slag met de oefenopdracht voor deze week. Lees de opdracht goed door zodat
Nadere informatieInhoud. Digitale instructiefilms ontworpen door Monique Gruijthuijzen, docent bij Bedrijfscommunicatie. Pagina 1
Inhoud voorbereiding:... 2 belangrijke vensters instellen:... 2 handig, uitleg over gereedschappen:... 3 sneltoetsen achterhalen:... 3 werken met stijlen... 3 voordelen:... 3 voorbereiding:... 3 stel de
Nadere informatie2. Wanneer moet ik een afbeelding verkleinen?
Appendix B. Beeldmateriaal en Blackboard 1. Inleiding...1 2. Wanneer moet ik een afbeelding verkleinen?...1 3. Het formaat van een afbeelding wijzigen...2 4. Een afbeelding comprimeren...4 5. Een uitsnede
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 informatieEen film op PAL-resolutie
Een film op PAL-resolutie Naast geanimeerde GIF-afbeeldingen voor het web, kan u Photoshop ook gebruiken om filmbeelden en filmanimaties in TV-kwaliteit te produceren. Om vanuit Photoshop films te kunnen
Nadere informatielesboek Jonker & Wu CAD support
7 lesboek Jonker & Wu CAD support Worksheet De Spreadsheet functie binnen MiniCad worden weergegeven in Worksheets. Deze Worksheets werken gelijk aan de Spreadsheet van bijvoorbeeld Claris Works of Mircosoft
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
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 informatieCursus paint. Om Paint te openen klikken we op de knop "Start" in de taakbalk. We kiezen "Alle programma's" - "Bureau- Accessoires" - "Paint".
Cursus paint Om Paint te openen klikken we op de knop "Start" in de taakbalk. We kiezen "Alle programma's" - "Bureau- Accessoires" - "Paint". Titelbalk: hier staat de naam v.d. tekening/foto. Menubalk:
Nadere informatieProgrammeren voor het web met PHP
Programmeren voor het web met PHP De meestgebruikte programmeertaal voor websites is PHP. Het is een heel handige taal waarmee je een eigen slimme website kunt bouwen. Je gaat nu leren hoe PHP werkt, en
Nadere informatieHandleiding online Factsheetmodule
Handleiding online Factsheetmodule Sportvissers hebben eigenlijk maar twee dingen nodig: goed viswater en een goede visstand. De zorg voor goed viswater met een goede visstand is dan ook de belangrijkste
Nadere informatieTECHNISCHE SPECIFICATIES
TECHNISCHE SPECIFICATIES 2012 Inhoud 1. Technische product specificaties 1.1 Traffic campagne (CPC) 1.1.1 Algemene informatie...3 1.1.2 Creatie aangeleverd door de klant...4 1.1.3 Creatie gemaakt door
Nadere informatieHandleiding website Pax Christi
Handleiding website Pax Christi deel II Inhoudstafel 1. Invoegen van afbeeldingen... 1 1.1 Wat is een digitale afbeelding?...1 1.2 Het invoegen van een digitale afbeelding in een bericht... 2 2. Posten
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 informatieWORD STARTEN... 4 WORD STOPPEN... 4 OPENEN... 5 OPSLAAN... 6 AFDRUKKEN = PRINTEN... 8 FOUTJE ONGEDAAN MAKEN... 9 KIEZEN MET MUIS...
Word 2 WORD STARTEN... 4 WORD STOPPEN... 4 OPENEN... 5 OPSLAAN... 6 AFDRUKKEN = PRINTEN... 8 FOUTJE ONGEDAAN MAKEN... 9 KIEZEN MET MUIS... 10 KIEZEN VAN 1 WOORD... 10 KIEZEN VAN 1 ZIN... 10 KIEZEN VAN
Nadere informatieMARKETING & COMMUNICATIE - DIGITALE VORMGEVING
MARKETING & COMMUNICATIE - DIGITALE VORMGEVING 1 WordPress.com Een site/blog aanmaken Ga naar www.wordpress.com. Bovenaan kun je de pagina vertalen in het Nederlands Account Maak een account aan. Vul in:
Nadere informatieLes 3: Het Categoriseren van ideeën met behulp van het Super Groepeer gereedschap
Les 3: Het Categoriseren van ideeën met behulp van het Super Groepeer gereedschap In Kidspiration zijn er twee manieren om uw ideeën te organiseren: met behulp van koppelingen en met behulp van het gebruik
Nadere informatieMarc Gorremans [ marc.gorremans@mechelen.lessius.eu ] 18e ict-praktijkdag. 15 november 2010 Hasselt
werken met Publisher 2007 Marc Gorremans [ marc.gorremans@mechelen.lessius.eu ] 18e ict-praktijkdag 15 november 2010 Hasselt Publisher 2007 is een product van Microsoft Corporation USA all rights reserved
Nadere informatieOefenboek Pagina 1 van 17. Tour
Pagina 1 van 17 In deze kennismakingsoefening ga je enkele basishandelingen aanleren die je met Macromedia Director 7.0. kunt uitvoeren. In de volgende oefeningen zullen we deze handelingen verder bespreken.
Nadere informatieZo maak je een presentatie met Prezi.
Zo maak je een presentatie met Prezi. Zo log je in op Prezi. 5. Surf naar http://prezi.com/ 6. Klik rechts bovenin op de knop Log in. 7. Voer op het volgende scherm het volgende E-mailadres en Password
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 informatie