Hvordan å endre et bords utseende i Dreamweaver - dummies

Trenger du å endre utseendet på et bord på nettstedet ditt? Når du velger et bord i Dreamweaver, gir egenskapsinspektøren deg tilgang til følgende alternativer for å tilpasse tabellens utseende:

• Tabell: Gir et tekstområde hvor du kan skrive inn et navn på et bord. Dette navnet, eller ID, er nyttig for å målrette bordet i skript.

• Rader: Viser antall rader i tabellen. Du kan endre størrelsen på bordet ved å endre nummeret. Vær forsiktig, men: Hvis du skriver inn et tall som er mindre enn antall rader i tabellen, sletter Dreamweaver bunnlinjer - innhold og alt.

• Kols: Viser antall kolonner i tabellen. Du kan endre størrelsen på bordet ved å endre nummeret. Igjen, hvis du skriver inn et nummer mindre enn antall kolonner i bordet, sletter Dreamweaver kolonnene på høyre side av tabellen - innhold og alt.

• W (bredde): Viser bredden på bordet. Du kan endre bredden ved å endre nummeret. Du kan spesifisere bredden som en prosentandel eller en verdi i piksler. Verdier uttrykt som en prosentøkning øker eller reduserer tabellens størrelse i forhold til størrelsen på brukerens nettleservindu eller en hvilken som helst omsluttende beholder, for eksempel en annen tabell eller en etikett.

  Tabelldimensjoner uttrykt i prosent gir deg mulighet til å lage tabeller som endres i størrelse når nettleservinduet endres. Hvis du vil at et bord alltid skal ta opp 75 prosent av vinduet, uansett brukerens visningsområde, må du angi størrelsen som en prosentandel. Hvis du vil at et bord alltid skal være i samme størrelse uansett størrelsen på nettleservinduet, velg piksler for tabellbredden.

  Hvis et bord er satt inn i en annen beholder, for eksempel en etikett eller et bord med en fast bredde, er tabellen størrelse basert ikke på nettleservinduet, men på beholderen.

  Merk: Begynner i Dreamweaver CS4, finner du ikke lenger et H (høyde) felt. Som en god praksis spesifiserer de fleste designere ikke tabellhøyde fordi tabellens innhold kan endres fra en besøkende til en annen. For eksempel avhenger skriftstørrelsen på tekst av brukerens system og innstillinger.

• CellPad: Angir mellomrummet mellom innholdet i en celle og grensen.

• CellSpace: Angir mellomrom mellom tabellceller.

• Juster: Kontrollerer justeringen av tabellen på nettsiden. Alternativene er Standard, Venstre, Senter og Høyre. Som hovedregel justerer standardinnstillingen bordet fra venstre side av nettleservinduet eller annen beholder.

• Border: Kontrollerer størrelsen på grensen rundt bordet.Jo større tallet desto tykkere grensen. Hvis du vil at grensen skal være usynlig, sett den til 0.

• Klasse: Gir enkel tilgang til stilarkvalg.

• Klar og Konverter: Ikonene i nedre venstre område av egenskapsinspektøren (klikk på expanderpilen nederst til høyre for å vise dem) gir disse formateringsalternativene:

  • Clear Row Heights > og Clear Column Widths lar deg fjerne alle høyde- og breddeverdier samtidig. Konverter tabellbredder til piksler

  • og Konverter tabellbredder til prosent lar deg automatisk endre breddeinnstillinger fra prosentpoeng til piksler. Piksler angir en fast bredde; en prosentinnstilling betyr at nettleseren automatisk justerer angitt prosentandel av nettleservisningsområdet. Du kan også bruke formateringsalternativer og endre attributter til ethvert element - for eksempel tekst, et bilde eller en multimediefil - i en tabellcelle. For å gjøre det, velg elementet og bruk deretter alternativene i CSS eller HTML Property inspector for å gjøre de ønskede endringene, akkurat som du ville hvis elementet ikke var i en tabellcelle.