7 Таблицы

7.1 Добавление таблиц на страницу

Таблицы широко применяются на веб-страницах. Таблицы позволяют делать самое главное – правильно размещать нужные элементы на странице.

Программа Adobe Dreamweaver CS4 позволяет легко создавать таблицы в несколько шагов.

Попробуем создать простую таблицу. Установите курсор в позицию документа, в которой будет размещена таблица. Теперь щелкните по кнопке Table (Таблица), которая находится на панели вставки. На экране появится диалоговое окно настройки таблицы.

Диалог создания таблицы

В первых двух полях установите количество строк и столбцов. В поле ввода Table width (Ширина таблицы) введите ширину таблицы. Стоит отметить, что значение ширины, заданное в пикселях, называется фиксированным, так как оно независимо от окна обозревателя. Если ввести процентное значение, то это сделает таблицу более гибкой для просмотра.

Далее расположено поле Border thickness (Толщина границы). Введите в него нужное значение.

Задание толщины границы

Поле Cell padding (Заполнение ячейки) отвечает за отступ между границей ячейки и вводимым текстом. Параметр Cell spacing (Расстояние ячейки) содержит значение отступа между ячейками.

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

В блоке Accessibility (Доступность) можно указать дополнительные параметры. Введите в поле Caption название создаваемой таблицы. Кроме того, в раскрывающемся списке Align Caption (Выравнивание названия) доступны варианты расположения названия.

В самом нижнем поле Summary (Сводка) вы можете ввести примечание к создаваемой таблице. После всех установок нажмите кнопку ОК, и таблица появится на вашей странице.

7.2 Форматирование таблиц

Рассмотрим процесс форматирования таблицы. Текст внутри ячеек таблицы форматируется точно так же, как и обычный текст на Web-странице.

Теперь рассмотрим основные принципы форматирования таблиц. С помощью панели атрибутов вы можете изменить параметры таблицы, которые указывали в диалоге Table (Таблица).

Посмотрим теперь, как выделять таблицу целиком. Щелкните по любой ячейке в таблице. Выберите пункт Modify (Изменение) в строке меню, найдите строку Table (Таблица) и в выпадающем меню выполните команду Select Table (Выделить таблицу).

Команда выделения таблицы

Теперь обратимся к панели атрибутов. На ней имеется возможность установить заново все параметры таблицы, указанные при ее создании.

Теперь рассмотрим возможности выравнивания таблицы на странице. В поле Align (Выравнивание) на панели атрибутов в выпадающем списке выберите нужное значение. Default (По умолчанию) – таблица выравнивается в зависимости от настроек обозревателя.

Left (Слева) – таблица выравнивается по левому краю. Right (Справа) – таблица выравнивается по правому краю.

Кроме стандартных настроек, при выборе диапазона ячеек на панели появилась возможность выбора цвета заливки ячеек таблицы из палитры, а также цвета границ ячеек. Если вы знаете номер цвета в палитре, вы можете ввести его с клавиатуры в соседнее поле.