Slik legger du inn bilder i Dreamweaver - dummies

Du kan lime inn bilder fra operativsystemets utklippstavle i Dreamweaver-dokumenter. Dette fungerer med bilder kopiert til utklippstavlen fra noen, men ikke alle, nettlesere (Safari er en) og for noen, men ikke alle ikke-nettvennlige filformater. Ethvert bilde som du kan kopiere til operativsystemets utklippstavle, kan limes inn i en åpen HTML-side i Dreamweaver.

Kopiering av bilder fra nettlesere er litt forskjellig avhengig av nettleseren, men den grunnleggende teknikken er å høyreklikke eller Control-klikk og velg et alternativ som Kopier bilde fra kontekstmenyen som vises. Eller du kan kopiere og lime inn bilder fra programmer som Illustrator, Photoshop eller Word.

Med et bilde kopiert til utklippstavlen, følg disse trinnene for å lime bildet inn i Dreamweaver og lagre det som en bildefil på nettstedet ditt:

1. Klikk i dokumentvinduet ved punktet bildet skal settes inn.

   Hvordan bildet vises vil bli definert med CSS, så vær ikke obsess på det på dette stadiet.

2. Velg Rediger → Lim inn.

   Hva som skjer, varierer nå betydelig, avhengig av din versjon av Dreamweaver, selv om de grunnleggende konseptene er de samme:

   1. Du velger et bildefilformat og noen andre bildeattributter.

   2. Du tilordner et filnavn.

   I pre-CS6-versjoner av Dreamweaver åpnes en noe komplisert bildeforhåndsvisning-dialogboks. I CS6 vises bildet i dokumentvinduet, og en sterkt forenklet dialog for optimalisering av bildeoptimalisering vises.

   

   Standardinnstillinger for bildeformat i dialogboksen Bildeforhåndsvisning kan endres ved å velge bildefilformat og optimaliseringsinnstillinger (filtre som gjennomsiktighet, kontrast og lysstyrke) fra forhåndsinnstilt popup.

3. Lag dine valg i dialogboksen Bildeoptimalisering (forutsatt at du er i CS6), og klikk deretter OK.

4. I dialogboksen Lagre webbilde som åpnes, skriv inn bildetavnet.

   Som med all webfilnavn, unngå å bruke mellomrom og spesialtegn, og ikke erstatt filnavntypen (.png,.jpg eller.gif).

5. Lagre filen på rotasjonsmappen til nettstedet ditt ved å klikke på Site Root-knappen.

   Lagring til nettstedets rotmappe er alltid et sikkert spill. Hvis du er komfortabel med å administrere filmappestrukturer, kan du gjerne lagre bilder i undermapper i nettsiden din.

6. Klikk på Lagre.

   Bildet lagres, og dialogboksen Bildebeskrivelse (Alt tekst) vises. I denne dialogboksen definerer du tilgjengelighetsattributter.

   Du kan skrive inn alt tekst (tekst som skal leses høyt for å beskrive bildet for synshemmede besøkende ved hjelp av leserprogramvare, eller det vil vises i nettlesermiljøer hvor bildevisningen er deaktivert) i alternativ tekstboksen i dialogboksen.

7. Klikk på OK for å sette inn bildet.

   Bildet vil være synlig på siden i designvisning.