Video: Dreamweaver CS5 Rollover Image Tutorial - Make a Rollover Image Dreamweaver CS5 2025
Du kan legge til bilder med innfødte Photoshop (PSD) -filer og Fireworks (PNG) til den tomme siden i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Plassering av bilder påvirker Dreamweaver Files-panelet.
-
Velg Sett inn → Bilde.
Dialogboksen Velg bildekilde vises.
Alternativt klikker du kategorien Vanlig i Innlegg-panelet og klikker på Sett inn bilde.
-
Naviger til plasseringen av bildet ditt og klikk Velg (Mac) eller OK (Windows).
Hvis du velger en innfødt Photoshop (PSD) eller Fireworks (PNG) -fil, vises dialogboksen Bildeforhåndsvisning, slik at du kan optimalisere bildet ditt direkte i Dreamweaver.
Hvis du velger et web-klar bilde, for eksempel GIF, JPG eller PNG, og bildet ligger utenfor nettstedet ditt, ser du en advarsel. Dreamweaver varsler deg om at bildet ligger utenfor rotmappen, noe som forårsaker problemer når du kopierer sider til en webserver.
Klikk Ja for å kopiere filen til nettstedets rotkatalog. Tilordne et nytt navn der eller bare klikk på Lagre for å beholde samme navn og duplisere bildefilen i webområdet ditt.
Dialogboksen Image Tag Accessibility Attributes vises.
Alle bilder skal ha Alt (alternativ) tekst - tekst som vises før bildet har lastet ned eller hvis viseren har slått av alternativet for å se bilder.
-
Legg til en passende beskrivelse av bildet i tekstboksen Alternativ tekst.
Hvis bildet er en logo, bør beskrivelsen inneholde firmanavnet som Alt-teksten, eller hvis bildet er et bilde eller en illustrasjon, beskriv bildet med noen få ord.
Fra et tilgjengelighetssynspunkt hjelper alt tekst skjermlesere (som for eksempel de som er synshemmede) til å identifisere bildeinnhold for brukere. I tillegg er Alt-tekst et verdifullt verktøy for å gi søkemotorer en måte å indeksere bildeinnhold som er inkludert på nettstedet ditt.
-
Klikk på OK.
Bildet legges til på siden og til Filer-panelet.
Du kan redigere et bilde ved å dobbeltklikke på det i Filer-panelet. Du kan også bruke Eiendomsinspektøren til å se detaljer om bildet, inkludert dets dimensjoner og filstørrelse. Du kan også endre bildeegenskaper, inkludert grense, hyperkobling og vertikal og horisontal polstring.
Når du oppretter et større nettsted med flere sider knyttet til hverandre, kan det hende du vil endre visningen av Filpanel. Ved å klikke på rullegardinlisten (øverst til venstre i Filpanel) hvor nettstedet ditt er plassert, kan du finne mapper og andre nettsteder du har brukt nylig.Ved å klikke på rullegardinlisten Vis til høyre, kan du endre utseendet på Filpanel.
Åpne filer fra panelet Filer ved å dobbeltklikke på dem.
