Как да работите с таблици в Adobe Dreamweaver CS6

Когато мислите за таблица в Adobe Dreamweaver CS6 , помислете за мрежа, която има множество клетки в нея, подобно на електронна таблица. Таблиците се използват в HTML страници, така че елементите и данните да могат да се съдържат и позиционират в определени клетки в поредица от редове и колони.

Можете да променяте цветовете на клетките в таблици, да разделяте или обхващате клетките (да ги комбинирате с други клетки) и да прилагате граници към тях.

Когато създавате таблица, можете да определите колко редове и колони съдържа, както и да зададете фиксирани или мащабируеми ширини за редове и колони, където е необходимо. Можете също да изберете да обедините редове и колони, за да създадете уникални таблици.

За да създадете таблица в Dreamweaver, изпълнете следните стъпки:

Поставете курсора там, където искате да се показва таблицата, уверете се, че разделът Общи на панела Вмъкване е видим и след това щракнете върху бутона Таблица.

Като алтернатива можете да изберете Вмъкване→Таблица. Който и метод да използвате, се появява диалоговият прозорец Таблица.

Въведете или изберете атрибутите на таблицата, която искате да създадете:

• Редове: В текстовото поле Редове въведете броя на редовете, които искате в таблицата. Редовете се подреждат вертикално и могат да бъдат добавени или изтрити, след като създадете таблицата.

• Колони: В текстовото поле Колони въведете броя на колоните, които искате в таблицата. Колоните се създават хоризонтално в дадена таблица и могат да бъдат добавени или изтрити, след като ги създадете.

• Ширина на таблицата: Въведете измерване на ширината в текстовото поле Ширина на таблицата и след това изберете измерване (пиксели или проценти) от падащия списък вдясно. Ширината на таблицата е важен атрибут, защото задава размера по подразбиране за таблицата.

• Дебелина на границата: Въведете (в пиксели) дебелината, която искате за ширината на границата около клетките и извън таблицата. Ако не искате да виждате форматиране на таблицата, въведете 0 в текстовото поле Дебелина на границата. Забележка: В изгледа за проектиране все още виждате пунктирана граница на таблицата — това е само визуална помощ.

• Допълване на клетки: Въведете число в текстовото поле Cell Padding, ако искате да използвате запълване, за да създадете поле около цялото съдържание вътре в клетката.

• Разстояние между клетките: Въведете число в текстовото поле Разстояние между клетките, ако искате да промените разстоянието, за да раздалечите клетките.

• Заглавие: Квадратът за отметка Заглавие преобразува горния ред на таблицата от стандартен ред в дефиниран заглавка (използвайки

  етикет). Това подсилва, че първият ред и неговото съдържание определят заглавката на таблицата.

• Опции за достъпност: Можете да предоставите допълнителна информация, за да помогнете на потребителите с увредено зрение да разберат съдържанието на вашата таблица. Добавете надпис, който е подходящ за вашата таблица, в текстовото поле Надпис. В областта Резюме включете няколко реда текст, за да предоставите повече информация за целта на таблицата и нейното съдържание.

Щракнете върху OK.

Вашата таблица е създадена.

Когато работите с таблици, опитайте се да се възползвате от функцията Разширена таблица в Dreamweaver. (Намерете бутона Разширен в секцията Оформление на панела Вмъкване.) Разширеният изглед добавя подпълване на клетките и разстояние в таблицата и увеличава размера на границата, за да улесни избора на клетки и съдържание.

За точен преглед се върнете към стандартен изглед (щракнете върху бутона Стандартен в секцията Оформление на панела Вмъкване), след като приключите с редактирането.