Operation Manual

Naar boven
CSS uit PSD-bestanden extraheren
U kunt alle of bepaalde CSS-eigenschappen van elementen in een PSD-compositie kopiëren en de stijlen
rechtstreeks in CSS ontwerpen, in Live View of in uw code (CSS-bron of HTML-document) plakken.
Coderingstips worden ook automatisch gevuld met de CSS-eigenschappen van het element dat u selecteert
in de PSD-compositie. Als u liever code gebruikt, kunt u deze coderingstips gebruiken om de CSS-
eigenschappen naar de code te extraheren.
1. Klik in het deelvenster Extract (Venster > Extract) op het vereiste PSD-bestand. De
miniatuurweergave van het PSD-bestand wordt uitgevouwen, zodat u de samenstelling
goed kunt bekijken.
2. Klik in het PSD-bestand op het vereiste element of middel. Er wordt een pop-upvenster
met een lijst met CSS-stijlen van het element weergegeven. U kunt deze eigenschappen
selecteren en kopiëren. U kunt de breedte en hoogte van het geselecteerde element
weergeven in pixels of in percentages.
Opmerking: als u hier kiest voor percentages, worden de afmetingen ook in percentages
weergegeven.
De optie CSS kopiëren in het deelvenster Extract
Als u CSS-eigenschappen wilt kopiëren, selecteert u de eigenschappen die u wilt
kopiëren en klikt u vervolgens op CSS kopiëren.
3. Plak de CSS-eigenschappen via een van de volgende methoden in uw document:
Als u de CSS-eigenschappen in CSS ontwerpen wilt plakken, klikt u met de
rechtermuisknop op de gewenste kiezer en klikt u op Stijlen plakken.
Als u de CSS-eigenschappen wilt plakken via de Elementweergave, klikt u met de
rechtermuisknop op een kiezer en klikt u op Stijlen plakken.
Als u de CSS-eigenschappen in de code wilt plakken, plaatst u de invoegpositie op
de gewenste positie, klikt u met de rechtermuisknop en klikt u op Plakken.
Als u coderingstips wilt gebruiken voor het extraheren van CSS, neemt u de volgende stappen:
1. Open een CSS-bron die aan uw document is gekoppeld of schakel over naar de
569