Video: Hur du skapar skuggor med CSS 2024
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver stöder skapande och formatering av tabeller på din webbplats. När du tänker på ett bord , tänk på ett rutnät, som ett kalkylblad. 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.
I vissa fall ser du inte själva tabellen eftersom du kan placera innehåll i rad och kolumnform utan att visa bordet. i det här fallet är det bara ett formateringsverktyg. När du skapar ett bord kan du bestämma hur många rader och kolumner det innehåller. Du kan också välja att spänna över rader och kolumner för att skapa unika tabeller.
-
Placera markören där du vill att bordet ska visas, se till att fliken Gem på Infoga-panelen ä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 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 det.
-
Tabellbredd: Ange en breddmätning i textrutan Tabellbredd och välj sedan en mätning (Pixlar eller Procent) i rullgardinsmenyn till höger. Tabellbredden ställer in standardstorleken för tabellen. Vid 100 procent upptar tabellen 100 procent av din webbsida, och ändrar storlek när sidan ändras. Ange ett pixelvärde för att säkerställa att tabellen alltid blir lika stor.
-
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 textrutan Gränstjocklek. I designvyn ser du fortfarande en streckad bordgräns. Du ser sanna gränser när du visar sidan i en webbläsare eller i Live-visning.
-
Cell Padding: Ange ett nummer i textrutan Cell Padding om du vill skapa en marginal runt allt innehåll i cellen.
-
Cell spacing: Ange ett nummer i textrutan Cell spacing om du vill trycka cellerna ifrån varandra.
-
Rubrik: Välj vilken typ av rubrik du vill inkludera i ditt bord (eller välj Ingen om du vill ha några rubriker).
-
Tillgänglighet: Lägg till en bildtext som är relevant för din tabell i textrutan Caption. I sammanfattningsområdet, inkludera flera rader med text för att ge mer information om syftet med tabellen.
-
-
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.) Utvidgad vy lägger till cellpudding och avstånd i ett bord och ökar gränsen för att göra valet enklare. 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.