Hur man arbetar med tabeller i Adobe Dreamweaver CS6 - dummies

Tänk på ett nät som har flera celler i det, mycket om du tycker om ett bord i Adobe Dreamweaver CS6 , som ett kalkylblad. Tabeller används i HTML-sidor så att element och data kan innehålla och positioneras inom specifika celler i en rad rader och kolumner.

Du kan ändra cellernas färger i tabeller, dela upp eller span cellerna (kombinera dem med andra celler) och tillämpa gränser för dem.

När du skapar ett bord 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.

Gör så här för att skapa ett bord i Dreamweaver:

1. Placera markören där du vill att tabellen ska visas, se till att fliken Gem på Insert-panelen är synlig och klicka sedan på tabellen Tabell.

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

   

2. Ange eller välj attributen i tabellen du vill skapa:

   • Rader: I rutan Rader anger du antalet rader du vill ha i tabellen. Rader staplar vertikalt och kan läggas till eller raderas efter att du har skapat tabellen.

   • Kolumner: I textrutan Kolumner anger du antalet kolumner du vill ha i tabellen. Kolumner skapas horisontellt över ett bord och kan läggas till eller raderas när du har skapat dem.

   • Tabellbredd: Ange en breddmätning i textrutan Tabellbredd och välj sedan en mätning (Pixlar eller Procent) i rullgardinsmenyn till höger. Bordsbredd är ett viktigt attribut eftersom det anger standardstorleken för tabellen.

   • Gränsvikt: Ange (i pixlar) den tjocklek du vill ha för bredden på gränsen runt cellerna och utanför bordet. Om du inte vill se någon tabellformatering skriver du 0 i rutrutan Tjocklek. Obs: I designvy ser du fortfarande en streckad bordgräns - det är bara ett visuellt hjälpmedel.

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

   • Cellavstånd: Ange ett nummer i textfältet Cell spacing om du vill ändra avståndet för att trycka cellerna ifrån varandra.

   • Rubrik: Kryssrutan Rubrik omvandlar toppraden i tabellen från en standardrad till en definierad rubrik (med taggen ). Detta stärker att den första raden och dess innehåll definierar bordets rubrik.

   • Tillgänglighetsalternativ: Du kan ge ytterligare information för att hjälpa synskadade användare att förstå innehållet i ditt bord.Lägg till en bildtext som är relevant för din tabell i textrutan Caption. I sammanfattningsområdet, inkludera flera rader av text för att ge mer information om syftet med tabellen och dess innehåll.

3. Klicka på OK.

   Ditt bord är skapat.

När du arbetar med tabeller, försök dra nytta av funktionen Expanderad tabell i Dreamweaver. (Sök den utökade knappen i Layout-sektionen i Insert-panelen.) Utvidd vy lägger till cellpudding och avstånd i ett bord och ökar gränsen för att göra det enklare att välja celler och innehåll.

För en exakt förhandsvisning, återgå till Standardvy (klicka på knappen Standard i avsnittet Layout i Insert-panelen) när du har slutfört redigering.