Hur man arbetar med tabeller i Adobe Dreamweaver CS6

När du tänker på en tabell i Adobe Dreamweaver CS6 , tänk på ett rutnät som har flera celler i sig, ungefär som ett kalkylblad. Tabeller används i HTML-sidor så att element och data kan innehållas och placeras i specifika celler i en serie rader och kolumner.

Du kan ändra färgerna på celler i tabeller, dela eller spänna över cellerna (kombinera dem med andra celler) och använda ramar på dem.

När du skapar en tabell kan du bestämma hur många rader och kolumner den innehåller, samt ställa in fasta eller skalbara bredder för rader och kolumner vid behov. Du kan också välja att slå samman rader och kolumner för att skapa unika tabeller.

Följ dessa steg för att skapa en tabell i Dreamweaver:

Placera markören där du vill att tabellen ska visas, se till att fliken Gemensamt på panelen Infoga är synlig och klicka sedan på knappen Tabell.

Alternativt kan du välja Infoga → Tabell. Oavsett vilken metod du använder visas dialogrutan Tabell.

Ange eller välj attributen för tabellen du vill skapa:

• Rader: I textrutan Rader anger du antalet rader du vill ha i tabellen. Rader staplas vertikalt och kan läggas till eller tas bort efter att du har skapat tabellen.

• Kolumner: I textrutan Kolumner anger du antalet kolumner du vill ha i tabellen. Kolumner skapas horisontellt över en tabell och kan läggas till eller tas bort efter att du har skapat dem.

• Tabellbredd: Ange ett breddmått i textrutan Tabellbredd och välj sedan ett mått (pixlar eller procent) från rullgardinsmenyn till höger. Tabellbredd är ett viktigt attribut eftersom det anger standardstorleken för tabellen.

• Kanttjocklek: Ange (i pixlar) tjockleken du vill ha för bredden på kanten som omger cellerna och utanför tabellen. Om du inte vill se någon tabellformatering, skriv 0 i textrutan Kanttjocklek. Obs: I designvyn ser du fortfarande en streckad tabellkant – det är bara ett visuellt hjälpmedel.

• Cellutfyllnad: Ange ett nummer i textrutan Cellutfyllning om du vill använda utfyllnad för att skapa en marginal runt allt innehåll i cellen.

• Cellavstånd: Ange ett nummer i textrutan Cellavstånd om du vill ändra avståndet för att trycka isär celler.

• Rubrik: Kryssrutan Rubrik konverterar den översta raden i tabellen från en standardrad till en definierad rubrik (med hjälp av

  märka). Detta förstärker att den första raden och dess innehåll definierar tabellens rubrik.

• Tillgänglighetsalternativ: Du kan tillhandahålla ytterligare information för att hjälpa synskadade användare att förstå innehållet i din tabell. Lägg till en bildtext som är relevant för din tabell i textrutan Bildtext. Inkludera flera rader text i området Sammanfattning för att ge mer information om syftet med tabellen och dess innehåll.

Klicka på OK.

Ditt bord är skapat.

När du arbetar med tabeller, försök att dra fördel av den utökade tabellfunktionen i Dreamweaver. (Hitta knappen Utökad i avsnittet Layout på panelen Infoga.) Utökad vy lägger till cellutfyllnad och avstånd i en tabell och ökar storleken på kanten för att göra det enklare att markera celler och innehåll.

För en korrekt förhandsgranskning, återgå till standardvyn (klicka på knappen Standard i Layout-sektionen på panelen Infoga) när du är klar med redigeringen.