Med de millioner af hjemmesider på internettet , er det vigtigt , at din hjemmeside blive mindeværdig og enestående. En teknik bruges til at tilføje en dynamisk effekt på hjemmesider er rollover billeder , også kendt som rollover-knapper . Væsentlige, når den besøgende ruller over et billede , vil det ændre til noget andet. Når brugeren ruller af billedet , vil den vende tilbage til den oprindelige grafik . Almindelige rollovers omfatter subtile effekter såsom at ændre farven på billedet eller skrifttype. Du kan oprette din egen rollover billede med grundlæggende HTML -formatering i forskellige web - design programmer . Ting du skal
Photo- redigeringssoftware en Web - design software
Vis Flere Instruktioner
1
Opret et nyt dokument i den ønskede størrelse i pixels i foto - redigeringssoftware som Photoshop . Opret knappen og rollover billeder. De to billeder skal være ens i størrelse.
2
Gem begge billeder separat ved at navigere til menuen "Filer" og klikke på " Gem". Gem billeder som enten JPEG, GIF eller PNG-filer . Selv JPEG-og GIF -filer er mere almindeligt anvendt , PNG-filer bevarer gennemsigtighed. Sørg for, at du gemmer billedet i dit websted lokale rodmappe.
3
Åbn den ønskede web design software , som Adobe Dreamweaver. Klik på knappen Opdater i dit bibliotek for at opdatere hjemmesiden bibliotek og lokale rodmappe. Find billederne i den lokale rodmappen .
4
Skift til websidens "Code View " ved at vælge koden View knappen.
5.
Type "
"uden åbning og lukning anførselstegn i koden .
6
Erstat" http://yourwebsite.com " med navnet på din hjemmeside. Erstat " Image1 " og " Image2 " med navnet på din knap og rollover billeder. Din rollover billede vil erstatte " Image2 ", mens " Image1 " står for den indledende knap billede .