Hvordan du arbeider med tabeller i Adobe Dreamweaver CS6 - dummies

Tenk på et nett som har flere celler i det, mye når du tenker på et bord i Adobe Dreamweaver CS6 , som et regneark. Tabeller brukes i HTML-sider, slik at elementer og data kan være inneholdt og plassert i bestemte celler i en rekke rader og kolonner.

Du kan endre cellens farger i tabeller, dele eller span cellene (kombinere dem med andre celler), og bruk grenser til dem.

Når du oppretter et bord, kan du bestemme hvor mange rader og kolonner den inneholder, samt sette faste eller skalerbare bredder for rader og kolonner når det er nødvendig. Du kan også velge å slå sammen rader og kolonner for å lage unike tabeller.

For å lage et bord i Dreamweaver, følg disse trinnene:

1. Sett markøren der du vil at tabellen skal vises, sørg for at kategorien Vanlig på Innlegg-panelet er synlig, og klikk deretter på Tabell-knappen.

   Alternativt kan du velge Sett inn → Tabell. Uansett hvilken metode du bruker, vises tabelldialogboksen.

   

2. Skriv inn eller velg attributene til tabellen du vil opprette:

   • Rader: Skriv inn antall rader du vil ha i tabellen i tekstboksen Rader. Racker stabler vertikalt og kan legges til eller slettes etter at du har opprettet tabellen.

   • Kolonner: Skriv inn antall kolonner du vil ha i tabellen i kolonner-tekstboksen. Kolonner opprettes horisontalt over et bord og kan legges til eller slettes etter at du har opprettet dem.

   • Tabellbredde: Skriv inn en breddemåling i tekstboksens tabellbredde, og velg deretter en måling (piksler eller prosent) fra rullegardinlisten til høyre. Tabellbredde er et viktig attributt fordi det angir standardstørrelsen for tabellen.

   • Kanttykkelse: Angi (i piksler) tykkelsen du vil ha for bredden på grensen rundt cellene og utenfor bordet. Hvis du vil se ingen tabellformatering, skriver du inn 0 i tekstboksen Grense tykkelse. Merk: I designvisning ser du fortsatt en stiplede bordgrense - det er bare et visuelt hjelpemiddel.

   • Cell Padding: Skriv inn et nummer i tekstboksen Cell Padding hvis du vil bruke padding for å lage en margin rundt alt innhold inne i cellen.

   • Cell spacing: Skriv inn et nummer i tekstfeltet Cell Spacing hvis du vil endre avstanden for å skyve celler fra hverandre.

   • Overskrift: Avkryssningsboksen Konverterer øverste rad i tabellen fra en standardrad til en definert topptekst (ved hjelp av -taggen). Dette forsterker at den første raden og dens innhold definerer overskriften til bordet.

   • Tilgangsmuligheter: Du kan gi ytterligere informasjon for å hjelpe synskadede brukere å forstå innholdet i tabellen.Legg til en bildetekst som er relevant for bordet ditt i tekstboksen Caption. I Sammendrag-området, inkludere flere linjer med tekst for å gi mer informasjon om formålet med tabellen og innholdet.

3. Klikk på OK.

   Ditt bord er opprettet.

Når du arbeider med tabeller, kan du prøve å utnytte funksjonen Utvidet tabell i Dreamweaver. (Finn den utvidede knappen i Layout-delen av Sett inn-panelet.) Utvidet visning legger til cellestopp og mellomrom i et bord og øker størrelsen på grensen for å gjøre det enklere å velge celler og innhold.

For en nøyaktig forhåndsvisning, gå tilbake til Standardvisning (klikk på Standard-knappen i Layout-delen av Insert-panelet) når du er ferdig med redigering.