Met de miljoenen websites op het internet , is het essentieel dat uw website zijn aangenaam en uniek . Een techniek die gebruikt wordt om een dynamisch effect toe te voegen aan websites is rollover-afbeeldingen , ook wel bekend als rollover knoppen . Wezen , wanneer de bezoeker rolt over een afbeelding , zal het veranderen in iets anders . Wanneer de gebruiker rolt van de afbeelding , zal het terugkeren naar de oorspronkelijke afbeelding . Gemeenschappelijke rollovers zijn subtiele effecten , zoals het veranderen van de kleur van de afbeelding of het lettertype . U kunt uw eigen beeld rollover te maken met elementaire HTML-opmaak in verschillende web - design programma . Wat je nodig hebt
foto- editing software
Web - design software
Toon Meer Aanwijzingen
1 Maak een nieuw document van de gewenste grootte in pixels in foto - editing software zoals Photoshop . Maak de knop en rollover-afbeeldingen . De twee beelden moeten identiek zijn in grootte . Kopen van 2 Bewaar beide beelden afzonderlijk door naar het menu "Bestand " en klik op " Opslaan ". Sla de beelden als ofwel JPEG , GIF-of PNG-bestanden . Hoewel JPEG -en GIF-bestanden worden vaker gebruikt , PNG-bestanden te behouden transparantie . Zorg ervoor dat u de afbeelding in hoofdmap lokale snelheid van jouw website te redden.
3 Open de gewenste web design software , zoals Adobe Dreamweaver . Klik op de knop Vernieuwen in uw bibliotheek naar bibliotheek van de website en de lokale hoofdmap updaten . Zoek de afbeeldingen in de lokale hoofdmap .
Schakel naar de webpagina 's " Code View " 4 door het selecteren van de Code View knop .
Type " < a href 5 = " http://yourwebsite.com " >  < /a > " zonder het openen en sluiten van aanhalingstekens in de code .
6 Vervang " http://yourwebsite.com " met de naam van uw website . Vervang " IMAGE1 " en " FOTO2 " met de naam van uw knop en rollover-afbeeldingen . Imago van uw rollover zal " FOTO2 , "
vervangen, terwijl " IMAGE1 " staat voor het de eerste toets . |
