Slik setter du inn bilder i Dreamweaver - dummies

Dreamweavers minimalistiske bilderedigeringsverktøy lar deg Utfør rudimentær bilderedigering, for eksempel å endre størrelse og beskjæring. Du finner disse verktøyene i Egenskapsinspektøren.

Du lager ikke bilder i Dreamweaver. For det gir Adobe Illustrator (for illustrasjoner, grafisk tekst, sidebildebilder, navigering ikoner og så videre) og Photoshop (for å lage bilder til Internett), samt andre verktøy. Som en generell regel, hold deg til å forberede bilder til Internett i disse programmene.

For å sette inn bilder, sørg for at du jobber i designvisning (eller i Split-visning med markøren i Design-siden av vinduet). Du har to grunnleggende baner: Sett inn fra maskinen eller bruk en kopi- og -tilpasningsteknikk. I begge tilfeller må du være i designvisning (velg Vis → Design; eller, for Split-visning, velger e Vis → Kode og design) for å se bilder mens du limer inn eller legger dem inn.

Sjansen er HTML-siden der du legger inn et bilde, vil ha litt tekst på den. Så det første trinnet er å finne ut hvor du vil at bildet skal vises.

I motsetning til utskriftsdesign, er bilder på nettsider ikke plassert på bestemte steder. Det driver designere nøtter.

Så, for å sette inn en bildefil fra datamaskinen til en åpen HTML-webside i Dreamweaver, følg disse trinnene:

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

   I dette trinnet finner du hvor i HTML-koden bildet skal settes inn. Igjen, hvor og hvordan bildet vises vil bli definert med CSS.

2. Velg Sett inn → Bilde.

3. I dialogboksen Velg bildekilde som åpnes, naviger til og velg en fil på datamaskinen din.

   Hvis bildet du velger er utenfor mappen din, vises en nyttig dialogboks, og du blir bedt om å lagre en kopi av bildet til Dreamweaver-nettstedets rotmappe.

   

   1. Klikk Ja.

   2. Klikk Lagre i dialogboksen Kopier fil som.

4. Definer tilgjengelighetsattributter.

   Som standard vises dialogboksen Dreamweaver Image Tag Accessibility Attributes før et bilde er endelig satt inn på en side.

   Alternativ tekstfeltet er det viktigste av de to alternativene i denne dialogboksen. Den viser tekst som leses høyt i leserprogramvare for synshemmede besøkende, og også som vises i nettlesermiljøer der bildedisplayet er deaktivert. Alternativ tekst kan og ofte inneholde store og små bokstaver, mellomrom og spesialtegn.

   

   Hvis synshemmede besøkende eller personer i nettlesermiljøer som ikke støtter bilder, er en del av målgruppen, kan du vurdere å lage HTML-filer med større bildebeskrivelser.Slike filer er koblet til bildet ved å definere en lenke i boksen Lang beskrivelse i dialogboksen Bildemerkethet Tilgjengelighetskriterier.

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

På dette tidspunktet har du bare satt inn bildet. Sidedesign, inkludert plassering av bilder og flytende tekst rundt dem, håndteres med CSS