Operation Manual

CSS isoleren | Illustrator CC
Naar boven
Video: CSS isoleren in Illustrator CC
CSS-code weergeven en isoleren
Voorbeeld-CSS-code
U kunt het ontwerp voor een HTML-pagina in Illustrator maken. Dit fungeert als een goede visuele richtlijn voor een webontwikkelaar, die
vervolgens de lay-out, stijlen en objecten in een pagina in een HTML-editor kan coderen. Het repliceren van de exacte vormgeving en de exacte
positie van componenten en objecten kan echter een tijdrovend en vervelend proces zijn.
Met Illustrator CC kunt u, wanneer u de lay-out voor een HTML-pagina maakt, de onderliggende CSS die de vormgeving van de componenten en
objecten op de pagina bepaalt, genereren en exporteren. Met CSS hebt u controle over de vormgeving van tekst en objecten (vergelijkbaar met
teken- en afbeeldingsstijlen). U kunt de CSS-code exporteren voor afzonderlijke objecten, of voor de volledige lay-out die in Illustrator is
ontworpen.
In het deelvenster CSS-eigenschappen (Venster > CSS-eigenschappen) kunnen gebruikers het volgende doen:
De CSS-code voor geselecteerde objecten weergeven
De CSS-code voor geselecteerde objecten kopiëren
Eén, meerdere of alle geselecteerde Illustrator-elementen exporteren naar een CSS-bestand
Gebruikte, rasterbare afbeeldingen exporteren
Browserspecifieke CSS-code genereren
CSS-code weergeven en isoleren
Voer een van de volgende handelingen uit om CSS-code te genereren:
Zorg ervoor dat de objecten in uw Illustrator-document worden genoemd in het deelvenster Lagen.
Klik op Venster > CSS-eigenschappen > keuzemenu > Exportopties en schakel het selectievakje CSS voor naamloze objecten genereren
in.
1. Selecteer Venster > CSS-eigenschappen.
331