Tabele in Dreamweaver

drbest · Administrator Data inscrierii: 29/Apr/2007 Mesaje: 114

Daca ati umblat un pic prin Microsoft Office Word, crearea de tabele in Dreamweaver va fi floare la ureche…daca nu va voi invata eu ;) .

1. Introducerea unui tabel:

Tabele in Dreamweaver

sau Insert ->Table sau CTRL+Alt+ T

2. Setarea tabelului

Crearea de tabel

* Width este latimea tabelului si o puteti exprima in marime absoluta(pixeli) sau relativa(procente)
* Columns - numarul de coloane dorit
* Rows - numarul de randuri dorit
* Border - dimensiunea in pixeli a chanerului (marginea tabelului). Daca nu doriti sa aiba chenar setati dimensiunea 0(zero)
* Cell Padding - dimeniunea data marimii celulei si textului
* Cell Spacing - distanta dintre celule

O data ce ati apasat Ok aveti deja tabelul creat.

* Adaugarea de randuri sau coloane

Click dreapta acolo unde doriti sa bagati o noua coloana sau rand selectand Tabel -> Insert Row/Column. (above sau below). Daca tabelul este deja completat cu date si doriti sa insertati noi randuri la sfarsit fie folositi întâia varianta, fie puneti cursorul in ultima celula si apasati tasta TAB ce va creea un nou rand.

* Impartirea(divizarea) sau Contopirea(unirea) Celulelor

Celulele pot fi impartite in numeroase coloane si randuri. Faceti click pe celula dorita si apoi Modify > Table > Split Cell. In fereastra nou aparuta puteti alege sa impariti celula in randuri sau coloane si numarul acestora. Alternativ, puteti contopi 2 sau mai multe celule in una singura urmand pasii Selectare celule dorite -> Modify > Table > Merge Cells.

* Stergerea de randuri sau coloane

Pentru a sterge un rand sau o coloana din tabel trebuie sa selectati randul/coloana respectiva sau grupul de coloane/randuri si sa utilizati apoi Modify -Tabel - Delete Row/ Column.

* Codul Tabelului

Codul Tabelului poate fi vizualizat prin selectarea Code View. Daca aveti cunostinte de HTML intelegerea codului e usoara daca nu …va voi explica:

tagul de inceput <table> si corespunzator sfarsitul</table> incadreaza intre ele intreg tabelul. In cadrul primului tag sunt definite proprietatile tabelului(width...border etc).

tagul<tr> si corespunzator sfarsitul tagului</tr> reprezinta inceputul, respectiv sfarsitul, unui rand (table row) al tabelului. Fiecare rand contine mai multe tabele. tagul<td> cu</td> marcheaza inceputul, respectiv sfarsitul, unei celule din cadrul unui rand.

* Proprietatile Tabelului

Tabel dreamweaver

In bara Properties putem seta cam tot ce ne trebuie pentru un tabel. Rows, Cols, W (width - latime), H (height-inaltime), CellPad, CellSpace, Boder - setari pe care le-am înțepenit de cand am facut tabelul initaila si pot fi modicate aici.

In plus, mai sunt cateva setari. Bg Color- culoarea de background a tabelului, Bg Image - imaginea de fundal a tabelului, Brdr Color - culoarea chenarulu.

In stanga jos sunt 6 imagini …in ordine reprezinta

* clear colum widths - stergerea latimii pecizata in caseta W.
* convert table widths to pixeli - transformarea modului de exprimare a latimii tabelului in pixeli
* convert table widths to percent- transformarea modului de exprimare a latimii tabelului in procente
* clear row heights - stergerea inaltimii randurilor precizata in caeta H.
* convert table heights to pixeli - transformarea modului de exprimare a inaltimii tabelului in pixeli;
* convert table heights to procent - transformarea modului de exprimare a inaltimii tabelului in procente.

* Marimi diferite

Daca doriti ca o celula, un rand sau o coloana sa aiba alte dimensiuni decat intregul tabel fie lucrati in design view tragand de margini fie selectati celula/ randul/ coloana si introduceti proprietatile dorite in Properties.

* Sabloane pentru formatarea tabelelor

Un sablon grupeaza un set de formatari care vor fi aplicate tabelului selectat. Din meniu Commands alegem Compus tabel se va deschide o fereastra de unde puteti alege un sablon deja existent pe care sa il aplicati tabelului. Fiecare sablon poate fi modificat dupa dorinta. Dupa ce modificarile au fost efectuate sau sablonul ales nu uitati sa apasati tasta Apply si apoi OK.

* Sortarea datelor intr-un tabel

Pentru a ordona datele dintr-un tabel se utilizeaza meniul Commands si apoi optiunea Sort table . Fereastra deschisa va v-a oferi mai multe modalitati de sortare:sortare alfabetica, pentru datele de tip text si sortare numerica, pentru datele de tip numeric; si ordinea de sortare - ascendent si descendent.

Daca aveti necesitate de un al doilea criteriu de sortare, atunci trebuie sa introduceti un nou criteriu in Then By …

La Options avem urmatoarele optiuni : sortarea va conține Si întâiul rand; sortarea se aplica si randurilor aflate in interiorul tag-ului <thead>, tag ce defineste randurile respective ca antet; sortarea randurilor din interiorul tag-urilor<tfoot>, tag ce defineste randurile ca subsol al tabelului; si ultima optiune ce face ca formatarile aplicate randurilor sorate sa fie asociate aceluiasi continut. Daca aveti randurile tabelului in culori alternante, este mai bine sa lasati nebifata aceasta optiune.