Dreamweaver CC Tips voor beeld en multimedia - dummies

Ongeacht hoe goed uw inhoud is, uw afbeeldingen, video's en multimedia maken grote indruk op de bezoekers van uw Dreamweaver website. Hier zijn een paar tips voor het beheren van de afbeeldingen, video's en andere multimedia op uw webpagina's.

Koppel miniaturen aan grotere bestanden

Grote afbeeldingen zijn mooi, maar ze vereisen meer tijd om te downloaden dan kleine afbeeldingen. Een veel gebruikte techniek om veel afbeeldingen op één pagina weer te geven, is door kleine versies van elke afbeelding te maken, miniaturen, te noemen en deze vervolgens te linken naar grotere versies van dezelfde afbeelding.

Deze techniek werkt ook wanneer u een verzameling video's of animaties wilt laten zien. U kunt een stilstaand beeld uit één frame van de video maken en dat vervolgens gebruiken als de miniatuur die naar elk videobestand linkt.

Zoals u kunt zien in de afbeelding, die de fotogalerij van de Cinembargo-website toont, maakt deze techniek het mogelijk om veel foto's of videobestanden in één fotogalerij op te nemen. Wanneer u op elke miniatuur klikt, wordt een grotere versie van dezelfde afbeelding boven die afbeelding weergegeven.

Dit interactieve afbeeldingseffect is gemaakt met de gedragsfunctie in Dreamweaver. U kunt Dreamweaver ook gebruiken om afbeeldingen aan video's, animaties en andere bestandstypen te koppelen.

Sla altijd de originelen op

De meeste ontwerpers maken afbeeldingen voor het web met een programma zoals Photoshop. Voor het beste resultaat wilt u alle kleurcorrecties, retouches en andere bewerkingen uitvoeren met een versie van foto's of afbeeldingen met een hoge resolutie.

Voordat de afbeelding op uw website wordt weergegeven, wilt u deze echter optimaliseren door het bestand te comprimeren (als u het opslaat als een JPEG-bestand) of door het aantal kleuren te verminderen (als u de afbeelding opslaat als een PNG of GIF). Het proces van het optimaliseren van afbeeldingen maakt ze sneller downloaden, maar vermindert ook de kwaliteit aanzienlijk.

In de volgende afbeelding ziet u de website AssetShield, die relatief grote afbeeldingen bevat die zijn geoptimaliseerd zodat ze snel in een webbrowser worden geladen.

Vergeet niet dat als u ooit terug wilt gaan en een afbeelding wilt wijzigen nadat deze is geoptimaliseerd voor internet, u het originele bronbestand wilt bewerken, de versie die u hebt opgeslagen voordat de afbeelding werd gecomprimeerd of de kleuren werden verkleind. Evenzo, als u werkt met een afbeelding met meerdere lagen in een programma zoals Photoshop, moeten die lagen worden afgevlakt voordat de afbeelding op de website kan worden opgenomen.

Video- en audiobestanden, evenals animaties, moeten worden geoptimaliseerd voordat ze in een website worden gebruikt.En, net als bij afbeeldingen, gaat u terug naar de hogere resolutieversie als u ooit nog meer bewerkingen uitvoert.

Of u nu uw eigen afbeeldingen en multimediabestanden maakt of een professionele ontwerper inhuurt, zorg ervoor dat u een systeem ontwikkelt voor het opslaan van alle originele afbeeldingen met de hoogst mogelijke resolutie, zodat u ze hebt als u ooit een afbeelding later moet wijzigen.