Създаване и форматиране на таблица в Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver поддържа създаване и форматиране на таблици във вашия уебсайт. Когато мислите за таблица , помислете за мрежа, като електронна таблица. Можете да променяте цветовете на клетките в таблици, да разделяте или обхващате клетките (да ги комбинирате с други клетки) и да прилагате граници към тях.

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

Таблица със обединени редове и колони.

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

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

Задайте спецификации на таблицата в диалоговия прозорец Таблица.

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

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

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

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

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

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

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

• Заглавка: Изберете типа заглавка, която искате да включите във вашата таблица (или изберете Няма, ако не искате заглавки).

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

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

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

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