Ako pracovať s tabuľkami v programe Adobe Dreamweaver CS6

Keď premýšľate o tabuľke v programe Adobe Dreamweaver CS6 , predstavte si mriežku, ktorá má v sebe viacero buniek, podobne ako tabuľkový hárok. Tabuľky sa používajú na stránkach HTML, takže prvky a údaje môžu byť obsiahnuté a umiestnené v konkrétnych bunkách v sérii riadkov a stĺpcov.

Môžete zmeniť farby buniek v tabuľkách, rozdeliť alebo roztiahnuť bunky (spojiť ich s inými bunkami) a použiť na ne okraje.

Pri vytváraní tabuľky môžete určiť, koľko riadkov a stĺpcov obsahuje, ako aj nastaviť pevné alebo škálovateľné šírky pre riadky a stĺpce, ak je to potrebné. Môžete sa tiež rozhodnúť zlúčiť riadky a stĺpce a vytvoriť tak jedinečné tabuľky.

Ak chcete vytvoriť tabuľku v aplikácii Dreamweaver, postupujte takto:

Umiestnite kurzor na miesto, kde sa má tabuľka zobraziť, uistite sa, že je viditeľná karta Spoločné na paneli Vložiť, a potom kliknite na tlačidlo Tabuľka.

Prípadne môžete vybrať Vložiť → Tabuľka. Bez ohľadu na to, ktorú metódu použijete, zobrazí sa dialógové okno Tabuľka.

Zadajte alebo vyberte atribúty tabuľky, ktorú chcete vytvoriť:

• Riadky: Do textového poľa Riadky zadajte požadovaný počet riadkov v tabuľke. Riadky sa ukladajú vertikálne a možno ich pridať alebo odstrániť po vytvorení tabuľky.

• Stĺpce: Do textového poľa Stĺpce zadajte požadovaný počet stĺpcov v tabuľke. Stĺpce sa vytvárajú vodorovne cez tabuľku a po ich vytvorení je možné ich pridať alebo odstrániť.

• Šírka tabuľky: Zadajte mieru šírky do textového poľa Šírka tabuľky a potom vyberte mieru (Pixely alebo Percentá) z rozbaľovacieho zoznamu napravo. Šírka tabuľky je dôležitým atribútom, pretože nastavuje predvolenú veľkosť tabuľky.

• Border Thickness: Zadajte (v pixeloch) požadovanú hrúbku pre šírku okraja okolo buniek a mimo tabuľky. Ak nechcete vidieť žiadne formátovanie tabuľky, zadajte 0 do textového poľa Hrúbka okraja. Poznámka: V návrhovom zobrazení stále vidíte prerušované orámovanie tabuľky – je to len vizuálna pomôcka.

• Výplň bunky: Zadajte číslo do textového poľa Výplň bunky, ak chcete použiť výplň na vytvorenie okraja okolo celého obsahu vo vnútri bunky.

• Rozstup buniek: Zadajte číslo do textového poľa Rozstup buniek, ak chcete zmeniť rozstup tak, aby sa bunky od seba odsunuli.

• Hlavička: Začiarkavacie políčko Hlavička prevedie horný riadok tabuľky zo štandardného riadka na definovanú hlavičku (pomocou

  tag). To posilňuje, že prvý riadok a jeho obsah definuje hlavičku tabuľky.

• Možnosti zjednodušenia ovládania: Môžete poskytnúť ďalšie informácie, ktoré pomôžu zrakovo postihnutým používateľom pochopiť obsah vašej tabuľky. Do textového poľa Popis pridajte popis, ktorý je relevantný pre vašu tabuľku. V oblasti Súhrn zahrňte niekoľko riadkov textu, aby ste získali viac informácií o účele tabuľky a jej obsahu.

Kliknite na tlačidlo OK.

Váš stôl je vytvorený.

Pri práci s tabuľkami skúste využiť funkciu rozšírenej tabuľky v Dreamweaveri. (Tlačidlo Rozšírené nájdete v časti Rozloženie na paneli Vložiť.) Rozšírené zobrazenie pridáva výplň buniek a medzery v tabuľke a zväčšuje veľkosť orámovania, aby sa uľahčil výber buniek a obsahu.

Ak chcete získať presný náhľad, po dokončení úprav sa vráťte do štandardného zobrazenia (kliknite na tlačidlo Štandardné v časti Rozloženie na paneli Vložiť).