Utformningen av webbplatser är mycket viktig för hur de i slutändan uppfattas av besökare. Människor bör uppleva estetiskt nöje medan de är på webbplatsens sidor, liksom dessa sidor bör vara praktiska och funktionella för dem. Ingen webbplats är komplett utan navigeringsknappar och din webbplats kommer att se funktionell och vacker ut samtidigt om du gör dessa knappar animerade.
Instruktioner
Steg 1
Grafiska knappar syns, till skillnad från textknappar, på sidorna och är lätta för läsarna att komma ihåg. Använd Corel Draw för att skapa animerade knappar. Skapa ett nytt dokument och rita ett tomt på vilket knappen kommer att visas i flera vyer, både i tryckt och ej tryckt läge.
Steg 2
För att rita en knapp, välj lämpligt verktyg från verktygslådan och rita en rundad rektangel. Fyll rektangeln med svart, kopiera den sedan och flytta kopian åt vänster och uppåt. Fyll den andra rektangeln med vitt.
Steg 3
Skriv knappens blanka namn och lägg till en svart kontur i texten. Gör texten vit. Öppna nu Effekt-övergångsmenyn genom att markera knappen och klicka på alternativet Skapa övergång. Du ser Normal i rullningsstatusfältet.
Steg 4
För att ändra bilden på en knapp högerklickar du på den och väljer alternativet Redigera överrullning i snabbmenyn. Ett nytt Internet-verktygsfält öppnas. Rita ytterligare knapppositioner, som sedan ändras efter varandra och skapar en animeringseffekt.
Steg 5
På vänster sida av Internetpanelen klickar du på Over-knappen och redigerar knappen för att ta bort textens konturer. Fyll texten med svart för att skapa en andra version av den i animationen. Tryck nu på nedåtknappen och rita den sista versionen av knappen när den trycks in.
Steg 6
Flytta texten och den vita rektangeln ner till höger och skjut den svarta rektangeln uppåt till vänster. Klicka nu på Finish Editing Rollover-knappen.
Steg 7
Spara knappen tillsammans med koden som du kan använda för att ändra utseendet på objekt på webbsidan. På det här sättet kan du rita vilken typ av knapp som helst med vilken design som helst.
