Video: Adobe Dreamweaver CS5 : IMAGES, ROLLOVERS & HOTSPOTS Optimizing Photoshop® Smart Objects 2024
Als u illustraties of afbeeldingen hebt gemaakt aangemaakte afbeeldingen in Photoshop, kunt u originele PSD-bestanden rechtstreeks plaatsen op uw Adobe Creative Suite 5 (Adobe CS5) Dreamweaver-pagina's. In het venster Afbeeldingsvoorbeeld kunt u Photoshop-bestanden opslaan in voor het web geschikte afbeeldingsindelingen, zoals GIF, JPEG en PNG, en illustraties schalen en bijsnijden voordat deze op de pagina worden geplaatst.
-
Klik op de plaats waar u de nieuwe afbeelding wilt plaatsen.
Klik vervolgens op het afbeeldingsobject in de categorie Algemeen van het deelvenster Invoegen.
-
Het dialoogvenster Select Image Source verschijnt.
Blader en selecteer een Photoshop PSD-bestand en klik vervolgens op Kiezen / OK om de afbeelding te selecteren.
-
Het dialoogvenster Afbeeldingsvoorbeeld wordt weergegeven.
U kunt uw afbeelding optimaliseren, bijsnijden, schalen en opslaan in de webvriendelijke GIF-, JPEG- of PNG-indeling.
-
Sla je afbeelding op.
Selecteer op het tabblad Opties in de vervolgkeuzelijst Formaat de bestandsindeling waarin u de afbeelding wilt opslaan en kies in de vervolgkeuzelijst Kwaliteit de kwaliteitsinstellingen die het beste bij uw afbeelding passen.
U kunt de vervolgkeuzelijst Opgeslagen instellingen bovenaan in het dialoogvenster gebruiken om een voorinstelling voor de beeldkwaliteit te kiezen.
-
(Optioneel) Klik op het tabblad Bestand om naar de bestandsopties te gaan.
Voer instellingen in om uw afbeelding te schalen of gebruik het gereedschap Bijsnijden onder aan het voorbeeldvenster om uw afbeelding bij te snijden.
-
Klik op OK om de afbeelding op te slaan.
-
Het dialoogvenster Webafbeelding opslaan wordt weergegeven.
Navigeer naar de hoofdmap van uw site en klik op OK om de afbeelding in de juiste map op te slaan (bijvoorbeeld uw map met standaardafbeeldingen).
Als het dialoogvenster Toegankelijkheidskenmerken tabblad Toegankelijkheid van het tabblad verschijnt, typt u een korte beschrijving van de afbeelding in het alternatieve tekstveld en klikt u op OK om de afbeelding te plaatsen.
De nieuwe afbeelding wordt geplaatst en een klein pictogram verschijnt in de linkerbovenhoek. Deze Smart Object-indicator toont twee groene pijlen die aangeven dat de afbeelding up-to-date is.
In het dialoogvenster Afbeeldingsvoorbeeld kunt u een webklare afbeelding optimaliseren en opslaan vanuit een geselecteerd Photoshop-bestand.