9.10. Дизайн web-страниц с помощью таблиц

Мощнейшее средство HTML - таблицы - позволяют создавать достаточно сложный дизайн web-страницы, например, расположить текст вашего документа в нескольких колонках, организовать фотоальбом или галерею рисунков и т.п.

Вставка таблицы в документ

Для того чтобы разместить в вашем документе таблицу, установите курсор в точку вставки таблицы и вызовите команду Вставить таблицу меню Таблица. В открывшемся диалоговом окне Добавить таблицу (рис. 9.7) задайте количество строк и столбцов таблицы, тип выравнивания элементов таблицы.

Рис. 9.7. Диалоговое окно команды Вставить таблицу меню Таблица

Определите размер линий границ ячеек (Размер рамки) в пикселях (до 100 пикселей). Если размер рамки будет иметь нулевое значение, то линия границы таблицы отобразится пунктирами, а при просмотре документа в обозревателе станет невидимой.

Промежуток между столбцами определяет расстояние между столбцами в пикселях.

Ширина указывает ширину таблицы в пикселях или в процентах от ширины основного окна соответствующего обозревателя. Независимо от того или иного обозревателя, таблица, ширина которой определена в пикселях, будет иметь постоянный размер. Таблица, ширина которой определена в процентах, будет подстраиваться к тому или иному обозревателю.

Изменение конфигурации таблицы

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

Любую ячейку таблицы можно разбить на столбцы или строки, или, наоборот, объединить несколько ячеек (см. примеры на рис. 9.8)

Р ис. 9.8. Изменение конфигурации вставленной таблицы

Для удаления строк или столбцов таблицы нужно использовать команду Вырезать из меню Правка.

Свойства таблицы

Созданную таблицу можно редактировать с помощью команды Свойства таблицы из меню Таблица. В открывшемся диалоговом окне (рис. 9.9) можно настроить тип выравнивания элементов таблицы, расстояние от границы ячейки до текста (поле Заполнение ячеек), расстояние между наружной и внутренней рамками обрамления таблицы (Промежуток между столбцами).

Рис. 9.9. Диалоговое окно команды Свойства таблицы

Для рамки таблицы можно задать размер (толщину линий обрамления), а также ее цвет. При этом можно придать рамке эффект объемности, используя настройки Светлая рамка и Темная рамка.

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

Можно изменять свойства не только всей таблицы целиком, но и свойства отдельных ее ячеек. Для этого можно воспользоваться командой Свойства ячейки (меню Таблица). Диалоговое окно этой команды аналогично окну Свойства таблицы.

9.11. Дизайн web-страниц с использованием графики

Редактор FrontPage Express поддерживает графические изображения двумя форматами GIF и JPG. Это значит, что любой файл формата BMP, PCX, TGA, TIF, WMF и т.п. при вставке в рабочую среду FrontPage Express будет преобразован в GIF-картинку.

У каждого из указанных двух форматов есть свои преимущества и недостатки.

Формат GIF появился давно. Он стал первым типом графических файлов, поддерживаемым WWW. Этот формат имеет 256 цветов, позволяет использовать прозрачные изображения, т.е. может сохранять анимированные изображения.

JPЕG (JPG) более новый формат. Этот формат использует специальную технику компрессии изображений, что определяет его преимущество для рисунков и фотографий, особенно больших размеров. Этот формат лучше, чем GIF, сохраняет цвета и детали.