Dreamweaver CC Image og Multimedia Tips - dummies

Uansett hvor stort innholdet ditt er, dine bilder, videoer og multimedia gir et stort inntrykk av de besøkende til Dreamweaver nettside. Her er et par tips for å administrere bilder, videoer og annet multimedia på websidene dine.

Koble miniatyrbilder til større filer

Store bilder er vakre, men de krever mer tid å laste ned enn små bilder. En vanlig teknikk for å vise mange bilder på en side er å lage små versjoner av hvert bilde, kalt miniatyrbilder, og deretter koble hver av dem til større versjoner av samme bilde.

Denne teknikken fungerer også når du vil vise frem en samling av videoer eller animasjoner. Du kan lage et stillbilde fra en enkelt ramme av videoen, og bruk den som miniatyrbilde som kobler til hver videofil.

Som du kan se på figuren, som viser fotogalleriet fra Cinembargo-nettsiden, gjør denne teknikken muligheten til å inkludere mange bilder eller videofiler i ett fotogalleri. Når du klikker på hver miniatyrbilde, vises en større versjon av det samme bildet over bildet.

Denne interaktive bildeeffekten ble opprettet ved hjelp av atferdsfunksjonen i Dreamweaver. Du kan også bruke Dreamweaver til å koble bilder til videoer, animasjoner og andre filtyper.

Lag alltid originalene

De fleste designere lager bilder for Internett ved hjelp av et program som Photoshop. For best resultat, vil du gjøre all fargekorrigering, retusjering og annen redigering med en høyoppløselig versjon av bilder eller grafikk.

Men før bildet går på nettstedet ditt, vil du optimalisere det ved å komprimere filen (hvis du lagrer den som en jpeg) eller redusere antall farger (hvis du lagrer bildet som en PNG eller GIF). Prosessen med å optimalisere bilder gjør at de lastes raskere, men reduserer også kvaliteten betydelig.

I følgende figur ser du AssetShield-nettstedet, som inneholder relativt store bilder som er optimalisert slik at de lastes raskt i en nettleser.

Husk at hvis du vil gå tilbake og endre et bilde etter at det har blitt optimalisert for nettet, vil du redigere den opprinnelige kildefilen, versjonen du lagret før bildet ble komprimert eller farger ble redusert. På samme måte, hvis du jobber med et bilde som har flere lag i et program som Photoshop, må disse lagene bli flatt før bildet kan inkluderes på nettstedet.

Video- og lydfiler, samt animasjoner, bør optimaliseres før de brukes på et nettsted.Og, akkurat som du gjør med bilder, gå tilbake til den høyere oppløsningsversjonen hvis du noen gang gjør ekstra redigering.

Enten du lager dine egne bilder og multimediefiler eller ansetter en profesjonell designer, må du sørge for at du utvikler et system for å lagre alle originale bilder med høyeste oppløsning mulig, slik at du har dem hvis du trenger å endre et bilde senere.