Tabele -Macromedia Dreamweaver

Tabele -Macromedia Dreamweaver

Creati un tabel pentru date

1. Plasati punctul de insertie;
2. Selectati pictograma Table din paleta Object sau alegeti comanda Table din meniul Insert. Va aparea caseta de dialog Insert Table;
3. Acceptati valorile prestabilite sau introduceti propriile valori pentru Rows (randuri) si Columns (coloane). De asemenea, in aceasta caseta de dialog puteti selecta latimea tabelului (Width) si dimensiunea chenarului (Border);
4. OK.

Tabelele sunt alcatuite din randuri care contin celulele tabelului.

Nu exista o eticheta HTML pentru o coloana de tabel.

Selectarea elementelor tabelului

Exista mai multe moduri de selectare a tabelului :

Pozitionati cursorul in apropierea uneia din marginile exterioare ale tabelului pana cand se transforma intr-un cursor in forma de sageti incrucisate. Puteti selecta tabelul executand clic cu acest cursor;

Folositi selectorul de etichete in bara de stare a programului Dreamweaver. Executati clic in interiorul uneia din celulele tabelului. Bara de stare va afisa  ierarhia etichetelor. Apoi, executati clic pe eticheta tabelului pentru a selecta intregul tabel;

Pentru a selecta o celula executati clic in interiorul acesteia;

Pentru a selecta un rand intreg, deplasati usor cursorul in stanga randului tabelului, pana cand cursorul se transforma intr-o sageata de culoare neagra. Executati clic pentru a selecta randul. La fel se procedeaza pentru a selecta o coloana, numai ca, de data aceasta, cursorul trebuie pozitionat deasupra coloanei;

Referat: Contabilitatea tertilor Referat: Structurarea elementelor de activ si pasiv dupa criterii financiare

Pentru a selecta un grup de celule, selectati mai intai o celula si apoi, cu tasta Shift apasata, executati clic pe o alta celula. Vor fi selectate toate celulele amplasate intre cele doua celule. Pentru a selecta celule in mod individual, executati clic cu tasta Ctrl apasata pe o celula pentru a o adauga la selectie.

Exista doua moduri de prezentare a inspectorului Property in timpul lucrului cu tabele :

Dca este selectat intregul tabel, inspectorul Property afiseaza proprietati care influenteaza intregul tabel;

Cand sunt selectate o celula individuala, un rand intreg sau o coloana intreaga, inspectorul Property afiseaza proprietati care influenteaza celulele selectate.

Adaugarea celulelor cu antet

Selectati primul rand al tabelului si selectati caseta de validare de langa mentiunea Header (antet) din inspectorul Property. Prin selectarea casetei de validare Header, etichetele de celula de tabel <td> se transforma in etichete de antet de tabel <th>.

Adaugarea si sortarea datelor

Pentru a introduce date, executati clic intr-o celula a tabelului, tastati si apoi apasati tasta Tab pentru a ajunge la urmatoarea celula. Apasand Shift+Tab deplasarea se face inapoi. Daca ajungand la celula din dreapta a randului de jos, apasati tasta Tab, se creeaza un rand nou.

Sortarea datelor se realizeaza cu ajutorul comenzii Sort Table din meniul Commands.

1.     Selectati tabelul. Selectati comanda Sort Table din meniul Commands;

2.     Selectati coloana dupa care se va sorta in meniul pop-up Sort by;

3.     Selecatti modul in care se va sorta coloana (alfabetic sau numeric) in meniul pop-up Order;

4.     Selectati daca doriti o sortare ascendenta sau descendenta folosind optiunile meniului pop-up Order;

5.     Sub acest prim set de optiuni de sortare, puteti configura un al doilea set de optiuni. Dreamweaver va sorta mai intai dupa coloana primara, apoi dupa coloana secundara;

6.     Daca in primul rand al tabelului sunt antete, lasati neselectata caseta de validare Sort Includes First Row (sortarea include primul rand);

7.     Caseta de validare Keep TR Attributes With Sorted Row (pastreaza atributele randului de tabel cu randul sortat) va permite sa pastrati, alaturi de rand, si atributele randului de tabel, dupa sortare, astfel incat formatarea sa nu se piarda;

8.     OK.

Exercitii:

1. Creati un tabel cu text in coloana 1 si numere in coloana 2. Incercati atat sortarea in ordine ascendenta, cat si pe cea in ordine descendenta atat pentru datele alfabetice (text) din coloana 1, cat si pentru datele numerice din coloana 2.