Importera Photoshop-lager

1. Inledning

På förra sidan tittade vi på "smarta Photoshop-objekt". Här skall vi titta närmare på hur man kan importera en Photoshop-fil och få GoLive att omvandla dess lager till Html-kod.

2. Importera en Photoshop-fil

När man importerar en Photoshop-bild som innehåller lager, omvandlar GoLive de olika lagren till flytande boxar (floating boxes). Dessa åstadkommer programmet med stilmallar.

Det är dock inte alla webbläsare som kan hantera denna typ av kod, så man bör alltid testa sidan noga innan man publicerar den på nätet.

Du kan läsa mer om stilmallar på min sektion som handlar om sånt >

För att lägga in en fil med lager går man in under Arkiv-menyn och väljer Importera och alternativet "Photoshop som HTML), som bilden visar. (På engelska blir det File-Import-Photoshop as HTML.)

Man väljer den fil som man tillverkat i Photoshop (eller ImageReady). Därefter bestämmer man var GoLive skall spara alla webbanpassade filer. GoLive tillverkar nämligen olika bildfiler för varje lager.

Tips!
Om du vill bestämma vad de olika bilderna skall heta bör du döpa lagren i bilden till lämpliga namn!

Tips!
En bild med 20-30 lager är inte särskilt ovanligt i Photoshop. Men vill man undvika att GoLive skapar många lager och bildfiler, kan man med fördel lägga samman olika lager, så som det passar för webben.

I GoLive placeras de olika lagren alltså som olika bildobjekt.

Var och en utgör en flytande box. Varje box kan sedan flyttas individuellt på sidan.

Tips!
Du kan läsa mer om flytande boxar på en särskild sida!

I bilden här till höger har jag markerat en sådan box i layoutläget. Boxen är inringad med rött för att du enklare skall se den. Bilden visar också flera andra flytande boxar.

Obs!
Om man gör ändringar av ett objekt sker ingen uppdatering av de olika bildobjekten, till skillnad från när man arbetar med smarta bildobjekt!

De olika lagren eller boxarna har olika djupindex, som även kallas z-index.

Detta ser man i paletten som heter Kontextpaletten.

Där kan man även ställa in om man vill att ett lager skall vara osynligt.

En överblick över de olika boxarna hittar man också i paletten Flytande boxar (Floating boxes), som öppnas under menyn Window - Floating Boxes.

Genom att klicka på de olika alternativen markeras rätt box i dokumentet och vice versa.

Detta verktyg kan vara mycket användbart om man har många olika lager och objekt att hålla reda på.

Bilden här till höger visualiserar hur det ser ut.

Anledningen till att det står ID är att varje box får en unik identitet på sidan.