6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.

Transkript

1 Fiskar Arbetsbeskrivning knappmeny (Mediator 8) I detta exempel kommer du att lära dig Att göra en mastersida med knappar Att använda en mastersida på andra sidor Att använd funktionen Alignment Arbetsgång Denna övning går ut på att skapa en presentation där man flyttar sig mellan sidor med hjälp av knappar för att se olika bilder. Vid flytt mellan sidorna skall det vara en bildövergång. Knappmenyn skall finnas på en mastersida som visas på de övriga sidorna. På detta sätt behöver man bara lägga in kapparna på en sida (mastersidan) och kan ändra på den vid behov. 1. Skapa en mapp med namnet Knappmeny i utforskaren där du skall spara presentationen. Gör sedan en undermapp med namnet Fiskar samt en undermapp i den som heter Bilder. 2. Hämta bilderna i som tillhör övningen och spara dem i bildermappen. Bilderna finns i filen fiskar.zip. 3. Starta nu Mediator och skapa en ny standardpresentation som skall visas i ett fönster, Window, med egen storlek (Custom) 400 x 305. Spara presentationen i mappen Fiskar med filnamnet Fiskar genom att välja File Save i menyn. Tänk på att spara presentationen lite då och då när du jobbar så att du inte blir av med det du har gjort om det skulle hända någonting med datorn när du sitter och jobbar. 4. Vi skall nu skapa mastersidan där knapparna skall finnas. Gå upp i menyn och välj Page New. Skriv in sidnamnet top_master och klicka på OK. Sidan hamnar nu under Page 1 som du kan se till vänster i sidlistan. Med vänster musknapp nedtryckt på mastersidan flyttar du nu den så att den hamnar under Page1 enligt bilden. Ställ dig nu på Page1 genom att markera den och skapa sedan sex nya sidor med namnen enligt bilden till höger genom att i menyn välja Page New. Byt sedan namn på Page1 till fisk1 genom att högerklicka på namnet och välja Rename. 5. Vi skall nu skapa knapparna på mastersidan som skall användas för att flytta oss mellan sidorna. För att skapa en enkel knapp klickar du på knappverktyget i verktygsfältet. Fiskar_Arbetsbeskrivning.doc 1 (9)

2 Skapa sedan knappen genom att hålla ned vänster musknapp och dra ut en knappmarkering, släpp musknappen när du är klar. Markera texten och skriv Fisk 1. När du är klar klickar du utanför knappen. Vill du ändra texten senare är det bara att dubbelklicka på knappen för att ändra texten. Skapa nu de andra knapparna på liknande sätt med namnen Fisk 2, Haj 1, Haj 2, Korall, Muräna och Stjärna. Vi ser att knappen Muräna har det längsta namnet så knapparna måste vara så stora så att den texten syns. Det ser också snyggast ut om alla knapparna är lika stora. Genom att prova sig fram med att ändra bredd och höjd på knappen Muräna under Properties för objektet ute till vänster, tyckte jag att bredden 55 (Width) och höjden 20 (Height) var lagom. För att nu göra alla knapparna lika stora klickar jag på dom, en efter en, och håller samtidigt tangenten Ctrl nedtryckt. På så sätt blir all knapparna markerade och jag kan ändra allihop på en gång. Skriv nu in bredden 55 och höjden 20. När du har skrivit in ett värde används Enter för att utföra ändringen eller så klickar man utanför textrutan. Alla knapparna har nu samma storlek och det är dags att lägga dom på en rad i nedre delen av presentationen. Flytta knapparna genom att hålla vänster musknapp nedtryckt på knappen och dra den till lämpligt läge. Flytta alla knapparna så de ligger i rätt ordning och ungefär på en linje i nedre delen av sidan. Markera nu alla knapparna genom att hålla tangenten Ctrl nedtryckt. Gå sedan upp i menyn och välj Arrange Alignment. Vi ser här att man kan rätta upp knapparna efter sida eller höjd. Välj att rätta upp knapplinjen efter mitten på objekten och klicka på OK. Knapparna ligger nu rätt i höjdled på en rak linje. Markera nu den vänstra knappen, Fisk 1, och flytta den i sidled med hjälp av piltangenterna så att den ligger en liten bit in från vänsterkanten. Markera sedan knapparna i ordning och flytta dom också med hjälp av piltangenterna så alla knapparna kommer att ligga intill varandra och på en snygg linje. 6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen. Fiskar_Arbetsbeskrivning.doc 2 (9)

3 Börja med att högerklicka på vänstra knappen och välj Events för att kunna ställa in händelser för objektet. Vi börjar med att ställa in att markören skall ändra sig till en hand när den förs in på knappen. Detta görs genom att från vänstermenyn med vänster musknapp nedtryckt dra Move Into till höger ruta. Gör sedan på samma sätt med Set Cursor från menyn ovanför och släpp den till höger om Move Into. Nu kommer det upp en menyruta där du kan välja handen och sedan klicka på OK. Gör nu på liknande sätt för Move Out och välj då den vanliga pilen igen så att det byts tillbaka till den när musmarkören förs ut från knappen. Vi skall nu ställa in att när man klickar på knappen skall man komma till föregående sida. Dra som tidigare in Mouse Click från vänstermenyn och släpp den under Move Out. Dra sedan ner Go to Page från menyn ovan för att kunna välja vilken sida man skall komma till. En dialogruta kommer nu fram där du skall välja rätt sida och sedan klicka på OK. Nu har du ställt in att när man klickar på knappen skall man komma till aktuell sida. En dialogruta för bildövergångar ligger nu kvar. Titta gärna igenom de olika övergångarna som finns att välja på. Jag väljer fliken Fade och övergången Fade. Det går också att ställa in hur lång tid övergången skall ta samt hur den hastighetsmässigt skall ske. Jag väljer att övergången skall ta en sekund genom att skriva in 1000 som är i millisekunder. Det går alltså att ställa in tiden väldigt exakt på en millisekund när. Jag väljer att övergången skall gå lika fort hela tiden, linjärt, och klickar sedan på OK. Gör nu på liknande sätt för de andra knapparna och välj bildövergång. Fiskar_Arbetsbeskrivning.doc 3 (9)

4 7. Det är nu dags att lägga in bilderna på varje sida. Börja med att gå till sidan fisk1 genom att klicka på sidnamnet i sidmenyn ute till vänster. För att lägga in en bild klickar du på bildknappen i verktygsfältet. Gå nu upp i övre vänstra övre hörnet med markören och dra ut en markering genom att hålla ner vänster musknapp och flytta musen till nedre högra hörnet på liknande sätt som du gjorde när du skapade knapparna. Gå nu till den mapp där du sparade bilderna i början av övningen och välj bilden fisk1.jpg. När du klickar på Öppna kommer det fram en dialogruta där du kan ställa in hur bilden skall justeras. Välj Adjust the frame size to fit the picture för att ställa in så att bilden visas i normal storlek och inte ändras till storleken på rutan som du har dragit ut. Detta använder man oftast för annars ändras proportionerna i bilden vilket medför att den ser konstig ut. Man skapar alltså bilden i den storleken som den skall ha i presentationen. I detta fall 400 x 305 pixlar eftersom det skall vara en bakgrundsbild som täcker hela sidan. Vi bockar även för Use as background picture så att bilden hamnar som en bakgrund och klickar sedan på OK. I normala fall när man lägger på objekt på sidan efter hand så hamnar dom ovanpå varandra vilket innebär att man sedan måste lägga objekten i rätt ordning. Eftersom vi har lagt knapparna på en mastersida som skall visas ovanför den vanliga sidan, kommer våra knappar att ligga överst på alla sidor. Fiskar_Arbetsbeskrivning.doc 4 (9)

5 8. Lägg nu in bakgrundsbilderna på de andra sidorna på liknande sätt. 9. Som du ser på sidorna så syns ju inte knapparna. Detta gör man under Properties for Page dvs. inställningar för sidan. Det går att använda två olika typer av mastersidor. Bottom master är som det låter en sida som hela tiden ligger längst bak på sidan som en bakgrund. Top master är då i stället en sida som hela tiden ligger längst fram på en sida. I vårt fall skall knapparna ligga längst fram på sidan så det är Top master som skall användas. Börja med att markera aktuell sida och klicka sedan på knappen till höger om Top master page. Välj sedan mastersidan som heter top-master och klicka på OK. Det kan hända att du måste klicka på det lilla + - tecknet för att se mastersidan. Nu kommer knapparna att hamna längst fram på sidan. Gör nu på samma sätt på de andra sidorna så knapparna syns på alla sidor. Skulle det nu då vara något fel på knapparna ändrar man bara på mastersidan och då kommer ändringarna direkt på alla sidorna. Skulle man i stället ha lagt in kapparna på varje sida hade man fått ändra på var och en för att det skulle ha blivit rätt. Fiskar_Arbetsbeskrivning.doc 5 (9)

6 10. Nu är det dags att kolla om det fungerar. Det finns två sätt att förhandsgranska presentationen. Man kan antingen förhandsgranska hela presentationen vilket innebär att visningen börjar på sidan 1 och sedan händer det som man har ställt in. I vårt fall att vi kan flytta oss mellan sidorna. Det andra sättet är att förhandsgranska sida för sida. Det innebär att visningen startar på den sidan som man har valt och sedan kan man gå vidare därifrån. Detta är bra att göra om man t.ex. har en presentation med många sidor där det t.ex. på sidan 14 är olika animeringar som vi vill se om de fungerar. Då kan jag på detta sätt bara förhandsgranska sidan 14 och slipper att börja på sidan 1 i min presentation. I vårt fall vill vi förhandsgranska hela presentationen och det gör vi genom att klicka på knappen med pilen som betyder Run Document i verktygsfältet. Presentationen startar nu och man kan kolla så att musmarkören byter figur och att knapparna tar oss mellan sidorna när vi klickar på dem. För att avsluta förhandsgranskningen kan man antingen klicka på krysset i övre högra hörnet eller klicka på knappen Esc på tangentbordet. 11. Då är det nu dags att göra presentationen klar för distribution så att någon annan kan titta på den och då är det inte säkert att den personen har Mediator. Gå upp i menyn och välj File Create Distribution Files Advanced. I dialogrutan som kommer upp kan man nu ställa in vilken distributionsform man vill ha. Det finns ett antal olika sätt att distribuera presentationen på. För en mer utförlig beskrivning över de olika sätten kan du klicka på Help i dialogrutan. Fiskar_Arbetsbeskrivning.doc 6 (9)

7 Presentationen som vi har skapat är ganska liten och tar litet utrymme på hårddisken. Vi väljer därför ett enkelt sätt att distribuera presentationen som heter Zip N run. I detta fall kommer alla filer som ingår i presentationen att komprimeras och sparas i en enda fil som man kan starta presentationen med, en så kallad exe-fil. När man sedan dubbelklickar på filen så öppnas presentationen och visas på datorn. När presentationen sedan stängs så tas alla filer som har packats upp t.ex. bilderna bort från datorn så att ingenting ligger kvar förutom startfilen (exe-filen). Vi bockar även för att vi vill använda BugBuster som kollar om någonting är fel i presentationen när vi skall distribuera den. Alternativet Embed True Type fonts innebär att de teckensnitt som har använts i presentationen också kommer med så att användare som inte har just det teckensnittet ändå kan se texten på rätt sätt. I vårt fall har vi ingen text i presentationen så det spelar ingen roll. I normala fall har man dock detta förbockat så det kan vi också ha nu. Kontrollera sedan att rätt mapp är vald. Presentationen skall sparas i fisk-mappen som vi skapade tidigare. Detta syns under Output folder. Vill man ändra detta så klickar man på knappen till höger. När alla inställningar är klara klickar du på OK. Om allting fungerade så skall det komma fram en dialogruta som talar om att filen är skapad. Fiskar_Arbetsbeskrivning.doc 7 (9)

8 Klicka nu på Open File Folder för att komma till mappen där filen skapades och om du dubbelklickar på den skall presentationen starta. Det är denna fil som skall lämnas in för redovisning. Om presentationen är stor är det bra att distribuera den på CD. Man gör då på liknande sätt fast väljer då något av de två översta alternativen. I första alternativet (direct) körs presentationen från CD-skivan och i det andra fallet (installation) installeras presentationen på datorn. Nu går det även att välja lite fler alternativ. Auto Run innebär att presentationen startas automatiskt när CD-skivan sätts i datorn om detta är installt i datorn. DirectX används för att ta med en programvara som används för att visa grafik Fiskar_Arbetsbeskrivning.doc 8 (9)

9 såsom video och bilder men även för ljud och musik. I normala fall finns detta installerat på datorn men vill man vara säker så kan man ta med det i presentationen. Använder man den automatiska uppdateringen för Windows via Internet har man alltid den nyaste versionen installerad och då behövs inte den versionen som kommer med vid distributionen. splash screen är en välkomstbild som visas medan presentationen laddas från CDskivan. Nu skapas det en mapp som heter CDROM med ett antal undermappar och filer. Det är allt innehåll som finns i mappen CDROM som skall brännas på CDskivan vid distribution. Om det inte är inställt att presentationen skall starta automatsikt så dubbelklickar man på filen Start.exe. Alla filer som ligger i mappen Data skall också lämnas in för redovisning. 12. Lämna in Zip N Run-filen samt de filer som skapades när du gjorde CD-ROM distributionen och som ligger i mappen Data. Lycka till Fiskar_Arbetsbeskrivning.doc 9 (9)