Как да промените външния вид на таблицата в Dreamweaver

Трябва да промените външния вид на таблица на вашия сайт? Когато изберете таблица в Dreamweaver, инспекторът на свойствата ви дава достъп до следните опции за персонализиране на външния вид на вашата таблица:

• Таблица: Предоставя текстова област, където можете да въведете име за таблица. Това име или ID е полезно за насочване към таблицата в скриптове.

• Редове: Показва броя на редовете в таблицата. Можете да промените размера на таблицата, като промените номера. Бъдете внимателни обаче: ако въведете число, което е по-малко от броя на редовете във вашата таблица, Dreamweaver изтрива долните редове — съдържанието и всичко останало.

• Cols: Показва броя на колоните в таблицата. Можете да промените размера на таблицата, като промените номера. Отново, ако въведете число, по-малко от броя на колоните във вашата таблица, Dreamweaver изтрива колоните от дясната страна на таблицата – съдържанието и всичко.

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

  етикет.

  Размерите на таблицата, изразени като процент, ви позволяват да създавате таблици, които се променят по размер, когато прозорецът на браузъра бъде преоразмерен. Ако искате таблица винаги да заема 75 процента от прозореца, независимо от областта на показване на потребителя, задайте размера като процент. Ако искате таблицата винаги да е с еднакъв размер, независимо от размера на прозореца на браузъра, изберете пиксели за ширината на вашата таблица.

  Ако таблица е вмъкната в друг контейнер, като например a

  таг или таблица с фиксирана ширина, таблицата се оразмерява въз основа не на прозореца на браузъра, а на контейнера.

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

• CellPad: Определя пространството между съдържанието на клетка и нейната граница.

• CellSpace: Определя пространството между клетките на таблицата.

• Подравняване: Контролира подравняването на таблицата на уеб страницата. Опциите са по подразбиране, отляво, от центъра и отдясно. Като общо правило, настройката по подразбиране подравнява таблицата от лявата страна на прозореца на браузъра или друг контейнер.

• Граница: Контролира размера на границата около масата. Колкото по-голямо е числото, толкова по-дебела е границата. Ако искате границата да е невидима, задайте я на 0.

• Клас: Осигурява лесен достъп до опциите на стиловата таблица.

• Изчистване и конвертиране: Иконите в долната лява област на инспектора на свойствата (щракнете върху стрелката за разширяване в долния десен ъгъл, за да ги видите) предоставят следните опции за форматиране:

  • Clear Row Heights и Clear Column Widths ви позволяват да премахнете всички стойности на височина и ширина наведнъж.

  • Преобразуване на ширините на таблицата в пиксели и Преобразуване на ширините на таблицата в проценти ви позволяват автоматично да променяте настройките за ширина от проценти в пиксели. Пикселите определят фиксирана ширина; настройка за процент означава, че браузърът автоматично настройва определения процент от областта за показване на браузъра.

Можете също да приложите опции за форматиране и да промените атрибутите на всеки елемент - като текст, изображение или мултимедиен файл - в клетка на таблица. За да направите това, изберете елемента и след това използвайте опциите в инспектора на свойствата на CSS или HTML, за да направите желаните промени, точно както бихте направили, ако елементът не беше в клетка на таблица.