Читать «Веб-Самоделкин. Как самому создать сайт быстро и профессионально» онлайн - страница 114

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

Для построения таблиц в программе предназначены инструменты, которые находятся на вкладке . Содержимое данной вкладки показано на рис. 6.13.

Инструменты, предназначенные для формирования и вставки таблиц

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

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

Однако формирование таблиц с помощью кнопок , и – это, можно сказать, наполовину ручной способ, поскольку многие параметры придется задавать вручную. Намного удобнее воспользоваться режимом автоматического формирования таблиц, который вызывается с помощью кнопки или команды главного меню . Окно Мастера, которое отображается на экране при активизации данной команды, представлено на рис. 6.14.

Создание таблицы в автоматическом режиме

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

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

В листинге 5.9 представлен код нашей веб-страницы, в которую вставлен код таблицы в соответствии с настройками, изображенными на рис. 6.14.

Исходный код страницы после автоматической вставки таблицы