Med miljontals webbplatser på Internet , är det viktigt att din webbplats vara minnesvärd och unik . En teknik som används för att lägga till en dynamisk effekt på webbplatser är överrullningsbilderna , även känd som rollover knappar . I huvudsak , när besökaren rullar över en bild , kommer den att byta till något annat . När användaren rullar av bilden , återgår den till den ursprungliga bilden . Vanliga rollovers inkluderar subtila effekter som att ändra färgen på bilden eller typsnittet . Du kan skapa din egen överrullningsbild med grundläggande HTML-formatering i olika webb - design program . Saker du behöver Arkivfoto - redigering programvara Web - design mjukvara
Visa fler instruktioner
1
Skapa ett nytt dokument i den önskade storleken i bildpunkter i fotot - redigeringsprogram som Photoshop . Skapa knappen och bilder välta . De två bilderna måste vara identiska i storlek .
2
Spara båda bilderna separat genom att gå till " Arkiv " -menyn och klicka på " Spara ". Spara bilderna antingen som JPEG , GIF eller PNG-filer . Även JPEG-och GIF -filer är mer vanligt förekommande , PNG-filer behåller genomskinlighet . Se till att du sparar bilden i din webbplats lokala rotmappen .
3
Öppna önskad programvara webbdesign , t.ex. Adobe Dreamweaver . Klicka på knappen Uppdatera i ditt bibliotek för att uppdatera hemsidan bibliotek och lokala rotmappen . Leta reda på bilderna i den lokala rotmappen .
4
Byt till webbsidans " Code View " genom att välja knappen Code View .
5
Type " < a href = " http://yourwebsite.com "> < /a > " utan inledande och avslutande citattecken i koden .
6
Ersätt " http://yourwebsite.com " med namnet på din webbplats . Ersätt " Bild1 " och " image2 " med namnet på din knapp och bilder välta . Din överrullningsbild ersätter " image2 , " medan " Bild1 " står för den inledande knappen bilden .