Arbeta med en sajt

1. Inledning

Den här sidan beskriver närmare några av de olika finesser som finns inbyggda i Dreamweaver, som man kan utnyttja när man arbetar med en hel sajt. Du får här alltså lära dig hur man uppdaterar och administrerar flera sidor samtidigt.

Först och främst går jag igenom det jag kallat Library-funktionerna. Därefter berättar jag lite om hur man söker och ersätter i flera dokument samtidigt.

2. Library-funktionerna

I Dreamweaver finns några finesser för att administrera flera sidor samtidigt. En av dem kallas library, som betyder bibliotek på svenska. Jag kommer att använda båda orden om samma sak fortsättningsvis.

När man skapat en sajt i Dreamweaver har man möjlighet att koppla ett bibliotek till den. I biblioteket lagrar man sådan information som skall finnas på flera sidor, t.ex ett sidhuvud och en sidfot. I stället för att sedan gå in och ändra på varje sida, kan man enkelt uppdatera filen i biblioteket och be Dreamweaver göra de nödvändiga uppdateringarna av varje fil.

Ett bibliotek är inte detsamma som en mallsida (template). De används vid något olika tillfällen. Biblioteket lämpar sig för sidor som bara har en liten del gemensam, t.ex en uppsättning navigeringslänkar, ett sidhuvud eller en sidfot. Mallsidan däremot använder man när layouten är densamma för sidorna och när det är viktigt att de ser likadana ut.

Det betyder att man kan kombinera ett bibliotek med mallsidor, för att skapa en verkligt effektiv sajt. Man har då mallsidor för nya dokument och behöver bara uppdatera sin biblioteksfil för att förändra flera sidor samtidigt.

För att titta lite närmare på library-funktionerna skall vi börja med att skapa en sajt. Jag skapar en mapp på skrivbordet med namnet Jonas Testsajt och går sedan in under menyn Site och väljer den.

Jag har sparat min testsajt på CD-skivan. Du hittar den under länken här nedanför och kan antingen titta lite på den redan nu. Eller öppnar du Dreamweaver och använder en kopia av Jonas_Testsajt (originalet är ju skrivskyddat på CD-skivan):

Jonas_Webresurs/Programkunskap/dreamweaver/extra/Jonas_Testsajt/start.htm >>

Du kan självklart också göra en egen sajt om du vill. Huvudsaken är att du har en sajt att arbeta med!

För att ta fram paletten med biblioteksfiler går du in under Window och väljer Library. Du kan oftast också få fram fönstret via F6-tangenten. Dessutom går det att gå längst ner till höger i dokumentet och klicka på knappen som ser ut som en uppslagen bok.

Varje sajt har ett eget bibliotek. Vill man använda samma biblioteksfil för flera olika sajter går det visserligen att åstadkomma. Det smidigaste är dock att kopiera in alla filer till den sajt man för tillfället arbetar i.

Det finns lite olika sätt att skapa biblioteksfiler på. Jag brukar t.ex alltid skapa en "mall" i mitt dokument. Sedan markerar jag det som skall utgöra själva biblioteksfilen och drar in den i fönstret som heter Library.

Man kan också markera texten man vill ha in i biblioteket och klicka på "ny fil" i fönstret.

Man kan också gå in under Modify - Library _ Add Item to Library, men det är ju lite krångligare.

Bilden visar hur det ser ut. När jag markerar filen som jag döpt till "sidfot", visar programmet vad denna innehåller.

Själva filen heter sidfot.lbi. Man ser den aldrig utan den sköts i bakgrunden av Dreamweaver. Programmet håller reda på vilka biblioteksfiler som de olika HTML-sidorna hämtar sin information ifrån.

När man skapat en biblioteksfil och kopplat den till en sida, kommer texten att bli färgad. Färgen kan man ändra. Gå in under Edit - Preferences - Highlighting och ändra till den färg du vill.

Färgen markerar att texten styrs av en biblioteksfil eller att man har utnyttjat någon annan slags funktion. Klickar man på den markerade texten kommer ett nytt fönster upp, i det här fallet för en bibliotekspost (Library Item).

Här hittar man några få inställningar, bl.a en knapp som heter Detach from original. Klickar man på den tar man bort kopplingen till biblioteksfilen.

Om man i stället vill lägga in en koppling till en biblioteksfil på en viss sida, ställer man sig bara där man vill lägga in texten. Sedan klickar man på Insert i Library-fönstret.

Som du säkert redan har förstått kan man skapa flera olika biblioteksfiler och använda flera av dem på samma sida.

Hur ändrar man i biblioteksfilen?

Det finns i princip två olika sätt. Det bästa är att göra ändringen direkt i redigeringsläget för filen. Dubbelklicka på biblioteksfilen sidfot.lbi så får du upp det läget. En liten ändring, t.ex ett nytt årtal för copyright, är lätt att skriva in här.

När man försöker stänga fönstret får man upp ett fönster, med frågan om man vill uppdatera alla de filer som använder filen. På det här sättet administrerar man enkelt hela sajten.

Vill man däremot göra större ändringar i biblioteksfilen behöver man förmodligen gå in och manipulera HTML-koden. Man gör då som vanligt, dvs tar sig till redigeringsläget för HTML. Man hittar det antingen längst nere till höger i fönstret eller från menyn Window - HTML Source. Precis som vanligt, alltså.

Det finns en liten knapp som heter Recreate. Klickar man på den återskapar Dreamweaver en ändrad, icke-sparad fil till den ursprungliga. Det är naturligtvis bra vid tillfällen då man gjort fel i koden och inte längre minns hur originalet såg ut. Men det är dumt att klicka på den i onödan...

Över huvud taget bör man hålla sig vaken och alert när man arbetar med den här typen av program. Det finns nämligen så mycket man kan göra och arbetet sker dessutom ofta på många nivåer samtidigt.

3. Sök- och ersätt

Sök- och ersätt heter på engelska search and replace. Jag använder ofta denna möjlighet för att ersätta något litet ord, t.ex en felstavning, som jag hittat i några dokument. I stället för att då öppna varje sida för sig och ändra, går det att låta programmet göra alla ändringar direkt.

Vanlig sökning hittar man under Edit - Find. Sök- och ersätt hittar man under Edit - Replace. Detta är likadant i i stort sett alla program, så det är inget konstigt.

När man öppnat sök- och ersätt-fönstret, har man ett antal val att göra. Först och främst måste man naturligtvis skriva in vilket ord man vill leta efter och vilket det skall ersättas med. Jag har upptäckt att jag stavat fel på eller och skriver in det felaktiga och korrekta i rätt rutor.

Som du ser på bilden har jag ringat in två funktioner. Dels knappen där du kan välja att söka och ersätta på flera sidor, dels knappen där du talar om hur sökningen skall göras. Dreamweaver gör ibland fel och ändrar stora bokstäver till små eller tvärtom. Är du osäker bör du göra två olika sökningar; i det här fallet blir det först en sökning på "eller" och därefter en likadan på "Eller".

Det finns några avancerade sökmöjligheter, t.ex sökning efter Text (Advanced), som låter dig söka med diverse begränsningar. Först och främst kan du söka efter text inne i ett visst HTML-element, t.ex innanför B eller I. Om du klickar på plustecknet, får du up nya alternativ och kan söka på HTML-element med vissa attribut, osv.

När du blivit lite mer van vid programmet kan du också gå in och ersätta HTML-kod och koden i olika scripts. Det jag kommer att berätta lite om nu finns även i hjälpfilerna under Index. Klicka på sökordet Search och sedan regular expressions.

Nu får du upp en ny sida med uttryck för väldigt avancerade sökningar. Vill man t.ex hitta alla ord som slutar med asi, kan man skriva in asi följt av ett dollartecken, i Dreamweavers sökruta. Då letar programmet upp alla ord som slutar med asi. Däremot utelämnar den alla som börjar med asi. Den hittar alltså fantasi och ingorerar asiatisk.

Jag måste dock påpeka att jag sällan eller aldrig har haft användning för den här typen av avancerade sökningar. Så detta är inget man behöver lära sig utantill. Allt står dessutom väl dokumenterat i hjälpfilerna.