Bild till Css

Att få ut xhtml, css och bilder ifrån en hel bild är väldigt enkelt, varför denna artikel blir kort och koncis.

När du är klar med din bild i Photoshop, väljer du att redigera den i Imageready. (Shift+Ctrl+M) eller under "arkiv" menyn.

När Imageready öppnats väljer du i "Arkiv" -> "Utdatainställningar" -> "Segment"

Sedan bockar du i att du vill generera CSS

Vill du göra andra inställningar samtidigt som t.ex. välja namn på bildmappen och annat, klickar du på "nästa"

När du är klar klickar du på "Spara"

Sedan kan du börja markera upp dina segment på din bild. Klicka på "Segment" verktyget i verktygsmenyn

Har du sedan en layout som liknar exemplet nedan.

så behöver du bara markera den VITA rutan, alla andra segment markeras automatiskt.

Annars får du markera segment för segment. Testa dej fram.

När du är klar med segmentmarkeringen, är det egentligen klart.

Du kan förhandsgranska din layout genom att klicka på "Arkiv" -> "Förhandsvisa i" (välj där den browser du vill använda)

Nu ser du hur din layout blev, samt all kod, inklusive css.

När du gjort alla ändringar och känner dej nöjd klickar du på "Arkiv" -> "Spara optimerade som" och välj var du vill spara.

Nu har du alla utskurna bilder i en bildmapp, xhtmlkod och css sparade och klara att använda.

Lycka till.

Skapades: 2008-07-13 09:10:00
Skribent: KentA
Lästs 1443 gånger
Betyg: 0 (artikeln har endast 2 röster, det krävs minst 5 för ett betyg)

Kommentarer

Ingen har kommenterat denna artikel än.