26.2. Использование таблиц

Страница может быть представлена в виде таблицы. Тогда в HTML-документе используются тэги <table> и </table>. Тэг может включать несколько атрибутов:

• align − устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: align=left (выравнивание влево), align=center (выравнивание по центру), align=right (выравнивание вправо);

• width − ширина таблицы. Ее можно задать в пикселах (например, width=400) или в процентах от ширины страницы (например, width=80%);

• border − задает ширину внешней рамки таблицы и ячеек в пикселах (например, border = 4). Если атрибут не установлен, таблица показывается без рамки;

• cellspacing − устанавливает расстояние между рамками ячеек таблицы в пикселах.

Таблица может иметь заголовок (<caption> ... </caption>), хотя он не является обязательным. Этот тэг также может включать атрибут align. Допустимые значения: <caption align=top> (заголовок над таблицей) и <caption align=bottom> (заголовок под таблицей).

Каждая строка таблицы начинается с тэга <tr> и заканчивается тэгом </tr>. Он может включать атрибуты:

• align − устанавливает выравнивание текста в ячейках (влево, по центру, вправо);

• valign − задает вертикальное выравнивание текста в ячейках строки. Допустимые значения: valign=top (выравнивание по верхнему краю), valign=middle (выравнивание по центру), valign=bottom (выравнивание по нижнему краю).

Каждая ячейка таблицы начинается с метки <td> и заканчивается меткой </td>. Тэг может включать следующие атрибуты:

• nowrap – означает, что содержимое ячейки должно быть показано в одну строку;

• colspan − устанавливает «размах» ячейки по горизонтали. Например, colspan=3 означает, что ячейка простирается на три колонки;

• rowspan − задает «размах» ячейки по вертикали. Например, rowspan=2 означает, что ячейка занимает две строки;

• width − устанавливает ширину ячейки в пикселах;

• height − задает высоту ячейки в пикселах (например, height=40).

Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект &nbsp. Ячейка таблицы может содержать в себе другую таблицу.

26.3. Создание web-страниц в приложении FrontPage

Для профессионального создания web-страниц существуют специальные программы, которые называются гипертекстовыми редакторами. Одним из них является приложение FrontPage, которое входит в MS Office.

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

Web-сайт может быть представлен в следующих режимах:

− режим страницы (Page) позволяет редактировать любую выбранную страницу, изменять размещенный на ней текст и рисунки, вводить новые тэги, задавать гиперссылки. Для переключения режимов просмотра страницы в нижней части панели представления имеются три вкладки: Normal, HTML и Preview;

− кнопка Folders (Папки) включает режим анализа структуры папок и файлов, входящих в web-сайт;

− в режиме Reports (Отчеты) в рабочем окне представлен отчет о текущем состоянии web-сайта;

− кнопка Navigation (Навигация) отображает в рабочем окне программы структуру сайта с гиперссылками, позволяющими перемещаться как внутри данного сайта, так и на страницы других сайтов;

− кнопка Hyperlinks (Гиперссылки) в графической форме представляет все гиперссылки, переводящие на текущую страницу, и с текущей страницы на другие страницы узла;

− кнопка Tasks (Задачи) переводит рабочее окно в режим, напоминающий записную книжку. В нем в рабочем окне отображается список задач, намеченный пользователем для выполнения в будущем.

FrontPage включает в себя все необходимое для работы с web-сайтом: программу FrontPage Explorer для навигации по web-сайту, редактор web-страниц FrontPage Editor; средства для работы с графикой; средства для публикации документов и пр.

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

Пример создания web-страницы в редакторе FrontPage. Надо открыть приложение и выбрать режим создания новой страницы − File/New Page. Набрать в окне некоторый текст. Установить шрифт (Format/Font), стиль, размер, цвет.

Далее можно открыть вкладку HTML и просмотреть HTML-код созданной страницы, на вкладке Preview оценить, как будет выглядеть страница в окне браузера.

Используя вкладку Normal, можно изменить размер, цвет, начертание введенного текста.

Для добавления таблицы на страницу служит команда Table/Insert/Table.

Одну из строк текста можно сделать бегущей. Для этого надо ее выделить и выполнить команду Insert/Component/Marquee.

Для вставки рисунка предназначена команда Insert/Picture, а с помощью Insert/Data and Time можно вставить дату и время.

Чтобы сделать текст гиперссылкой, надо его выделить и выполнить команду Insert/Hyperlink. В появившемся окне в строке URL следует ввести адрес сайта, на который будет происходить переход.