Cum să modificați aspectul unui tabel în Dreamweaver - dummies

Trebuie să modificați aspectul unei mese pe site-ul dvs.? Când selectați un tabel în Dreamweaver, inspectorul Proprietăți vă oferă acces la următoarele opțiuni pentru personalizarea aspectului tabelului dvs.:

• Tabel: Oferă o zonă de text în care puteți introduce un nume pentru un tabel. Acest nume sau ID este util pentru direcționarea tabelului în scripturi.

• Rânduri: Afișează numărul de rânduri din tabel. Puteți modifica dimensiunea tabelului modificând numărul. Aveți grijă însă: dacă introduceți un număr mai mic decât numărul de rânduri din tabel, Dreamweaver șterge rândurile de jos - conținutul și toate.

• Colorează: Afișează numărul de coloane din tabel. Puteți modifica dimensiunea tabelului modificând numărul. Din nou, dacă introduceți un număr mai mic decât numărul de coloane din tabel, Dreamweaver șterge coloanele din partea dreaptă a tabelului - conținut și toate.

• W (lățime): Afișează lățimea tabelului. Puteți modifica lățimea prin modificarea numărului. Puteți specifica lățimea ca procent sau valoare în pixeli. Valorile exprimate ca procentaj măresc sau diminuează mărimea tabelului în raport cu mărimea ferestrei browserului utilizatorului sau a oricăror containere care îl cuprind, cum ar fi un alt tabel sau o etichetă.

  Dimensiunile tabelului exprimate ca procent vă permit să creați tabele care se modifică în mărime atunci când fereastra browserului este redimensionată. Dacă doriți ca o masă să aibă întotdeauna până la 75% din fereastră, indiferent de zona de afișare a utilizatorului, setați dimensiunea ca procentaj. Dacă doriți ca o tabelă să aibă întotdeauna aceeași dimensiune, indiferent de mărimea ferestrei browserului, alegeți pixeli pentru lățimea tabelului.

  Dacă un tabel este introdus într-un alt container, cum ar fi o etichetă sau un tabel cu o lățime fixă, tabela este dimensionată nu pe fereastra browserului ci pe container.

  Notă: Începând cu Dreamweaver CS4, nu mai găsiți un câmp H (înălțime). Ca o bună practică, majoritatea designerilor nu specifică înălțimea mesei deoarece conținutul tabelului se poate schimba de la un vizitator la altul. De exemplu, dimensiunea fontului textului depinde de sistemul utilizatorului și de setările acestuia.

• CellPad: Specifică spațiul dintre conținutul unei celule și limita ei.

• CellSpace: Specifică spațiul dintre celulele tablei.

• Aliniere: Controlează alinierea tabelului de pe pagina web. Opțiunile sunt Implicit, Stânga, Centru și Dreapta. Ca regulă generală, setarea implicită aliniază tabelul din partea stângă a ferestrei browserului sau a altui container.

• Border: Controlează dimensiunea marginii din jurul tabelului.Cu cât este mai mare numărul, cu atât este mai mare granița. Dacă doriți ca marginea să fie invizibilă, setați-o la 0.

• Clasă: Oferă acces facil la opțiunile pentru foaia de stil.

• Ștergeți și convertiți: Pictogramele din zona din stânga jos a inspectorului proprietății (faceți clic pe săgeata expanderului din colțul din dreapta jos pentru a le vizualiza) oferă următoarele opțiuni de formatare:

  • Clear Row Heights > și Ștergeți lățimea coloanei vă permite să eliminați simultan toate valorile înălțimii și lățimii. Convertiți lățimile tabelului la pixeli

  • și Convertiți lățimea tabelului la procent vă permite să modificați automat setările de lățime de la procente la pixeli. Pixelii specifică o lățime fixă; o setare procentuală înseamnă că browserul ajustează automat procentajul specificat din zona de afișare a browserului. De asemenea, puteți aplica opțiunile de formatare și puteți schimba atributele oricăror elemente - cum ar fi textul, o imagine sau un fișier multimedia - într-o celulă de tabelă. Pentru a face acest lucru, selectați elementul și apoi utilizați opțiunile din inspectorul de proprietăți CSS sau HTML pentru a face modificările dorite, la fel cum ați face dacă elementul nu se afla într-o celulă de tabelă.