Hvordan du lager tråder i Adobe Dreamweaver CS6 - dummies

I Adobe Dreamweaver CS6 kan du sette inn bildeobjekter, inkludert bildeplassholdere, rollover bilder (bilder som endres når en seer ruller musen over bildet), navigasjonsfelt og Fireworks HTML. Du får tilgang til disse bildobjektene ved å velge Sett inn → Bildeobjekter.

Følg disse trinnene for å opprette et overføringsbilde:

1Bruk bildene som skal brukes som overføring.

Du kan generere disse bildene i Fireworks, Illustrator, Photoshop eller et annet program som kan lagre bilder som er optimalisert for Internett. For best resultat, opprett bilder som er nøyaktig samme bredde og høyde.

2Legg markøren på siden der du vil at overføringen skal vises, og velg Sett inn → Bildeobjekter → Rull bilde eller klikk på Rollover Image-knappen i Sett inn-panelet.

Dialogboksen Innføringsrullebilde vises.

3Trykk et bildenavn uten mellomrom i tekstfeltet Image Name.

Dette navnet brukes i skriptet som skaper overgangen.

4Klikk Bla gjennom-knappene til høyre for tekstfeltene Original Image og Rollover Image for å finne bildet du vil vise som standard på siden.

Bildet vises bare når noen svinger musepekeren over bildet.

5Velg avkrysningsruten for forhåndsrullingsbilde valgt.

Dette alternativet laster ned overføringsbildet når siden lastes ned for å unngå forsinkelser i overføringer.

6Type passende beskrivende alt tekst.

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

7 I Når klikket, Gå til URL-tekstfelt, fortell Dreamweaver hvor seere blir rettet når de klikker på overføringsbildet ditt.

Du kan enten klikke på Bla gjennom-knappen for å finne en annen side på nettstedet ditt eller skrive inn en URL.

Hvis du kobler til et annet nettsted, må du inkludere // prefikset i begynnelsen av URL-adressen. Hvis du lar dette stå tomt, vil Dreamweaver automatisk legge til en død link (#).

8 Klikk på OK.

Rollover bildet er opprettet på siden.

9Til forhåndsvisning av det nye overføringsbildet, velg Fil → Forhåndsvisning i nettleser eller klikk på Live View-knappen på dokumentverktøylinjen.

Hvis du ennå ikke har en ekte lenke til bruk for en knapp eller en hyperkobling, kan du skrive inn et pundstegn (#) for å opprette en død link. Koblingen eller knappen vises klikkbar, men går ikke hvor som helst når du klikker. Dette alternativet er bedre enn å trykke på mellomromstasten for å opprette et tomt område som en kobling, fordi den linken vil vise en side ikke funnet feil når den klikkes.