Hur man skapar en tabell i Dreamweaver

Du kan infoga en tabell genom att klicka på ikonen Tabell i Dreamweavers panel Infoga layout eller genom att använda menyn Infoga, som visas i steg-för-steg-instruktionerna som följer. Oroa dig inte för att fullända inställningarna; du ändrar alla dessa alternativ senare (med undantag för tillgänglighetsinställningarna, som endast kan redigeras i kodvyn efter att du har skapat en tabell).

Så här skapar du en tabell i Dreamweaver:

Välj Infoga → Tabell eller klicka på ikonen Tabell i panelen Gemensam eller Infoga layout.

Dialogrutan Tabell visas.

I fälten Rader och Kolumner anger du antalet rader respektive kolumner du vill ha i tabellen.

I fältet Tabellbredd anger du tabellens bredd och väljer sedan Procent eller Pixlar från rullgardinsmenyn.

Om du väljer Pixels skapas tabellen i en fast storlek. Om du väljer Procent kommer tabellen att expandera eller krympa i storlek baserat på storleken på webbläsarfönstret. Om du till exempel skapar en tabell och ställer in storleken till 80 procent, kommer tabellen att fylla 80 procent av webbläsarens fönsterutrymme.

I fältet Border Thickness anger du tjockleken på tabellens kant i pixlar.

Du kan ange en 0 i det här fältet för att skapa en tabell utan synlig ram.

I fälten Cellutfyllnad och Cellavstånd anger du antalet pixlar för cellutfyllnad respektive cellavstånd för din tabell.

Utfyllnads- och mellanrumsfälten kan lämnas tomma för att skapa en tabell utan extra utfyllnad eller mellanrum. Alternativt kan du skapa en CSS-stil som anger mellanrum.

Välj ett rubrikalternativ genom att klicka på ikonen som representerar den rubrikposition du vill ha i din tabell.

(Valfritt) Lägg till en bildtext och en sammanfattning i fälten för tillgänglighet.

Dessa fält ger extra information som kan vara användbar för hörselskadade och andra personer som surfar på nätet med skärmläsare eller andra webbläsare som läser webbsidor högt.

Klicka på OK.

Tabellen läggs till på sidan i Dreamweaver och dialogrutan Tabell stängs.

För att lägga till text i en tabell, klicka för att placera markören i valfri tabellcell och skriv sedan in de data du vill ha i den cellen. Upprepa för varje cell.

Alternativt kan du använda Redigera → Klistra in special för att infoga kolumnära data från ett annat program, till exempel Excel.

För att infoga en bild i en cell, klicka för att placera markören i valfri tabellcell och välj sedan Infoga → Bild → Bild. Upprepa för varje cell.

Alternativt kan du använda bildikonen i panelen Common Insert.

Använd formateringsalternativ, som fet eller kursiv, på markerade celler och deras innehåll genom att välja alternativet från egenskapsinspektören.

Du kan redigera alla tabellalternativ, förutom tillgänglighetsalternativen, i egenskapsinspektören efter att du har skapat en tabell. När du markerar en tabell eller cell genom att klicka på den i Dreamweavers arbetsyta visas attributen i egenskapsinspektören längst ned i arbetsområdet.

Klicka på kanten av en tabell för att markera hela tabellen, och egenskapsinspektören visar tabellalternativen. För att se alla alternativ klickar du på expanderpilen i det nedre högra hörnet av egenskapsinspektören.

Kredit: Foto av Janine Warner

Ibland är det svårt att välja hela tabellen och inte bara en enskild cell. Om du har problem med att välja tabellen, placera helt enkelt markören var som helst i tabellen och välj Ändra → Tabell → Välj tabell.