Skapa och formatera tabeller i Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver stöder skapande och formatering av tabeller på din webbplats. När du tänker på en tabell , tänk på ett rutnät, som ett kalkylblad. 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.

I vissa fall ser du inte själva tabellen eftersom du kan placera innehåll i rad- och kolumnform utan att visa tabellen. i det här fallet är det bara ett formateringsverktyg. När du skapar en tabell kan du bestämma hur många rader och kolumner den innehåller. Du kan också välja att spänna över rader och kolumner för att skapa unika tabeller.

Skapa och formatera tabeller i Adobe CS5 Dreamweaver

En tabell med rader och kolumner sammanslagna.

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.

Skapa och formatera tabeller i Adobe CS5 Dreamweaver

Ställ in tabellspecifikationer i 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 den.

  • 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 anger 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 förblir samma storlek.

  • 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. I designvyn ser du fortfarande en streckad tabellkant. Du ser sanna gränser när du visar sidan i en webbläsare eller i Live View.

  • Cellfyllning: Ange ett nummer i textrutan Cellutfyllning om du vill skapa en marginal runt allt innehåll i cellen.

  • Cellavstånd: Ange ett nummer i textrutan Cellavstånd om du vill trycka isär celler.

  • Rubrik: Välj vilken typ av rubrik du vill inkludera i din tabell (eller välj Ingen om du inte vill ha några rubriker).

  • Tillgänglighet: 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.

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 Layout-sektionen på Infoga-panelen.) Utökad vy lägger till cellutfyllnad och avstånd i en tabell och ökar storleken på kanten för att göra markeringen enklare. 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.


Hur man tillämpar transparens på SVG:er

Hur man tillämpar transparens på SVG:er

Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.

Arbeta med bilder i Adobe XD

Arbeta med bilder i Adobe XD

När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]

Hur man justerar textegenskaper i Adobe XD

Hur man justerar textegenskaper i Adobe XD

När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]

Arbeta med ritytor i Photoshop CC

Arbeta med ritytor i Photoshop CC

Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]

Former och polygoner i InDesign

Former och polygoner i InDesign

Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]

Radbryt text i Adobe Illustrator CC

Radbryt text i Adobe Illustrator CC

Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – ​​det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]

Hur man ändrar storlek på former i Illustrator

Hur man ändrar storlek på former i Illustrator

När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]

Hur man skapar QR-koder i InDesign CC

Hur man skapar QR-koder i InDesign CC

Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]