SMARTa objekt

1. Inledning

I GoLive finns möjligheten att lägga in "smarta" objekt. Finesserna med sådana är många, åtminstone enligt Adobes egna uppgifter. Tanken med SMART-funktionerna är bl.a att man skall kunna lägga in en bild eller annat objekt på en webbsida. Bilden måste vara skapad i något av Adobes program, som Photoshop, Illustrator eller LiveMotion.

Genom att koppla SMART-läget till bilden i GoLive, kan man därefter göra ändringar av bilden i de olika programmen. GoLive känner då av dessa förändringar och uppdaterar automatiskt webbsidan.

Smarta objekt är ett steg ifrån det traditionella sättet att arbeta med bilder på webben. Normalt gör man ju bilden i ett särskilt program och lägger in den i HTML-koden för hand. Sedan måste man göra om det hela så fort man ändrar i bilden. Med GoLive kan man nu alltså låta programmet automatisera sådana arbetsmoment.

Detta innebär givetvis en stor fördel och tidsbesparing. Men samtidigt krävs att man arbetar systematiskt och med viss noggrannhet. Man bör ha koll på var man lägger sina filer och vilka filer man själv gjort och vilka GoLive har skapat. Men mer om detta om en stund.

GoLive klarar att läsa en hel del filformat, t.ex PSD, BMP, Pict, PCX, Pixar, AIFF, TIFF och Targa. Det betyder att man kan arbeta med endast Photoshop-filer (med extensionen .PSD) och lägga in dem på en webbsida. GoLive skapar då en lämplig webbversion av bilden.

Som du säkert förstår vill Adobe på det här sättet knyta upp användaren till sina egna program. Ännu så länge går det alltså inte att använda t.ex Fireworks eller Flash till sådana här smarta funktioner.

2. Objektpalettens alternativ

Objektpaletten har en flik, som kallas "Smart Objects Elements Palette", som du ser här bredvid på bilden. Här finner vi ett antal alternativ:

Smart Photoshop används för att lägga in filer från Photoshop. Hur man gör det berättar jag mer om i nästa avsnitt.

Smart Component berättade jag en del om på sidan om hur man skapar och arbeta med en sajt i GoLive. Komponenter eller mallobjekt kallade jag dem där. Här är en länk dit >

Rollover kan användas ihop med t.ex Image Ready, för att lägga in bildflippar och liknande effekter. Jag berättar mer om det på kommande sidor.

Modified Date innebär att GoLive lägger in uppgifter om när sidan uppdaterades senast. I hjälpfilerna till GoLive, under Index och fliken "Modified Date Icon", finns ypperliga förklaringar av hur man skall använda denna funktion. Tänk dock på att programmet gärna visar tid och datum på ett amerikanskt vis. 12 september år 2001 skrivs då som 9/12/2001.

URL Popup är en rullgardinsmeny med länkar till andra sidor. Jag berättar mer om hur man använder den på kommande sidor.

Body Action och Head Action används för att lägga in "dolda" objekt på sidan, i antingen BODY eller HEAD. Det kan vara en popup-ruta som webbläsaren skall skapa, en cookie som skall lämnas eller läsas, en fontfil som skall hämtas, osv.

GoLive skapar ett JavaScript på sidan för att hantera sådana här händelser (actions). Hur detta fungerar är lite krångligt och jag tar därför upp det på senare sidor.

Browser Switch är vad det låter: ett script som omdirigerar besökaren till en annan sida, om han eller hon har en viss webbläsare. Här hittar man en del hjälp i hjälpfilerna, men jag tänker gå igenom denna funktion vid ett senare tillfälle.

3. Photoshop-objekt

Fördelen med smarta objekt framgår kanske tydligast när man arbetar i flera av Adobes program, t.ex Photoshop.

Man kan då nämligen skapa väldigt effektiva arbetsflöden och spara mycket tid. Jag tänker nu visa hur det kan gå till.

Jag arbetar här med en bild i Photoshop och sparar den som en PSD-fil, alltså som en fil med Photoshop-format.

I stället för att skapa en webbversion av bilden som jag lägger in på min webbsida, importerar jag den direkt i GoLive och låter programmet sköta all anpassning för webben.

Gången i det hela är den här:

Jag drar ett Smart-Photoshop-objekt från Objektpaletten och en ikon med Photoshop-utseende hamnar på webbsidan.

Du ser en sådan i bilden.

Jag klickar som vanligt på mappikonen i kontextpaletten (Inspector) och väljer PSD-filen som källfil. Det finns två lägen, dels var originalfilen finns och dels var kopian skall sparas.

På bilden ser du de två mapparna, Source och Dest, som alltså leder till två olika filer: originalfilen och kopian.

När man valt en originalfil som inte har webbformat, växlar GoLive läge och tar fram samma modul som finns i Photoshop: Spara för webben.

Känner du dig osäker på hur den fungerar kan du bara trycka OK och välja var GIF- eller JPEG-versionen skall sparas. Du kan också läsa min sida om hur man sparar för webben i Photoshop. Du hittar den här >

När GoLive skapat en webbanpassad version av bilden, byter Photoshop-ikonen på webbsidan utseende och visar en kopia av originalfilen.

Men som du ser har den en liten Photoshop-flagga på sig, i nedre högra hörnet. Den indikerar att det är ett smart Photoshop-objekt.

Sedan växlar jag till Photoshop igen och halverar bildens storlek via Image - Image size (Bild - Storlek på bild). Jag sparar den och behåller Photoshop-formatet.

När man sedan växlar tillbaka till GoLive, uppdaterar programmet automatiskt webbversionen. Du ser skylten här bredvid, som indikerar att GoLive jobbar med att uppdatera.

Om man vill kan man också göra förändringar av bildstorleken direkt i GoLive. Varje förändring uppdaterar automatiskt kopian. På det viset slipper man alltså öppna Photoshop, göra ändringarna, spara och lägga in bilden på nytt i GoLive. Man sparar därför väldigt mycket tid på detta sätt!

Har man gjort en förändring av en fil i GoLive kan man eventuellt få upp ett felmeddelande när man växlar över till Photoshop. Du ser ett sådant meddelande här i bilden strax nedanför.

I paletten Inspector finns en knapp som återställer kopian, så att den direkt baseras på originalfilen (PSD-filen). Du hittar knappen till höger om inställningarna för bredd och höjd; se den klickbara bilden ovan.

Detta gör det alltså möjligt att experimentera ganska friskt: det man gör går alltid att återställa till sitt ursprungliga skick.

Slutligen bör man ha klart för sig att det enda som gör en bild till ett smart objekt, är attributet livesrc. Tar man bort det ur koden, blir den smarta bilden till en vanlig bild. På motsvarande sätt kan man lägga till attributet i ett vanligt IMG-element, för att skapa ett smart Photoshop-objekt.