Hvordan man opretter rolllovers i Adobe Dreamweaver CS6 - dummies

I Adobe Dreamweaver CS6 kan du indsætte billedobjekter, herunder billedplaceringer, rollover billeder (billeder, der ændres, når en seer ruller musen over billedet), navigationsbjælker og Fireworks HTML. Du får adgang til disse billedobjekter ved at vælge Indsæt → Billedobjekter.

Følg disse trin for at oprette et overrullningsbillede:

1Brug de billeder, der skal bruges som overgang.

Du kan generere disse billeder i Fireworks, Illustrator, Photoshop eller et andet program, der er i stand til at gemme billeder, der er optimeret til internettet. For at opnå de bedste resultater skal du oprette billeder, der er den samme bredde og højde.

2 Placér markøren på siden, uanset hvor du vil have overgangen, og vælg Indsæt → Billedobjekter → Rulér billede eller klik på knappen Rollover Image i Indsæt-panelet.

Dialogboksen Indsæt rollover-billede vises.

3Type et billednavn uden mellemrum i tekstfeltet til billednavn.

Dette navn bruges i scriptet, der skaber overgangen.

4Klik på Browse-knapperne til højre for tekstfeltene Original Image og Rollover Image for at finde det billede, du vil se som en standard på siden.

Billedet vises kun, når nogen svæver musemarkøren over billedet.

5Vælg afkrydsningsfeltet Preload Rollover Image valgt.

Denne indstilling overfører rollover-billedet, når siden downloades for at undgå forsinkelser i rollovers.

6Type passende beskrivende alt tekst.

Selvfølgelig ville du skrive det i Alt-tekstfeltet.

7I den Når klikket, Gå til URL-tekstfelt, fortæl Dreamweaver, hvor seerne er rettet, når de klikker på dit overførselsbillede.

Du kan enten klikke på knappen Gennemse for at finde en anden side på dit websted eller indtaste en webadresse.

Hvis du linker til et andet websted, skal du inkludere // præfikset i begyndelsen af ​​webadressen. Hvis du forlader dette tomt, tilføjer Dreamweaver automatisk et dødt link (#).

8Klik på OK.

Rolloverbilledet er oprettet på siden.

9Til forhåndsvisning af det nye rollover-billede, vælg Arkiv → Forhåndsvisning i browser eller klik på knappen Live View på dokumentets værktøjslinje.

Hvis du endnu ikke har et rigtigt link til brug for en knap eller et hyperlink, kan du indtaste et pundskilt (#) for at oprette et dødt link. Linket eller knappen vises klikbart, men går ikke overalt, når du klikker. Denne indstilling er bedre end at trykke på mellemrumstasten for at oprette et tomt rum som et link, da dette link vil vise en side ikke fundet fejl, når den klikkes.