Текст книги "Интернет. Быстрый старт"
![](/books_files/covers/thumbs_240/internet-bystryy-start-45754.jpg)
Автор книги: Игорь Шапошников
Жанр: Интернет, Компьютеры
сообщить о неприемлемом содержимом
Текущая страница: 19 (всего у книги 20 страниц) [доступный отрывок для чтения: 7 страниц]
Режимы работы
Создание сайта – это не только проектирование Web-страниц. При создании сайта всегда необходимо держать в голове его внутреннюю структуру, схему внешних и локальных гиперссылок, поддерживать правильную схему навигации, планировать свою работу и осуществлять контроль. Все эти функции поддерживаются FrontPage 2000. Выбор того или иного режима работы осуществляется при помощи кнопок, собранных в окне Views (Вид). При запуске FrontPage по умолчанию используется режим проектирования Web-страницы. То есть кнопка Page (Страница) находится в нажатом состоянии. С этим режимом вы уже знакомы.
Следующий режим предназначен для отображения структуры сайта. Как вы помните, хороший сайт создается на основе структуры папок. В одну из них помещаются графические файлы, в другую – активные элементы, некоторые папки используются для хранения Web-страниц, освещающих одну тему, и т. д. Нажатие на кнопку Folders (Папки) переводит FrontPage 2000 в режим отображения этой структуры (рис. 8.36). Больше всего это похоже на стандартный проводник Windows. В левой части окна с названием Folder List (Список каталогов) показывается древовидная структура папок создаваемого сайта. Правая часть служит для отображения более детальной информации, т. е., помимо папок, показываются еще и файлы. Здесь необходимо отметить, что режим показа древовидной структуры сайта может быть включен и в режиме Page (Страница). Для этих целей служит кнопка Folder List (Список каталогов) на основной панели инструментов или команда меню View/Folder List (Вид/Список каталогов).
![](i_117.png)
Рис. 8.36. Режим работы Folders приложения FrontPage 2000
Данный режим работы FrontPage 2000 – это, по большей части, просто информационный режим. Его основная задача – дать максимально полную информацию о файловой структуре создаваемого сайта. Поэтому основная часть рабочего пространства выстроена в виде таблицы. Это достаточно хорошо показано на рисунке. В колонке Name (Наименование) вы видите имя файла или папки. Колонка Title (Заголовок) предназначена для отображения заголовка страницы или наименования остальных элементов, хранящихся в отдельных файлах в составе сайта. Колонки Size (Размер) и Туре (Тип) показывают, соответственно, размер файла и его расширение. Дата и время последнего изменения какого-либо файла приведены в колонке Modified Date (Дата изменения). Так как все семейство программ Microsoft Office, а значит, и входящее в его состав приложение FrontPage 2000 рассчитаны на работу в группе, когда над одним и тем же проектом работает несколько человек, возникает необходимость указывать, кто именно изменял тот или иной файл последним. Имя этого человека отображается в колонке Modified By (Изменено). И наконец, последняя колонка Comments (Комментарии) предназначена для размещения комментариев относительно какого-либо файла или папки. Для добавления комментариев к одному из объектов необходимо в контекстном меню выбрать команду Properties (Параметры), а в появившемся диалоговом окне – вкладку Summary (Поле). На ней и будет размещено поле для ввода комментариев.
Следующий режим работы – Reports (Отчеты). Он позволяет получить практически всю необходимую информацию о вашем сайте. При выборе этого режима работы автоматически активизируется панель инструментов Reporting (Создание отчета). По умолчанию показывается статистика всего сайта, то, что называется Site Summary (Сводка сайта) (рис. 8.37). Каждая строка таблицы представляет собой сводный отчет по какой-либо категории статистики. В том случае, если необходимо получить полный отчет, требуется выбрать соответствующую категорию в выпадающем списке Report (Отчет) инструментальной панели Reporting (Создание отчетов) или произвести двойной щелчок на соответствующей строке отчета. Также может быть использована команда меню View/Reports (Вид/Отчеты).
Итак, пройдемся по всему полному отчету, чтобы узнать, что показывается в каждой строке. Строка All files (Все файлы) отображает количество и общий размер всех файлов, входящих в ваш сайт. По сути, в этой строке задается объем всего сайта. В строке Pictures (Рисунки) отображается количество и общий объем графических файлов, использованных при оформлении сайта.
Количество файлов, не связанных напрямую с основной страницей сайта, показывается в строке Unlinked files (Несвязанные файлы). Соответственно, информация о файлах, связанных с этой основной страницей, отображается в строке Linked files (Связанные файлы). Строка Slow pages показывает количество HTML-файлов, для загрузки которых требуется более тридцати секунд. То есть так называемые «медленные страницы». Конечно, временной критерий в данном случае кажется немного завышенным. Так, по данным последних исследований компании Zona Research, максимальное время, в течение которого пользователь обычно готов дожидаться ответа сервера, составляет всего восемь секунд. Поэтому всегда стоит держать этот критерий в голове при создании Web-страниц. Естественно, при получении статистики хотелось бы иметь возможность для изменения временного критерия при определении «медленных страниц». Для этого в выпадающем списке Report (Отчет) инструментальной панели Reporting (Создание отчетов) необходимо выбрать значение Slow Pages (Медленные страницы), а в списке Report Setting (Установки отчета) – нужное значение временного интервала.
![](i_118.png)
Рис. 8.37. Режим работы Reports приложения FrontPage 2000
В строке Older files (Старые файлы) показывается количество файлов, которые не изменялись в течение определенного количества дней. По умолчанию этот временной промежуток равен семидесяти двум дням, но, как и в случае с определением «медленных страниц», вы можете его изменить, для чего в выпадающем списке Report (Список) необходимо выбрать соответствующее значение, в данном случае это Older files (Старые файлы), и в выпадающем списке Report Settings (Установки отчета) указать нужный срок. При этом вся информация о подобных файлах будет показана детально, с именами, типами, сроками последнего изменения и т. д.
Следующая строка весьма похожа на предыдущую. Но в строке с названием Recently added files (Недавно добавленные файлы) показывается общее количество файлов, добавленных к сайту в течение нескольких последних дней. По умолчанию используется тридцатидневный срок. Его изменение производится в режиме детального просмотра этой части статистики, которая доступна при использовании все того же выпадающего списка Report (Отчет) и соответствующего одноименного значения.
Следующие четыре строки предназначены для отображения информации о гиперссылках, размещенных в теле Web-страниц вашего сайта. Каждую гиперссылку можно и нужно проверить. Для этих целей применяется кнопка Verify Hyperlinks (Проверить гиперссылки) на инструментальной панели Reporting или команда меню Tolls/Recalculate Hyperlinks (Сервис/Пересчитать гиперссылки). Количество непроверенных на данный момент гиперссылок отображается в строке Unverified hyperlinks (Непроверенные гиперссылки). Информация обо всех оборванных гиперссылках, т. е. таких, которые указывают на несуществующие файлы, собирается в строке Broken hyperlinks (Оборванные гиперссылки). Как вы помните, гиперссылки делятся на внешние и внутренние. Те ссылки, которые ведут удаленного пользователя на другие страницы этого же сайта, считаются внутренними. Информация о них отображается в строке Internal hyperlinks (Внутренние гиперссылки), а о внешних – в строке External hyperlinks (Внешние гиперссылки).
Вы уже знаете, что при организации функционального сайта трудно обойтись без активных элементов. Естественно, их необходимо тестировать. Некоторые ошибки в размещении и настройке активных элементов FrontPage 2000 может находить сама. Информация о таких ошибках суммируется в строке Component error (Ошибки компонентов). Естественно, для того, чтобы узнать, в каких именно элементах допущены ошибки, необходимо затребовать более детальную информацию.
Несколько позже в этом разделе мы рассмотрим средства планирования и организации работы в FrontPage 2000. Эти средства строятся на применении задач. Например, если вы планируете через некоторое время создать страницу в сайте, то для напоминания об этом создается задача. После ее выполнения вы присваиваете ей статус законченной. FrontPage позволяет увидеть количество незавершенных задач. Сводная информация о них помещается в строку Uncompleted tasks (Незавершенные задачи).
И наконец, последняя строка из этой всеобщей статистики относится к оформлению сайта. Да-да, к тому самому, которое мы разбирали в предыдущем разделе, в конце которого нами было рассмотрено использование тем при оформлении сайта. Как вы уже знаете, для сайта можно указать одну или несколько тем. Так вот, последняя строка с именем Unused themes (Неиспользованные темы) показывает количество тем, которые были выбраны для использования в сайте, но так и не были применены ни к одной из страниц.
Из режимов просмотра статистики стоит упомянуть, пожалуй, еще режим Categories (Категории), который можно установить только из выпадающего списка Report. Он показывает, какие категории приписаны тем или иным объектам, входящим в состав файла. Механизм использования категорий мы рассматривали немного выше, в разделе, посвященном созданию активных элементов. Также стоит воспользоваться режимом Publish Status (Статус публикации). Он позволяет узнать, какие элементы сайта успешно прошли процедуру опубликования, а какие – нет.
Следующий режим работы FrontPage 2000 позволяет разобраться во внутренней навигации сайта. Рабочее поле FrontPage (рис. 8.38) в этом режиме опять разбивается на два окна, в одном из которых отображается дерево файла. Впрочем, в этом режиме его можно скрывать и показывать по желанию, т. к. соответствующая кнопка и команда меню доступны. Данный режим чрезвычайно полезен для получения наглядной информации о внутренней структуре и логике сайта.
![](i_119.png)
Рис. 8.38. Режим работы Navigation приложения FrontPage 2000
Естественно, вся навигация по сайту происходит только при помощи гиперссылок. Для того чтобы увидеть структуру внешних и внутренних связей какой-либо страницы, необходимо использовать режим Hyperlinks (Гиперссылки) (рис. 8.39). Процедура работы в этом режиме достаточно проста. В окне Folder List (Список каталогов), содержащем дерево сайта, выбирается нужная Web-страница. Ее входящие и исходящие ссылки схематично показываются в основном окне. При этом сами гиперссылки отображаются синими стрелками, а связи, не являющиеся ссылками, например с внедренными активными объектами, – коричневыми линиями. При этом страницы, содержащие гиперссылки, отображаются со встроенным значком плюса. На рисунке видно, что именно таким способом показан файл с именем 2.htm. Щелчок на значке этого файла позволяет отображать гиперссылки и для него. При этом знак плюса заменяется на знак минуса. Подобным образом можно в рабочем поле развернуть всю схему внешних и локальных гиперссылок сайта. Естественно, при создании объемного сайта эта схема будет достаточно велика. Для расположения той или иной страницы в центре рабочего поля, что более удобно при рассмотрении схемы ее гиперссылок, можно вместо полос прокрутки воспользоваться командой контекстного меню Move to Center (Переместить в центр). Эта команда, естественно, действует для всех страниц, кроме той, которая была выбрана для начала отображения этого режима. Подобная стартовая страница показывается при помощи несколько увеличенного значка. На рисунке этим значком отображена страница l.htm. Команда Move to Center (Переместить центр) не только перемещает выбранную страницу в центр рабочего поля, но и делает ее основной для данного режима. Двойной щелчок по значку какой-либо Web-страницы переводит FrontPage в режим проектирования страницы Page (Страница) и позволяет редактировать ее содержимое.
![](i_120.png)
Рис. 8.39. Режим работы Hyperlinks приложения FrontPage 2000
Последний режим работы, предусмотренный для FrontPage 2000, предназначен для организации общего цикла работы. Режим Tasks (Задачи) позволяет контролировать степень выполнения запланированных заданий. Как уже говорилось, планирование любых действий в FrontPage 2000 осуществляется посредством назначения задач. Практически любое действие можно отложить на будущее, создав для него задачу. Добавление задачи производится либо при помощи прямого выполнения команды меню Edit/Task/Add Task (Правка/Задача/Добавить задачу), либо при помощи соответствующей кнопки, которая присутствует во многих диалоговых окнах. При этом визуализируется диалоговое окно New Task (Новая задача) (рис. 8.40). В поле Task name (Наименование задачи) записывается наименование задачи, которое будет ее идентифицировать. Группа переключателей Priority (Приоритет) позволяет назначить приоритет задачи. Приоритетов, т. е. степеней важности и срочности, всего три. По умолчанию выставляется средний приоритет (Medium). Назначенную задачу надо кому-то выполнять и для указания человека, которому придется это делать, служит выпадающий список Assigned to (Исполнитель). В нем помещаются имена всех членов рабочей группы, в которой прописан данный компьютер. Для описания самого задания, т. е. того объема работы, который необходимо выполнить, служит поле текстового ввода Description (Содержание). После ввода всех нужных данных задачу необходимо записать. После того как вашему сайту будет приписана хотя бы одна задача, использование режима Tasks (Задачи) станет оправданным. Задачи могут быть привязаны как к каким-либо Web-страницам, так и быть независимыми. Если задача создается в момент редактирования какой-либо страницы, то в строке Associated with (Связано с…) записывается имя HTML-файла, содержащего данную Web-страницу. Для привязанных таким образом задач действует команда меню Edit/Task/Start (Правка/Задача /Начало). Данная команда становится доступной для выбора пользователем в том случае, если действует режим работы Tasks (Задачи) и выделена задача, связанная с какой-либо страницей. Выполнение этой команды влечет за собой переход в режим редактирования Web-страницы Page (Страница) и загрузку в рабочее пространство соответствующего HTML-файла.
![](i_121.png)
Рис. 8.40. Диалоговое окно New Task
Как мы уже говорили, управление задачами производится в режиме Tasks (рис. 8.41). Нас будет интересовать общий ход работы над сайтом, который легко контролировать по степени выполнения задач. Каждая задача имеет определенный статус, показываемый в колонке Status (Статус). Обычно используется три состояния: работа над задачей еще даже не начиналась (Not Started), начата, но еще не закончена (Not Completed) или работа завершена (Completed). Первый статус снимается после выполнения команды Start Task (Начать выполнение) контекстного меню или уже знакомой вам команды Edit/Task/Start (Правка/Задача/Начало). Естественно, после того, как задача выполнена, ей необходимо присвоить соответствующий статус. Делается это при помощи команды Edit/Task/Mark as Completed (Правка/Задача/Пометить, как выполненную) или одноименной команды контекстного меню.
![](i_122.png)
Рис. 8.41. Режим работы Tasks приложения FrontPage 2000
Однако для полноценной работы с механизмом задач нужно не только иметь возможность изменять их статус, необходимо еще и получать информацию о них. Вся возможная информация о назначенных задачах отображается в основной таблице рабочего режима Tasks (Задачи). О колонке Status (Статус) мы уже говорили. Колонка Task (задача) содержит идентифицирующее короткое имя задачи. Имя человека, ответственного за ее выполнение, помещается в колонке Assigned То (Исполнитель), а ее приоритет – в колонке Priority (Приоритет). В том случае, если задача привязана к какой-либо Web-странице, имя соответствующего HTML-файла пишется в колонке Associated With (Связано с…). Дата и время последнего изменения состояния задачи указываются в колонке Modified Date (Дата изменения). Ну а полная расшифровка задания прописывается в колонке Description (Содержание).
Данные о любой задаче могут быть изменены посредством прямого ввода, минуя стандартные механизмы изменения статуса. Для этого используется команда контекстного меню Edit Task (Редактировать задачу). Эта команда активизирует диалоговое окно Task Details (Детализация задачи), которое является функциональным двойником окна New Task (Новая задача) (см. рис. 8.40). При этом те параметры задачи, которые могут быть изменены, помещаются в соответствующих элементах управления. Хотя, конечно, может возникнуть ситуация, когда проще уничтожить задачу, а потом создать новую. Для уничтожения задачи используется команда контекстного меню Delete (Удалить).
На этом обзор режимов работы FrontPage 2000 можно закончить и перейти к примерам создания Web-страниц и целых сайтов.
Готовые страницы
Качество сайта и его посещаемость, т. е. те параметры, которые мы всегда стараемся улучшить, напрямую зависят от правильной структуры сайта и страниц, входящих в его состав. Каждый из нас, поработав некоторое время в Интернете, может составить свое мнение о структуре того или иного сайта. Очень часто хорошее наполнение страдает из-за неправильного оформления. Для того чтобы найти правильный баланс между жаждой оригинального самовыражения и здоровой консервативностью, необходим большой опыт работы и множество специальных знаний и навыков. Что же делать, если опыт работы Web-мастером еще откровенно невелик и на стене не висит диплом дизайнера? Одним из выходов может быть использование заранее заготовленных образцов Web-страниц. В данном случае это будут обычные шаблоны FrontPage 2000. Доступ к их коллекции осуществляется при помощи команды File/New/Page (Файл/Создать/Страница). В появившемся диалоговом окне New (Создать) на вкладке General (Общие), помимо обычного шаблона Normal Page (Обычная страница), создающего пустую страницу без какого-либо наполнения, доступны еще двадцать четыре шаблона и один мастер. Эта группа шаблонов демонстрирует все наиболее удачные варианты компоновки содержимого страниц и основные правила оформления текста. Пройдем последовательно по всем шаблонам, а потом уже рассмотрим единственный мастер.
Итак, первый шаблон с наименованием Bibliography (Библиография) не демонстрирует особых изысков верстки. Он формирует весьма консервативного вида страницу, которая обычно применяется для списка использованной литературы, так называемой библиографии. На созданной странице располагаются три строки, содержащие шаблон текстового элемента, отображающего информацию об одном из использованных источников. Причем фамилии авторов оформлены в виде гиперссылок. При создании подобных страниц, пожалуй, не стоит изменять правила стилевого оформления элементов текста, т. к. изначально заданные параметры производят очень хорошее впечатление выдержанного стиля.
Следующий шаблон носит наименование Confirmation Form (Подтверждающая форма). Он позволяет быстро создавать страницы, предназначенные для подтверждения ввода данных в форму пользователем. Такой механизм работы обсуждался в главах о формах и встраиваемых активных элементах. Мы уже говорили о том, что в подобных страницах-подтверждениях обычно отображается стандартный текст, уведомляющий о благополучном приеме данных, в который вставляется имя посетителя сайта. Наш шаблон использует целый набор полей подтверждения. Напомним, что если есть необходимость применять подобный механизм ответа, то наименования активных элементов подтверждающих полей должны совпадать с уникальными идентифицирующими наименованиями полей ввода данных в исходной форме. В создаваемой странице используется подтверждающее поле с именем посетителя сайта Username, тип полученного сообщения и его тема (MessageТуре и Subject). Также использованы введенные координаты посетителя: его адрес электронной почты (UserEmaii'), номер телефона (UserTel) и факс (UserFAX). Остальной текст имеет смысл поменять на русскоязычное сообщение.
Для налаживания обратной связи между компанией и ее клиентом с помощью стандартного Web-сайта компании можно предложить использовать шаблон Feedback Form (Форма обратной связи), который позволяет создать страницу, содержащую форму для ввода данных. По умолчанию в форме располагается группа переключателей, которые характеризуют тип отсылаемого сообщения. Предмет разговора выбирается из выпадающего списка. Если требуемого значения в нем нет, посетитель сайта может ввести его в поле ввода, находящееся рядом со списком. Само сообщение вводится в многострочное поле ввода. В самом низу формы расположены поля, в которые вводятся координаты посетителя. Стоит отметить, что эта форма идеально стыкуется с только что рассмотренной страницей подтверждения. Переключатели идентифицируются именем MessageType, поле для ввода имени удаленного пользователя – Username и т. д. По сути, создателю страницы потребуется только заменить все сообщения и надписи, и он получит готовую функциональную страницу.
Следующий пример представляет собой реализацию списка наиболее часто задаваемых вопросов (FAQ – Frequently Asked Questions). Если придется делать сайт, достаточно серьезно завязанный на общении с посетителями, не поленитесь и создайте подобную страничку, иначе придется отвечать на множество однотипных вопросов. Стандартный вариант создания хорошей гипертекстовой странички со списком вопросов и ответов приведен в шаблоне с характерным именем Frequently Asked Questions (Часто задаваемые вопросы). В верхней части страницы помещается список вопросов, каждый из которых выполнен в виде локальной гиперссылки, которая привязана к ответу на соответствующий вопрос. Таким образом, для добавления нового вопроса и ответа в список в необходимое место сначала вставляется текст вопроса и ответа, оформляется в виде закладки, а потом в списке вопросов добавляется еще одна строка, которая реализуется в виде локальной гиперссылки. В качестве места назначения данной гиперссылки указывается только что созданная закладка. Ну и в самом конце страницы размещаются реквизиты администратора, поддерживающего страницу, данные об организации, предупреждение об авторских правах, дата последнего обновления списка (это важно!).
Весьма часто на различных сайтах можно встретить так называемые гостевые книги. Это на самом деле обычный гипертекстовый файл, в который дописываются отзывы посетителей. Процедура добавления своего мнения к общей массе достаточно проста. Для этого используется простейшая форма с многострочным полем текстового ввода и парой кнопок. Одна – для очистки поля, вторая – для отсылки текста. Подобная страница в FrontPage 2000 реализуется при помощи шаблона Guest Book (Гостевая книга). На ней после вышеупомянутой формы располагается активный элемент, отображающий HTML-файл, в который записаны все отзывы. Естественно, после добавления личного мнения необходимо перезагрузить страницу в браузер, чтобы увидеть обновленный файл.
Шаблон Narrow, Left-aligned Body (Узкая, прижатая влево страница) представляет собой не реализацию какого-либо механизма сайта, а один из образцов грамотной верстки Web-страницы. Этот шаблон создает страницу, содержимое которой укладывается в таблицу с невидимыми границами. Как вы, наверное, помните, это практически единственный способ добиться адекватного отображения верстки. У данной страницы левое поле пустое, под основной текст выделен наиболее обширный блок, который тем не менее выглядит смещенным влево, а правая часть отведена под иллюстрации.
Весьма похож на предыдущий шаблон, который носит название Narrow, Right-aligned Body (Узкая, прижатая вправо страница). Но здесь иллюстрации занимают левую часть, а текст смещен вправо. Если быть точным и обратить внимание на количественные характеристики, то исходя из HTML-кода этой страницы, можно увидеть, что под иллюстрации отводится 50 % ширины окна просмотра браузера. Для текста зарезервировано 40 %, а оставшиеся 10 % – территория правого поля. Естественно, эту ситуацию можно исправить путем простого изменения размеров ячеек в режиме проектирования страницы или прямого изменения HTML-кода в следующей конструкции:
<td align="right" valign="top" width="50 %"></td>
<td valign="top" width="40 %"></td>
<td width="10 %"></td>
Естественно, все последующие подобные блоки также подлежат изменению.
Шаблон One-column Body (Страница с одной колонкой) создает страницу, в которой текст располагается по центру одной колонкой. Реализуется подобная верстка также при помощи таблиц. Под правое и левое поле отведено по 25 % ширины окна просмотра браузера. В центральной части страницы располагается сам текст. Для его отображения используется выключка по центру.
Продолжает эту идею оформления страницы шаблон One-column Body with Contents and Sidebar (Страница с одной колонкой, с содержанием и боковиком). В странице, создаваемой этим шаблоном, текст, как и в предыдущем случае, располагается в одну колонку, но в данном случае она занимает 54 % от ширины окна просмотра. Вместо достаточно объемных полей, использованных в предыдущем шаблоне, теперь слева располагается содержание страницы, а справа – иллюстрации. Эти колонки по умолчанию занимают 16 и 18 %, соответственно. Все остальное место отдано под колонки таблицы, разделяющие заполненные столбцы. К сожалению, в данном случае содержание представляет собой обычный текст. Настоятельно рекомендуем вам делать оглавление в виде локальных гиперссылок.
Если же иллюстраций не настолько много, чтобы отводить им весьма ощутимую часть свободного места, можно разместить их в самом тексте, а освободившееся пространство использовать более эффективно. Подобный образец верстки страниц приведен в шаблоне One-column Body with Contents on Left (Страница с одной колонкой, содержание прижато влево). Под оглавление отводится 20 %, под основной текст – 80.
Если нет никакого желания размещать оглавление слева, следует воспользоваться шаблоном One-column Body with Contents on Right (Страница с одной колонкой, содержание прижато вправо). Он полностью повторяет по структуре предыдущий шаблон, но оглавление перенесено к правому краю.
Шаблон One-column Body with Staggered Sidebar (Страница с одной колонкой и ступенчатым боковиком) с левой стороны страницы резервирует место для иллюстраций и подписей. Они располагаются блоками в шахматном порядке.
Весьма похожий вариант верстки Web-страницы реализуется при помощи шаблона One-column Body with Two Sidebars (Страница с одной колонкой и двумя боковиками). В этом случае правое поле немного увеличено. Как правило, оно применяется для размещения иллюстраций. Левое поле разбито на две колонки, в которых, обычно в шахматном порядке, помещаются гиперссылки на ресурсы с дополнительной информацией.
Эти две части можно разместить не по разные стороны от основного текста, а рядом друг с другом. Для создания подобного порядка расположения материала используется шаблон One-column Body with Two-column Sidebar (Страница с одной колонкой, боковик с двумя колонками). Здесь дополнительное поле разбивается на две колонки, в одной из которых обычно размещаются иллюстрации, а во второй – дополнительные гиперссылки или подписи к рисункам.
Следующий шаблон представляет собой не пример верстки, а реализацию механизма полнотекстового поиска во всех документах, входящих в состав сайта. Для этого, естественно, используется обычная форма, которая весьма похожа на активный элемент полнотекстового поиска. Этот активный элемент уже рассматривался ранее в соответствующей главе. Шаблон носит название Search Form (Форма поиска). Он создает страницу, на которой расположены сама форма для осуществления полнотекстового поиска, примеры задания критериев поиска (как всегда, на английском языке), привычные данные об администраторе страницы, авторских правах и прочие атрибуты, которые должны находиться в конце страницы. Самое хорошее в этой странице то, что воспроизводимый механизм позволяет указывать язык поиска и использовать логические операторы AND, OR и NOT, которые реализуют «логическое И», «логическое ИЛИ» и отрицание. Причем без какой-либо дополнительной настройки.
Каждый уважающий себя сайт должен иметь страницу с оглавлением. Необходимо заметить, что оглавление и панель навигации, какой бы изощренной структуры они не были, не всегда совпадают. Обычно для файла, содержащего код Web-страницы с оглавлением, задают имя index.htm. Подобная страница реализуется при помощи шаблона Table of Contents (Содержание). На этой странице в самом начале располагается гиперссылка на основную, домашнюю страницу сайта, а затем – в иерархическом порядке ссылки на все остальные страницы.
Теперь, следуя порядку расположения шаблонов в диалоге создания новой страницы, снова перейдем к шаблонам, которые показывают правильное и грамотное оформление. Шаблон Three-column Body (Страница с тремя колонками) позволяет отображать текст в трех колонках. Естественно, реализуется это при помощи все тех же таблиц. Однако подобное расположение текста будет не слишком хорошо выглядеть на мониторах с маленьким разрешением, т. к. окно просмотра браузера будет не слишком велико, и колонки могут оказаться излишне узкими, а значит, текст потеряет свою читабельность.
Несколько более эффективным в этом смысле является разбиение текста на две колонки. Оно несложно реализуется при помощи шаблона Two-column Body (Страница с двумя колонками). Вдобавок к основному тексту на странице может быть размещено оглавление данного документа и поле с гиперссылками на дополнительные источники или иллюстрации. Этот вариант воплощен в шаблоне Two-column Body with Contents and Sidebar (Страница с двумя колонками, с содержанием и боковиком). Естественно, его стоит применять для достаточно объемных документов, разбитых на несколько глав, заголовки которых представляют собой закладки, т. к. иначе создание оглавления теряет смысл. В том случае, если нет необходимости использовать ссылки на дополнительные источники, вынесенные из тела документа, стоит применять шаблон Two-column Body with Contents on Left (Страница с двумя колонками и содержанием, прижатым влево). В этом варианте текст также разбит на две колонки, но внешние гиперссылки и рисунки размещаются в тех же колонках, а левая часть страницы отдана под оглавление.
Иногда текст размещают в двух колонках блоками, расположенными в шахматном порядке. В этом случае на странице остается достаточно много места, но вы получаете некоторый выигрыш в выразительности и акцентируете внимание посетителя сайта на отдельных блоках. Подобный вариант верстки производится при помощи шаблона Two-column Staggered Body (Страница с двумя ступенчатыми колонками). Иногда к тексту, сверстанному подобным образом, могут добавляться содержание (традиционно слева) и колонка внешних гиперссылок и дополнительной информации (традиционно справа). Для создания страниц такого типа применяется шаблон Two-column Staggered Body with Contents and Sidebar (Страница с двумя колонками, с содержанием и боковиком).
Правообладателям!
Данное произведение размещено по согласованию с ООО "ЛитРес" (20% исходного текста). Если размещение книги нарушает чьи-либо права, то сообщите об этом.Читателям!
Оплатили, но не знаете что делать дальше?