Video: Creating HTML from InDesign 2024
De mogelijkheid om met Photoshop-bestanden te werken in Adobe Dreamweaver CS6 is nuttig voor de meeste ontwerpers die afhankelijk zijn van Photoshop als onderdeel van hun werkstroom. Wanneer u Photoshop-bestanden op een pagina plaatst, maakt Dreamweaver een slim object, een afbeelding die een verbinding onderhoudt met het originele Photoshop-bestand waaruit het is gemaakt.
De afbeelding geeft een pictogram weer dat u laat weten of het oorspronkelijke bestand is bijgewerkt en u kunt de wijzigingen in het oorspronkelijke bestand met één klik toepassen op de afbeelding.
Ga als volgt te werk om een Photoshop-bestand op uw pagina te plaatsen:
-
Klik op de plaats waar u de nieuwe afbeelding wilt plaatsen en klik vervolgens op de knop Afbeelding in de categorie Algemeen van het deelvenster Invoegen.
-
Wanneer het dialoogvenster Bron afbeelding selecteren wordt weergegeven, blader en selecteer een Photoshop PSD-bestand en klik vervolgens op Kiezen / OK om de afbeelding te selecteren.
Het dialoogvenster Beeldoptimalisatie wordt weergegeven. Met dit dialoogvenster kunt u uw afbeelding opslaan in de webvriendelijke GIF-, JPEG- of PNG-indeling.
-
Selecteer de optie JPEG hoog voor maximale compatibiliteit in de vervolgkeuzelijst Voorinstelling.
-
Klik op OK om de afbeelding op te slaan.
-
Wanneer het dialoogvenster Webafbeelding opslaan wordt weergegeven, navigeert u naar de hoofdmap van uw site en klikt u op OK / Opslaan om de afbeelding in de juiste map op te slaan (zoals uw map met standaardafbeeldingen).
-
Typ een beknopte, korte beschrijving voor uw afbeelding (zoals Man on Bike) wanneer het kenmerk Kenmerken toegankelijkheid van afbeeldingstag verschijnt.
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.
Selecteer de afbeelding die u in de voorgaande stappenlijst hebt geplaatst en zoek het origineeltekstveld in de eigenschappencontrole - dit veld geeft de locatie van het originele Photoshop-bestand weer. Als u de afbeelding wilt bewerken, klikt u op de knop Bewerken in Photoshop in het midden van Eigenschapcontrole om het bronbestand in Photoshop te openen.