Глава 9 Компоненты и формы Frontpage Первобытные охотники и собиратели умели распорядиться своим временем на все сто процентов — они экономили свою энергию, оптимизируя процессы добычи пищи, изготовления орудии и т. п. А еще они хорошо знали, насколько важен отдых; рабочий день в те времена был гораздо короче, чем нынче, и гораздо больше отводилось времени на развлечения. Благодаря компонентам и формам Frontpage вы сэкономите на разработке Web-сайтов столько времени, что сможете даже при желании позволить себе жить в пещере и собирать корни на обед. В этом, правда, есть маленькое неудобство: там некуда подключить телевизор и микроволновую печь, так что вам не удастся посмотреть футбол, уплетая ваши любимые корешки. Вы в состоянии это вынести? Что такое компоненты Компоненты Frontpage представляют собой программные вкрапления на HTML-страницах, расширяющие функциональные возможности Web-сайта. В несколько щелчков мыши вы можете вставить в свою страницу, к примеру, поисковый компонент (Search Component), и на странице тотчас появится полнотекстовый поисковый сервис к большому удовольствию ваших пользователей. Чтобы этого достичь в традиционном варианте, разработчик Web-сайта должен был сделать следующее: 1. Создать форму HTML для инициализации поиска. 2. Приобрести и установить на Web-сервер программное обеспечение для полнотекстового поиска. 3. Написать для Web-сервера скрипт CGI, обеспечивающий взаимодействие формы HTML с поисковым механизмом. Благодаря компонентам обо всем этом можно забыть — вы сможете создавать изысканные интерактивные Web-сайты, не изощряясь в программировании на HTML и CGI. Только имейте в виду, что для корректной работы компонентов Frontpage на сервере, где будет размещаться сайт, должны быть установлены Серверные расширения Frontpage (Frontpage Server Extensions). Эти расширения автоматически инсталлируются на Персональный Web-сервер Microsoft (Microsoft Personal Web Server) и Персональный Web-сервер Frontpage (Frontpage Personal Web Server), но на остальные Web-серверы их придется устанавливать вручную. Чтобы подробнее ознакомиться с Персональными Web-серверами и Серверными расширениями Frontpage, обратитесь к главе 11. В этой главе мы последовательно изучим все компоненты Frontpage, попутно разбирая способы их включения в страницы. Эта процедура для всех компонентов различна, но начинается она во всех случаях с меню Insert Редактора. Выбрав компонент, вы увидите одно или несколько диалоговых окон, предоставляющих возможности конфигурирования его параметров, после чего Frontpage вставит компонент в страницу на том месте, где установлен курсор. Некоторые компоненты связаны с формами, которые также обсуждаются в этой главе. В следующих разделах мы совершим беглый обзор компонентов Frontpage. Реализация функции поиска Чтобы предоставить пользователям вашего сайта возможность поиска слов или предложений в тексте страниц сайта или в сообщениях дискуссионных групп, воспользуйтесь поисковым компонентом (Search Component). Поисковый компонент можно сконфигурировать на просмотр всех слов в сайте; такой режим называется полнотекстовым поиском (full-text searching). Добавление поискового компонента Поисковый компонент, как видно из рис. 9.1, создает форму, позволяющую пользователям ввести слово или несколько слов для поиска по сайту. Frontpage в действительности не проверяет все страницы сайта; вместо этого он просматривает список слов, создаваемый и поддерживаемый Серверными расширениями Frontpage. В качестве результата Frontpage возвращает список страниц, содержащих искомое слово или слова. Чтобы реализовать возможность поиска слов или фраз по своему сайту, сделайте следующее: 1. Установите в Редакторе курсор в то место, где будет находиться верхний левый угол поисковой формы (созданные поисковым компонентом метка, поле ввода и кнопки). Если вы захотите исключить из поиска некоторые страницы, запишите их прямо в папку _private каталога вашего сайта на Web-сервере (Frontpage no умолчанию не производит поиск по папкам, имена которых начинаются с символа подчеркивания). Если же вы запишете страницу в каком-либо другом месте, а потом переместите ее в Проводнике в папку _private, то вам придется обновить поисковый индекс командой Проводника Recalculate Hyperlinks. 2. В меню Insert выберите пункт Active Elements, а затем Search Form выпадающего меню. На экране появится воспроизведенное на рис. 9.2 диалоговое окно Search Form Properties (Свойства поисковой формы) с вкладками Search Form Properties и Search Results (Результаты поиска). Выберите вкладку Search Form Properties. 3. В текстовом поле Label for Input (Метка поля ввода) введите текст, который будет служить меткой поля поиска. По умолчанию вам будет предложена строка Search for:. 4. В поле Width in Characters (Ширина в символах) задайте ширину поля ввода (в символах). 5. В текстовом поле Label for "Start Search" Button (Метка кнопки Start Search) наберите текст, который будет нанесен на кнопке запуска поиска. 6. В текстовом поле Label for "Clear" Button (Метка кнопки Clear) наберите текст для кнопки остановки поиска. На вкладке Search Results диалогового окна Search Form Properties, показанной на рис. 9.3, расположен ряд опций, относящихся к результатам поиска: 1. В текстовом поле Word List to Search (Список слов для поиска) введите Аll, если поиск должен осуществляться по всему Web-сайту. Если вы создали дискуссионную группу при помощи Мастера сайта дискуссионных групп, вы можете указать здесь имя папки группы; это ограничит круг поиска только заданной дискуссионной группой. 2. Три флажка на этой вкладке определяют категории информации, включаемой в отчет о результатах поиска: • Score (Closeness of Match) (Точность совпадения). Этот показатель отражает качество соответствия результатов поиска запросу, т. е. позволяет оценить, насколько найденное слово близко к искомому. • File Date (Дата файла). Установка этого флажка включает в результат поиска дату и время последней модификации документа, содержащего найденный текст. • File Size (in К bytes) (Размер файла в килобайтах). Этот флажок предназначен для вывода в отчет информации о размере найденных документов, что может быть весьма насущным для пользователей с медленным телефонным подключением, которым важно знать, сколь велик документ, прежде, чем начать его загружать. 3. Введя всю необходимую информацию в диалоговом окне Search Form Properties, нажмите кнопку ОК. Frontpage поместит поисковую форму на открытую в Редакторе страницу. Свойства поискового компонента легко можно перенастроить, щелкнув в Редакторе правой кнопкой мыши на компоненте и выбрав в контекстном меню пункт Form Page Component Properties либо выделив компонент и нажав комбинацию клавиш <Alt>+<Enter>. Ограничения поискового компонента Единственное ограничение поискового компонента относится к обновлению поискового индекса. Предположим, вы сохранили на сайте страницу test.htm, в тексте которой содержится слово Alice. Индекс, поддерживаемый поисковым компонентом, зафиксировал тот факт, что на странице test.htm есть слово Alice. Теперь представьте, что вы удалили слово Alice из этой страницы. Поисковый индекс не обновляется автоматически, так что он по-прежнему будет показывать, что Alice в тексте страницы test.htm присутствует. Стало быть, если кому-нибудь придет в голову поискать на вашем сайте слово Alice, он получит ложное указание на страницу test.htm. Чтобы исправить ситуацию, вам следует обновить поисковый индекс с помощью команды Recalculate Hyperiinks из меню Tools Проводника. Эта команда была подробно нами рассмотрена в главе 3. Штемпель Чтобы поставить на странице дату и время последнего редактирования или автоматического обновления страницы, используйте компонент Frontpage под названием штемпель (timestamp). Добавление штемпеля Чтобы вставить в страницу штемпель, проделайте следующую процедуру: 1. Установите в Редакторе курсор на то место, где должен будет находиться штемпель. Обычно этому компоненту предшествует фраза типа "Дата последнего изменения страницы". 2. Выберите в меню Insert опцию Timestamp; откроется диалоговое окно Timestamp Properties (Свойства штемпеля), приведенное на рис. 9.4. 3. В разделе Display укажите, какую именно дату вы хотели бы вывести: дату последнего редактирования (Date this page was last edited) или последнего автоматического обновления (Date this page was last automatically updated). Между редактированием и обновлением есть небольшая разница. Страница считается отредактированной, когда она изменена и сохранена на Web-сервере; страница считается обновленной, когда изменена и сохранена на сервере она или ее включаемая страница. Включение в страницу содержимого других страниц осуществляется при помощи компонента включения, рассматриваемого в этой главе ниже. 4. Выберите из раскрывающегося списка формат даты и времени на штемпеле. Символы TZ в строках формата времени означают Time Zone (часовой пояс). Если штемпель не будет содержать дату или время, установите в соответствующем поле опцию None. 5. Завершив в диалоговом окне Timestamp Properties ввод необходимой информации, нажмите кнопку ОК, и штемпель появится на вашей странице. Форматирование текста в штемпеле осуществляется стандартными инструментами Редактора. Пример использования штемпеля в Редакторе приведен на рис. 9.5. Оглавление Компонент Table Of Contents (TOG) используется для создания оглавления Web-сайта, содержащего ссылки на каждую страницу. Этот компонент можно настроить таким образом, чтобы при добавлении, удалении и редактировании страниц оглавление обновлялось автоматически. Включение оглавления Чтобы включить в свою страницу оглавление, вам необходимо сделать следующее: 1. Установить в Редакторе курсор на то место, где будет начинаться оглавление. 2. В меню Insert выбрать опцию Table of Contents. Перед вами откроется диалоговое окно Table of Contents Properties (Свойства оглавления), показанное на рис. 9.6. 3. В поле Page URL for Starting Point of Table (Адрес начальной страницы оглавления) введите URL страницы, с которой будет начинаться оглавление. В oглавлении будут указаны все страницы, ссылки на которые есть на начальной странице. Если вы зададите здесь заглавную страницу вашего Web-сайта (чаще всего она называется default.htm или index.htm), то оглавление будет охватывать сайт полностью. Если ваш сайт открыт в Проводнике Frontpage, то для просмотра списка его страниц нажмите кнопку Browse; после этого выберите страницу в диалоговом окне Current Web и нажмите кнопку ОК. 4. В раскрывающемся списке Heading Size (Размер заголовка) выберите размер заголовка первого пункта оглавления. Размер можно задать в пределах от 1 (самый крупный) до 6 (самый мелкий) или оставить установленный в браузере по умолчанию, выбрав опцию None. 5. Остальные опции в этом диалоговом окне управляют поведением компонента Table Of Contents: • Show each page only once (Включать страницы только единожды). Чтобы каждая страница присутствовала в оглавлении один и только один раз, установите этот флажок; в противном случае страницы, ссылки на которые есть в нескольких местах, будут представлены в оглавлении в соответствующем количестве экземпляров. • Show pages with no incoming hyperlinks (Включить в оглавление страницы, на которые нет ссылок). Установите этот флажок, чтобы в оглавление попали страницы, на которые нет ссылок с других страниц вашего сайта. • Recompute table of contents when any other page is edited (Перестраивать оглавление при любых изменениях). Установите этот флажок для автоматической перегенерации оглавления при каждом добавлении, удалении или редактировании страниц на вашем сайте. Если ваш сайт достаточно велик и страницы на нем обновляются часто, то установка этой опции может замедлить вашу работу, например, при сохранении. В качестве контрмеры можно порекомендовать перестраивать оглавление вручную путем открытия и сохранения страницы, содержащей компонент Table Of Contents. 6. Закончив в этом диалоговом окне все необходимые настройки, нажмите кнопку ОК. Оглавление появится на странице в Редакторе. Вы не сможете форматировать отдельные пункты оглавления, любое форматирование на этой странице автоматически коснется всего оглавления в целом. Так, например, вы не сможете выделить заголовки курсивом, оставив при этом список обычным текстом. На рис. 9.7. показано, как оглавление выглядит в Редакторе. |