Mer om tabeller i Dreamweaver

1. Inledning

På första sidan om Dreamweaver fick du lära dig hur man lägger in en enkel tabell. Här går jag nu igenom mer i detalj hur man arbetar med tabeller i Dreamweaver.

Tabellhanteringen i version 2 var inte särskilt bra. I version 3, som är den jag visar här, fungerar det betydligt bättre och är kanske programmets stora fördel framför att koda själv. I version 4, som jag tänker gå igenom på en kommande sida, fungerar tabellhanteringen om möjligt ännu bättre.

För att du skall kunna ta till dig allt som står här bör du veta en del om hur tabeller fungerar. Du hittar den mesta informationen på mina sidor om HTML >>

2. Verktygsfältet för tabeller

För att lägga in en tabell på sidan klickar man enklast på tabellknappen bland verktygen. Man får då upp en ruta, där man kan göra inställningar för bredd, höjd, antal tader och kolumner, osv. Bilden här nedan till vänster visar hur denna ruta ser ut.

När man gjort sina inställningar klickar man på OK-rutan. Tabellen läggs då in i dokumentet och är färdig att börja användas. Har du arbetat i t.ex Netscapes Composer eller Frontpage från Microsoft, lär du ganska snart upptäcka att hanteringen i Dreamweaver fungerar oändligt mycket bättre och smidigare.

För att arbeta med tabeller krävs att man har aktiverat verktygsfältet för dessa. Du ser på bilden här bredvid hur det ser ut. För att ta fram det går man in under menyn Window och bockar i Properties.

Genom att markera hela eller delar av tabellen aktiverar man också olika verktyg. Du bör testa detta själv, genom att klicka i en cell, markera en kolumn, osv, och se vilka verktyg som kommer fram i verktygsfältet.

Varje verktyg representeras av en knapp. Verktyget aktiveras när man trycker på knappen. Man får också upp en kort förklaring när man håller muspekaren över en knapp. Bilden till höger visar vilken funktion de olika knapparna har.

För att markera en cell klickar man i den. Vill man markera flera celler använder man Shift-tangenten och klickar i de celler man önskar. Vill man markera celler som ligger en bit ifrån varandra använder man i stället Ctrl (Windows) eller Cmd (Mac) och klickar i cellerna.

Man kan också enkelt göra markeringar och ändringar med HTML-koden. Längst nere i dokumentfönstret hittar man knappar för de olika elementen. Genom att klicka på <TABLE> markeras hela tabellen, osv.

Knappen för att komma till redigeringsläget och se HTML-koden finns längst nere till höger i dokumentfönstret. Även här fungerar markeringsfunktionerna. Har man markerat en cell syns det i HTML-koden som en färgad ruta eller markering.

Genom att högerklicka (Ctrl+klicka i Mac) i en valfri del av tabellen, får man upp en meny med ännu fler alternativ.

3. Ändra grundinstälningarna

Under menyn Edit - Preferences - General hittar man en liten ruta som i grundinställningen är ibockad. Faster Table Editing står det på den. Man bör behålla bocken eftersom Dreamweaver då inte försöker anpassa cellernas storlek så länge man arbetar i dem. Först när man skrivit klart en viss text eller lagt in en bild och sedan klickar utanför cellen anpassar programmet cellen efter innehållet.

Det är detta som är innebörden i "Faster Table Editing". Tar man bort bocken anpassas cellens storlek hela tiden medan man arbetar, vilket kan vara både frustrerande och ta upp onödigt arbetsminne i datorn.

Varje gång man vill infoga en tabell, skapas tabellen utifrån en grundinställning. Denna finns i en fil som heter Table.htm och ligger i Dreamweaver-mappen på hårddisken. I min dator finns den i katalogen

Dreamweaver - Configuration - Objects - Common

Man kan öppna den direkt i Dreamweaver och ändra grundinställningarna. Man bör dock spara en kopia och göra sina experiment med den, eftersom det inte är helt lätt att göra rätt första gången. Spara originalet som Table_original.htm och döp kopian till Table.htm.

Om man ändrar filen kan man också ta bort det javascript som ligger i HEAD-området på filen. Detta för att inte skapa förvirring när man använder Hjälp-funktionerna i programmet. Dessa funktioner utgår nämligen ifrån grundinställningen i filen.

4. Tabellmallar

I Dreamweaver finns ett antal färdiggjorda mallar för tabeller. Man kan använda dem för vilken tabell man vill och det går fint att göra egna inställningar.

För att aktivera en tabellmall ställer man sig någonstans i tabellen. Gå sedan in under menyn Commands och välj Format table. Nu kommer en stor ruta upp med mängder av inställningsmöjligheter. Längst uppe till vänster finns också en väljare för de olika färdiggjorda mallarna.

5. Importera data

Man kan importera data från andra filer, utan att först behöva tillverka någon tabell. Dreamweaver vill helst ha en fil med ändelsen .csv, vilket står för "Comma-Separated Values". Jag har dock med framgång testat att lägga in data direkt från Excel-ark, som sparats utan formatering, alltså som enkla textfiler. Ändelsen .csv har då inte behövts.

Det finns två olika vägar att ta. Båda leder till samma meny. Dels kan man gå via File - Import - Import Table Data, dels kan man gå in via menyn Insert - Tabular Data.

Man klickar på Browse och letar upp filen man vill importera från. Om det inte fungerar kan det bero på att man inte ställt in delimiter-värdet korrekt, dvs vilket format datan har som man tänker importera. Då kan man ändra under den knappen till ett mer passande värde.

Sedan är det bara att klicka på OK. Som du ser på bilden kan man här också göra vissa inställningar, t.ex för tabellcellernas padding och border.

Jag har gjort en liten fil som heter lista.csv, som du kan försöka importera i Dreamweaver. Det är en vanlig textfil. Den ligger i Dreamweaver-mappen i Jonas_Webresurs - Programkunskap på CD-skivan.

Det finns också en enkel sorteringsfunktion i Dreamweaver. Man kan sortera posterna kolumnvis, precis som i Excel. Funktionen finns under menyn Commands - Sort Table. Bilden visar hur den ser ut.