Hur man använder tabellcellsalternativ i Dreamweaver - dummies

Dreamweaver låter dig ange alternativ för enskilda celler i en tabell. När du väljer en cell, som du kan göra genom att klicka för att placera markören någonstans inom cellområdet, ändras egenskapskontrollen för att visa de enskilda egenskaperna för den cellen, till exempel formatering och inriktning av innehållet i en viss cell.

Börjar i Dreamweaver CS4, egenskapskontrollen har både HTML- och CSS-inställningar. CSS-inställningar är generellt föredragna och fungerar desamma för innehållet i en tabellcell som de gör för innehåll någon annanstans på en webbsida.

Du kan också ändra flera celler samtidigt. Antag att du vill formatera några celler i ditt bord med en viss bakgrundsfärg och stil på text. Du kan tillämpa samma egenskaper på flera celler genom att välja mer än en cell i taget. Alla egenskaper du ändrar i egenskapskontrollen gäller för alla valda celler. Här är tips för att välja celler:

• För att välja närliggande celler, tryck på Shift-tangenten medan du klickar för att välja celler.

• Om du vill välja flera celler som inte angränsar, trycker du på Ctrl-tangenten och klickar på varje cell du vill välja.

• Om du har problem med att välja en enskild cell eftersom den innehåller en bild klickar du på bilden och använder sedan ← eller → på tangentbordet för att flytta markören och avmarkera bilden, vilket aktiverar egenskapsinspektören och visar alternativen för den cellen.

När en eller flera intilliggande celler väljs, kontrollerar den övre halvan av egenskapsinspektionen formateringen av text och webbadresser i tabellcellerna. Den nedre halvan av egenskapsinspektören tillhandahåller alternativen för tabellcells attribut enligt följande:

• Sammanfoga valda celler med hjälp av Spans-ikonen: Sammanfogar två eller flera celler. För att slå samman celler måste du först välja två eller flera celler genom att klicka och dra eller genom att trycka på Shift eller Ctrl-tangenten när du väljer flera celler.

• Dela cellen i rad eller kolumnerikonen: Splitterar en cell i två. När du väljer det här alternativet kan du ange om du vill dela upp raden eller kolumnen i en dialogruta. Du kan sedan ange antalet kolumner eller rader, som styr hur många gånger cellen delar upp. Observera att du kan tillämpa Split Cell-alternativet till endast en cell i taget.

• Horz och Vert: Styr den horisontella inriktningen eller vertikalinriktningen av cellinnehållet.

• W och H: Kontrollerar cellens bredd respektive höjd.

• No Wrap: Förhindrar ordförpackning i cellen.Cellen breddas för att rymma all text medan du skriver in eller klistrar in den i en cell. (Normalt flyttar överskjutande text bara ner till nästa rad och ökar cellens höjd.)

• Header: Formaterar cellens innehåll genom att använda en header-tagg som visar texten i fetstil och centrerad som standard i de flesta webbläsare.

• Bg (färg): Klicka i färgbrunnen för att välja en bakgrundsfärg från färgpalett eller ange en hexadecimal färgkod i textfältet. Om du använder färgpalett, matas den hexadecimala koden automatiskt i fältet Bg-färg. Se till att du inkluderar # -tecknet om du lägger till din egen hexadecimal färg eller färgen inte visas korrekt i många webbläsare.

Även om inställningarna för anpassning, färg och formatering i egenskapsinspektionen är praktiska, är CSS det föredragna alternativet.