Hur man skapar ett bord i Dreamweaver - dummies

Du kan infoga ett bord genom att klicka på tabellikonen i Dreamweaver's Layout Insert-panelen eller genom att använda Sätt in menyn, som visas i de stegvisa instruktionerna som följer. Oroa dig inte för att göra inställningarna perfekta, du ändrar alla dessa alternativ senare (med undantag för tillgänglighetsinställningarna, som bara kan redigeras i kodvisning efter du har skapat ett bord).

Skapa en tabell i Dreamweaver:

1. Välj Infoga → Tabell eller klicka på ikonen Tabell i panelen Gemensam eller Layout. < Dialogrutan Tabell visas.

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

   

2. I fältet Bordsbredd anger du bredden på tabellen och Välj sedan Procent eller Pixlar i rullgardinsmenyn.

3. Om du väljer Pixlar, kommer tabellen att skapas i en fast storlek. f du väljer Procent, tabellen kommer att expandera eller avtala i storlek baserat på storleken på webbläsarfönstret. Om du till exempel skapar ett bord och ställer in storleken till 80 procent fyller tabellen 80 procent av webbläsarens fönsterutrymme.

   I fältet Gränsvikt anger du tjockleken på bordets kant i pixlar.

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

   I fältet Cell Padding och Cell Spacing anger du antalet pixlar av cellmatning respektive cellavstånd för din tabell.

5. Fältet för fyllning och avstånd kan lämnas tomt för att skapa ett bord utan extra vaddering eller avstånd. Alternativt kan du skapa en CSS-stil som anger mellanslag.

   Välj ett rubrikalternativ genom att klicka på ikonen som representerar rubrikpositionen du vill ha i tabellen.

6. (Valfritt) I fältet Tillgänglighet lägger du till en bildtext och en sammanfattning.

7. Dessa fält ger extra information som kan vara till nytta för hörselskadade och andra som surfar på nätet med hjälp av skärmsläsare eller andra webbläsare som läser webbsidor högt.

   Klicka på OK.

8. 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 vilken tabellcell som helst och skriv sedan de data du vill ha i den cellen. Upprepa för varje cell.

9. Alternativt kan du använda Redigera → Klistra in special för att infoga kolumndata 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 en tabellcell och välj sedan Infoga → Bild → Bild. Upprepa för varje cell.

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

    Använd formateringsalternativ, t.ex. fet eller kursiv, till valda celler och deras innehåll genom att välja alternativet från egenskapsinspektören.

11. Du kan redigera alla tabellalternativ, förutom tillgänglighetsalternativ, i egenskapskontrollen när du har skapat en tabell. När du väljer en tabell eller en cell genom att klicka på den i Dreamweaver-arbetsytan, visas attributen i egenskapskontrollen längst ner i arbetsområdet.

Klicka på gränsen för varje tabell för att välja hela tabellen, och egenskapsinspektören visar tabellalternativen. Om du vill visa alla alternativ klickar du på expanderingspilen i nedre högra hörnet av egenskapsinspektören.

Kredit: Foto av Janine Warner

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