Техника Web-дизайна для студента

Изменение свойств таблицы

Перед выполнением действий по изменению свойств таблицы, она должна быть предварительно выделена. Признаком выделе­ния таблицы служит появление вокруг нее черной рамки с тремя маркерами.

Выделение таблицы можно осуществлять следующими способами:

□ Установить курсор внутри таблицы и дать команду меню Modify | Table | Select Table (Изменить | Таблица | Выделить таблицу);

О Указатель мыши поместить на правую или нижнюю сторону таблицы таким образом, чтобы вокруг таблицы появилась красная рамка и произвести щелчок мышью.

После выделения таблицы панель свойств Properties (Свойства) должна принять вид, приведенный на рис. 4.8. В случае отсутст­вия нижней части панели, следует щелкнуть по треугольной стрелке в ее правом нижнем углу.

Чтобы изменить количество строк или столбцов таблицы, в ПО­ЛЯХ Rows (Строки) или Cols (Столбцы) необходимо ввести соот­ветствующие значения. Строки добавляются или удаляются сни­зу, а столбцы — справа. Новые значения вступят в силу после щелчка мышью в любом месте панели вне изменяемого поля. Аналогичным образом можно установить значения других па­раметров таблицы, которые приведут к изменению соответст­вующих параметров метки <тавье>.

Значения полей W и Н устанавливают значения параметров width и height (ширина и высота таблицы) в пикселях или про­центах.

В поле CellPad можно задать расстояние между границами ячей­ки и ее содержимым, а в поле CellSpace — расстояние между ячейками.

Список Align позволяет выбрать выравнивание по горизонтали для всей таблицы относительно страницы, в которой она нахо­дится. Возможен выбор следующих значений: default — вырав­нивание по умолчанию, left — по левому краю, center — по цен­тру, right — по правому краю.

Поля Border, Bg Color, Brdr Color предназначены для задания толщины рамки, цвета фона и цвета рамки таблицы, причем вы­бор цвета можно осуществить из раскрывающейся палитры, на­жав кнопку перед соответствующим полем.

Поле Bg Image предназначено для задания имени файла фонового рисунка таблицы. Щелкнув по кнопке Browse for File (Поиск файла) справа от поля, можно открыть диалоговое окно Select Image Source (Выбор источника изображения) и выбрать файл рисунка.

Слева от полей задания фона располагаются три пары кнопок. Первая пара, включающая кнопки Clear Column Widths (Удалить ширину столбцов) и Clear Row Heights (Удалить высоту строк), предназначена для удаления параметров width и height по всей таблице, включая отдельные ячейки. Кроме этих кнопок можно воспользоваться командами Clear Cell Widths (Удалить ширину ячеек) и Clear Cell Heights (Удалить высоту ячеек) меню Modify | Table (Изменить | Таблица), действия которых аналогичны. Вторая пара содержит кнопки Convert Table Widths to Pixels (Преобразо­вать ширину таблицы в пиксельное представление) и Convert Ta­ble Heights to Pixels (Преобразовать высоту таблицы в пиксельное представление). Эти кнопки позволяют преобразовать ширину и высоту как всей таблицы, так и отдельных ячеек из процентного представления в пиксельное представление. При этих преобразо­ваниях в параметрах width и height не только меняются единицы измерения, но и пересчитываются значения таким образом, чтобы размеры таблицы остались неизменными. Третья пара кнопок Convert Table Widths to Percent (Преобразовать ширину таблицы в процентное представление) и Convert Table Heights to Percent (Преобразовать высоту таблицы в процентное представление) осуществляет обратное преобразование ширины и высоты из пик­сельного представления в процентное. Для этих же целей можно использовать команды меню Modify | Table (Изменить | Таблица):

О Convert Widths to Pixels — преобразовать ширину в пиксель­ное представление;

О Convert Heights to Pixels — преобразовать высоту в пиксель­ное представление;

О Convert Widths to Percent — преобразовать ширину в про­центное представление;

О Convert Heights to Percent — преобразовать высоту в процент­ное представление.

Поле Table Id позволяет ввести индивидуальное имя метки, в данном случае метки <table>. Введенное в поле значение будет присвоено параметру id, который появится в метке <table>. Индивидуальные имена меток используются при создании ди­намических страниц, внешний вид которых меняется в зависи­мости от действий пользователя. Используя индивидуальное имя, программа-сценарий обращается к метке, изменяя ее свой­ства. Подробно эти вопросы будут рассмотрены в главе 8.

Список Class содержит перечень имен каскадных таблиц стилей (CSS), из которого можно выбрать нужный стиль форматирова­ния таблицы, после чего имя стиля будет присвоено параметру

Class и таблица изменит свой внешний вид. Вопросы создания и использования каскадных таблиц стилей рассмотрены в главе 7.