Jak pracovat s tabulkami v Adobe Dreamweaver CS6

Když přemýšlíte o tabulce v Adobe Dreamweaver CS6 , představte si mřížku, která obsahuje více buněk, podobně jako tabulka. Tabulky se používají na stránkách HTML, takže prvky a data mohou být obsaženy a umístěny v určitých buňkách v řadě řádků a sloupců.

Můžete měnit barvy buněk v tabulkách, dělit nebo roztahovat buňky (kombinovat je s jinými buňkami) a aplikovat na ně ohraničení.

Při vytváření tabulky můžete určit, kolik řádků a sloupců obsahuje, a v případě potřeby také nastavit pevnou nebo škálovatelnou šířku pro řádky a sloupce. Můžete se také rozhodnout sloučit řádky a sloupce a vytvořit tak jedinečné tabulky.

Chcete-li vytvořit tabulku v aplikaci Dreamweaver, postupujte takto:

Umístěte kurzor na místo, kde chcete tabulku zobrazit, ujistěte se, že je viditelná karta Společné na panelu Vložit, a poté klikněte na tlačítko Tabulka.

Případně můžete zvolit Vložit→Tabulka. Ať použijete kteroukoli metodu, zobrazí se dialogové okno Tabulka.

Zadejte nebo vyberte atributy tabulky, kterou chcete vytvořit:

• Řádky: Do textového pole Řádky zadejte požadovaný počet řádků v tabulce. Řádky se skládají svisle a lze je přidat nebo odstranit po vytvoření tabulky.

• Sloupce: Do textového pole Sloupce zadejte požadovaný počet sloupců v tabulce. Sloupce jsou vytvářeny vodorovně přes tabulku a lze je přidávat nebo odstraňovat poté, co je vytvoříte.

• Šířka tabulky: Zadejte míru šířky do textového pole Šířka tabulky a poté vyberte míru (Pixely nebo Procenta) z rozevíracího seznamu napravo. Šířka tabulky je důležitý atribut, protože nastavuje výchozí velikost tabulky.

• Border Thickness: Zadejte (v pixelech) požadovanou tloušťku pro šířku okraje obklopujícího buňky a mimo tabulku. Pokud nechcete vidět žádné formátování tabulky, zadejte 0 do textového pole Tloušťka okraje. Poznámka: V zobrazení Návrh stále vidíte přerušované ohraničení tabulky – je to pouze vizuální pomůcka.

• Odsazení buňky: Zadejte číslo do textového pole Odsazení buňky, pokud chcete použít odsazení k vytvoření okraje kolem veškerého obsahu uvnitř buňky.

• Mezery buněk: Zadejte číslo do textového pole Mezery buněk, pokud chcete změnit rozestupy tak, aby se buňky od sebe oddalovaly.

• Záhlaví: Zaškrtávací políčko Záhlaví převede horní řádek tabulky ze standardního řádku na definované záhlaví (pomocí

  štítek). To posiluje, že první řádek a jeho obsah definuje záhlaví tabulky.

• Možnosti usnadnění: Můžete poskytnout další informace, které pomohou zrakově postiženým uživatelům porozumět obsahu vaší tabulky. Do textového pole Titulek přidejte popisek, který je relevantní pro vaši tabulku. V oblasti Souhrn zahrňte několik řádků textu, abyste získali další informace o účelu tabulky a jejím obsahu.

Klepněte na tlačítko OK.

Váš stůl je vytvořen.

Při práci s tabulkami zkuste využít funkci Expanded Table v Dreamweaveru. (Najděte tlačítko Rozšířené v části Rozvržení na panelu Vložit.) Rozšířené zobrazení přidává odsazení buněk a mezery v tabulce a zvětšuje velikost ohraničení, aby se usnadnilo vybírání buněk a obsahu.

Pro přesný náhled se po dokončení úprav vraťte do Standardního zobrazení (klikněte na tlačítko Standardní v části Rozvržení na panelu Vložit).