поддержка
проекта:
разместите на своей странице нашу кнопку!И мы
разместим на нашей странице Вашу кнопку или ссылку. Заявку прислать на
e-mail
код нашей кнопки:
Копии рисунков были выполнены с плохим расширением, т.к. что не
обессудьте (как говорится моей вины здесь нет, вся ответственность лежит
на том кто сканировал), а я только, где мог ошибки исправил. В
дальнейшем, сделаю копии рисунков и диалоговых окон в хорошем
разрешении.
Как вы могли
убедиться при прочтении главы 2, наиболее удобный способ создания
Web-узла в Frontpage — использование мастера или шаблона. Еще раз
напомним, что мастер задает вопросы о создаваемом Web-узле и строит его
на основании ваших ответов. При использовании шаблонов Web-узел строится
в соответствии с некоторым образцом без корректив со стороны
разработчика. В настоящей главе мы рассмотрим использование мастеров
(шаблонам посвящена глава 4). Отдельный раздел данной главы посвящен
темам. Примечание
Для создания Web-узлов Frontpage предлагает три мастера, поля создания
Web-страниц — всего один, Form Page Wizard (мастер формы страницы),
который кратко описан в главе 2 и полностью рассмотрен в главе 7. Мастера Web-узлов
Прежде чем мы приступим к изучению мастеров, загрузите Frontpage
(проверьте еще раз, запущен ли MSPWS). Чтобы создать Web-узел на основе
мастера или шаблона, необходимо активизировать команду Web подменю New
меню File. В результате открывается диалоговое окно New, в котором на
вкладке Web Sites отобразится список шаблонов и мастеров Web-узла (рис.
3.1). Есть и второй способ открыть данное окно: в поле списка New на
панели инструментов Standard выберите пункт Web.
Кратко опишем возможности мастеров Web-узла, а затем остановимся на
каждом из них более подробно:
• Corporate Presence позволяет создать Web-узел для представления вашей
компании или вашего бизнеса в Internet. Благодаря ему вы можете:
• создавать страницы Web-узла, которые будут использоваться клиентами
для получения новостей о вашей компании;
• информировать клиентов о товарах и услугах;
• создать таблицу оглавления, чтобы помочь посетителям "путешествовать"
по вашему Web-узлу;
• предоставлять форму отзывов, посредством которой клиенты высказывают
свое мнение по тому или иному вопросу;
• предоставлять поисковую форму, чтобы посетители вашего Web-узла быстро
находили нужную информацию.
Рис. 3.1. Шаблоны Web-узла
Discussion Web создает страницы Web-узла, с помощью
которых пользователь высказывает свои замечания во время дискуссии. Этот
мастер также формирует оглавление, поисковую форму, форму потоковых
ответов и страницу подтверждения (страница, на которой пользователи
определяют, дошло ли их сообщение до Web-узла).
Import Web позволяет импортировать данные с других Web-узлов на
Web-узел, созданный в Frontpage. Импортировать можно как весь Web-узел,
так и отдельные страницы (мастер предлагает вам исключить из общего
списка страницы, которые вы не хотите импортировать). Данные можно
импортировать с Web-узла, расположенного на вашем компьютере или
компьютере вашей локальной сети, указав к нему путь явным образом (как
это обычно делается в Windows), или с какого-либо Web-узла, указав его
URL-адрес. Мастер Corporate Presence
Мастер Corporate Presence — один из наиболее сложных. С его помощью вы
сможете оформить множество элементов в соответствии со своими
требованиями. Далее вы создадите Web-узел с помощью этого мастера,
руководствуясь следующими инструкциями.
1. Выберите команду Web подменю New меню File. В открывшемся диалоговом
окне New выберите пиктограмму Corporate Presence Wizard. В поле Specify
The Location Of The New Web (место расположения нового Web-узла) введите
URL-адрес Web-узла, т.е. имя Web-сервера, на котором вы хотите
разместить создаваемый Web-узел, и имя самого Web-узла. Имена сервера и
узла должны быть разделены символом "/" (см. ниже).
— Если на вашем компьютере установлен Web-сервер, его имя автоматически
подставляется в URL-адрес создаваемого Web-узла.
— Если вы планируете работать с Web-сервером, установленным на вашем
компьютере, то ему можно присвоить имя localhost — сетевое имя вашего
компьютера по умолчанию.
— Если ваш Web-узел располагается на вашем компьютере, вы можете указать
физический путь к нему.
— Если вы используете Web-сервер своего провайдера, доступный в Internet,
вы должны в качестве имени сервера ввести его реальный URL-адрес.
— Для того чтобы установить с Web-сервером безопасное соединение по
протоколу SSL, следует активизировать опцию Secure Connection Required (SSL).
2. Щелкните на кнопке ОК, чтобы закрыть диалоговое окно New. После этого
может появиться диалоговое окно с просьбой ввести имя и пароль. Это
делается для того, чтобы проверить, уполномочены ли вы создавать
Web-узлы на своем сервере. Введите имя и пароль, после чего закройте
окно.
3. Появится первое диалоговое окно мастера Corporate Presence с
сообщением о том, что будет задан ряд вопросов. Щелкнув на кнопке Next,
перейдите во второе диалоговое окно мастера (рис. 3.2). Оно содержит
список страниц, которые могут быть включены в Web-узел.
4. Активизируйте все опции и щелкните на кнопке Next. По завершении
данной операции отобразится список разделов, которые могут быть заданы
для домашней страницы (контактная информация, задачи компании).
5. Активизируйте все опции и переключатели в этом и следующих диалоговых
окнах и внесите сведения о компании Одна из опции — должен ли рисунок
Under Construction (в процессе построения) отображаться на страницах
После установки всех опции и ввода информации о Web-узле открывается
диалоговое окно, где нужно указать тему, в соответствии с которой будет
оформлен Web-узел. Примечание
Вероятно, не всегда имеет смысл, задавшись целью переделать
Web-страницу, сразу же вместо этой страницы "вывешивать плакат " Under
Construction Лучше полностью завершить разработку новой страницы и
опубликовать ее вместо устаревшей
6. Когда откроется окно, содержащее кнопку Гпете, щелкните на ней. В
результате откроется окно, изображенное на рис 3.3. Ознакомьтесь с
элементами этого окна
Рис. 3.3. Диалоговое окно Choose Theme
7. Выберите
тему по своему усмотрению (например. Blueprint) Убедитесь, что в
диалоговом окне Choose Theme установлены все четыре опции, благодаря
чему вы сможете воспользоваться всеми функциональными возможностями темы
Примечание
Если активизировать опцию Apply Using CSS (использовать CSS), то при
оформлении страниц Web-узла будут применяться каскадные таблицы стилей (cascading
style sheets) Эти таблицы задают применение стилей, описанных в них, для
оформления элементов страницы (абзацев, таблиц, гиперссылок и т. д. )
8. Закройте диалоговое окно Choose Theme Щелкните на кнопке Next
Убедитесь в том, что в последнем диалоговом окне мастера установлена
опция Show Tasks View After Web Is Uploaded (покажите задачи в режиме
просмотра после загрузки Web-узла), и щелкните на кнопке Finish
Созданный Web-узел будет представлен в Frontpage в режиме просмотра
Tasks (рис 3.4.)
9. Выполните щелчок на управляющем элементе Navigation (панель Views),
чтобы просмотреть Web-узел Corporate в режиме Navigation (рис 3.5.) Это
даст возможность увидеть, как связаны между собой страницы Web-узла
Рис 3.4. Web-узел Corporate в режиме просмотра Tasks
Рис 3.5. Web-узел Corporate в режиме просмотра Navigation
10. Установите режим просмотра Hyperhnks, щелкнув на одноименном
элементе управления панели Views Как показано на рис 3 6, мастер
Corporate Presence Web создал не только все выбранные вами страницы, но
и гиперссылки между ними
Рис 3.6. Web-узел Corporate в режиме просмотра Hyperhnks
11. В режиме просмотра Navigation щелкните правой
кнопкой мыши на пиктограмме Ноте, после чего вызовите команду Properties
контекстного меню Откроется окно свойств домашней страницы (рис 3.7.)
Данное окно можно открыть из контекстного меню и в других режимах
просмотра. В нем вы увидите имя файла и URL-адрес домашней страницы
Навкладке Summary (резюме) указывается, когда и кем создана и
модифицирована страница Кроме того, вам предоставлена возможность
добавить комментарии. На вкладке Workgroup вы можете отнести страницу к
той или иной категории (например, к бизнес-категории)
Рис 3.7. Диалоговое окно Default htm Properties
Примечание
По умолчанию Frontpage присваивает домашней странице Web-узла имяDefault htm Рекомендуется присваивать такое имя домашней страницеWeb-узла, поскольку при этой можно обращаться к Web-узлу, явно неуказывая имя Web-страницы (http //имя _сервера/имя_узла) В
противномслучае необходимо указывать полный
URL (http//имя_сервера/имя_узла/имя_страницы) Дчя различных Web-серверов
характерны разные установки для задания имени домашней страницы по
умолчанию Выберите имядомашней страницы по
умолчанию вместе со своим администратором
Web-сервера
12. Щелкните на кнопке ОК, вследствие чего закроется диалоговое окно
Default htm Properties Щелкните на пиктограмме Tasks панели Views, чтобы
возобновить отображение списка Tasks (рис 3.4.)
13. Щелкните правой кнопкой мыши на названии первой задачи (Customize
Home Page) и активизируйте команду Start Task контекстного меню Домашняя
страница будет открыта в режиме просмотра Page (рис 3.8.) На ней
продемонстрированы элементы, присутствующие на всех страницах Web-узла
(воспользуйтесь полосой прокрутки, чтобы просмотреть все. Некоторые
элементы рассмотрены ниже
Рис. 3.8. Домашняя страница Web-узла Corporate в Frontpage
— Кнопки, включенные в гиперссылки, расположены в
верхней части страницы и позволяют посетителям переходить с одной
страницы Web-узла на другую.
— Заголовок страницы (Ноте) и фон являются графическими изображениями.
Такие графические изображения вы можете создать с помощью Microsoft
Photo Draw, Microsoft Image Composer, Corel- DRAW, Adobe Photoshop,
Fractal Design Painter или других пакетов графических программ и
разместить в Frontpage.
— Навигационная панель (Navigation bar) состоит из серии графических
изображений, включенных в гиперссылки. Ее обычно размещают в верхней
общей области, которая отображается на каждой странице Web-узла. На рис.
3.8 на навигационной панели расположены гиперссылки Ноте (домашняя
страница), Feedback (отзывы). Contents (оглавление) и Search (поиск). В
левой общей области расположены две гиперссылки, News и Products.
Использование общих областей рассматривается в конце данной главы.
— Горизонтальные разделительные линии располагаются над и под строкой
Our Mission.
— Телефонные номера, почтовый адрес, адреса электронной почты и название
компании вводятся и поддерживаются FrontPage-компонентом Substitution.
14. Выберите команду Open в меню File или щелкните на кнопке Open панели
инструментов Standard, чтобы открыть диалоговое окно Open.
15. Выберите файл news.htm и щелкните на кнопке ОК. В режиме просмотра
Page будет открыта страница новостей. Заголовок страницы (News), как и
заголовок домашней страницы, является графическим изображением.
Как вы уже знаете, на любой странице можно ввести и отформатировать
текст, вставить графические изображения, формы, таблицы и другие
элементы. По мере прочтения следующих глав мы выполним все эти операции.
Сейчас важно определить, что же создал мастер Corporate Presence. На
рис. 3.5 показана структура Web-узла, сгенерированного мастером
Corporate Presence.
Страницы Web-узла, созданные мастером Corporate Presence Web, включают
текст и графические изображения, а также общие области и их содержимое.
Эти общие области, расположенные вверху, внизу и слева на странице, мы
изучим после того, как рассмотрим остальное содержимое страницы. Страница новостей
На странице новостей (News) Web-узла Corporate перечисляются изменения,
произведенные на Web-узле (например, на некоторой странице добавлена
новая рубрика).
Каждый элемент на странице имеет собственные свойства, которые можно
просмотреть и изменить при помощи команды Properties контекстного меню.
Рассмотрим свойства объектов страницы News.
1. Прокрутите вниз страницу News и щелкните правой кнопкой на
изображении NEW, которое находится слева от надписи ACME Industries Inc.
В контекстном меню выберите команду Picture Properties (свойства
изображения), чтобы открыть диалоговое окно свойств графического объекта
(рис. 3.9).
— На вкладке General можно переопределить загружаемое графическое
изображение; включить в гиперссылку графическое изображение;
ввести текст, который появляется на экране броузера, когда указатель
мыши установлен на изображении (данный текст выводится также вместо
графического изображения в тех броузерах, в которых отключена опция
вывода на экран графических изображений, а также в процессе загрузки
графического изображения).
— На вкладке Appearance можно задать способ выравнивания графического
изображения на странице, определить величину отступов по горизонтали и
вертикали, изменить размеры изображения и, наконец, создать рамку.
На вкладке Video осуществляется выбор видеофайла, устанавливаются
продолжительность демонстрации, число повторений демонстрации (можно
указать, чтобы изображение демонстрировалось, пока страница активна) и
время начала демонстрации (при открытии файла, при наведении указателя
на изображение, в обоих случаях)
Рис 3.9. Диалоговое окно Picture Pioperties
2. Закройте диалоговое окно Pictuic Properties, откроите контекстное
менюлюбой горизонтальной чинии на странице и
активизируйте командуHorizontal Line
Pioperties (свойства горизонтальной линии) Свойствагоризонтальной линии зависят от выбранной темы
Рис 3.10. Диалоговое окно Edit Hyperiink
Закройте диалоговое окно Horizontal Line Properties и
щелкните правой кнопкой на гиперссылке Press Release (она находится под
изображением NEW) Вызовите команду Hyperiink Properties, вследствие чего
откроется диалоговое окно Edit Hyperimk (рис 3.10.) Это окно служит для
установки гиперссылок
4. Щелкните на кнопке Cancel, чтобы закрыть диалоговое окно Edit
Hyperlink Еще раз щелкните правой кнопкой мыши на ссылке Press Release и
в контекстном меню активизируйте команду Follow Hyperiink, чтобы
проверить, правильно ли создана ссылка Если ссылка установлена верно, в
режиме просмотра Page будет загружена страница Press Release 1 (рис
3.11.) Примечание
В режиме просмотра Page вы можете открыть контекстное меню и
активизировать команду Follow Hyperimk, для того чтобы загрузить
страницу, на которую создана ссылка Еще один способ перехода по
гиперссылке щелкните на ней, удерживая нажатой клавишу [Ctrl] В
Web-броузере достаточно выполнить щелчок на самой ссылке
Примечание
Страницы одной серии имеют подобные названия (например, Press Release 1,
Press Release 2, Press Release 3), изменяется лишь порядковый номер
страницы. По умолчанию мастер Corporate Presence Web создает 3 страницы
в серии. Всего этот мастер генерирует три серии страниц: Product,
Service и Press Release. В процессе разработки следующего Web-узла с
помощью данного мастера вы самостоятельно определите количество страниц
в сериях.
5. Закройте страницу Press Release 1 при помощи команды Close меню File.
Рис. 3.11. Страница Press Release 1 в режиме просмотра Page
Страница с таблицей оглавления Из таблицы оглавления, расположенной на какой-либо странице,
можно открыть любую страницу Web-узла, т.к. она содержит полный список
страниц Web-узла.
1. Откройте страницу Toc.htm в режиме просмотра Page (рис. 3.12).
2. Список страниц Web-узла генерируется автоматически. Домашняя страница
выносится в верхнюю часть таблицы оглавления.
3. Откройте меню File и вызовите команду Preview In Browser
(предварительный просмотр в броузере). В диалоговом окне Preview In
Browser можно выбрать Web-броузер для просмотра страницы, добавить
броузер в список и указать размер окна броузера (после нажатия кнопки
Preview окно броузера с загруженной страницей имеет установленный
размер).
Рис 3.12. Страница г таблицей оглавления в режиме просмотра Page
4. Щелкните на кнопке Preview, чтобы открыть страницу
с таблицей оглавления в выбранном броузере Internet Explorer (рис 3.13.)
Рис 3.13. Страница с таблицей оглавления в броузере
5. Закроите броузер, вернитесь в Frontpage и закройте
страницу с таблицей оглавления Страница отзывов
Существует множество доводов в пользу обратной связи с пользователями,
посещающими Web-узел Если Web-узел разработан для продвижения товаров
или услуг на рынке, важно значь мнение посетителей о предлагаемой
продукции и обеспечить простой способ взаимодействия с ними. Именно для
этих целей предназначена страница отзывов (Feedback page) Web-узла
Corporate
1. Откроите страницу Feedback htm в режиме просмотра Page
2. Открыв страницу отзывов, просмотрите все ее элементы Нижняя часть
страницы должна выглядеть так, как показано на рис 3.14.
Рис. 3.14. Страница отзывов в режиме просмотра Page
Большую часть страницы отзывов занимает форма. Как
говорилось в главе 2, форму используют для сбора информации и для ее
последующей передачи на Web-узел. Данная форма включает поле с полосами
прокрутки для ввода замечаний пользователя, поле списка, в котором
указывается предмет обсуждения, семь полей для ввода информации о
пользователе, а также две кнопки, позволяющие, соответственно, передать
информацию на Web-узел и удалить данные из полей формы. Примечание
Чтобы увидеть записи, находящиеся в поле списка, щелкните правой кнопкой
на этом элементе и активизируйте команду Form Field Properties
контекстного меню или выполните двойной щелчок на поле списка.
3. Щелкните правой кнопкой мыши в любой части формы, за исключением
полей, и вызовите команду Form Properties контекстного меню. В поле File
Name диалогового окна Form Properties указывается файл, в котором будут
сохранены введенные данные.
4. Щелкните на кнопке Options, чтобы открыть диалоговое окно Options For
Saving Results Of Form (функции для сохранения данных формы). В нем вы
можете задать имя, местоположение и формат файла, в котором будут
сохраняться введенные в форму данные. Дополнительные сведения (например,
дата, время, имя пользователя) указываются на вкладке Saved Fields
(сохраненные поля) и могут быть включены в файл Закройте
диалоговые окна Options For Saving Results Of Form и Form Properties
Затем закройте страницу отзывов
Рис 3.15. Диалоговое окно Options For Saving Results Of Form
Страница поиска
Ha большом Web-узле таблица оглавления не всегда обеспечивает наиболее
быстрый доступ к необходимой информации Страница поиска позволяет
исследовать Web-узел, используя любые ключевые слова, описывающие
искомые данные Для исследования Web-узла и генерирования итоговой
страницы применяется форма Active Elements Search (поиск активных
элементов) страницы поиска Итоговая страница содержит гиперссылки на
страницы Web-узла, соответствующие критерию поиска На рис 3.16. показаны
результаты поиска документов, содержащих слово products (товары)
Рис. 3.16. Результаты поиска по критерию products
Примечание Можно сделать так, чтобы при поиске не учитывались некоторые
страницы. Для этого надлежит поместить их в специальную папку Web-узла —uмяWeb-yзлa\_private.
Search Form не исследует эту папку.
1. Откройте страницу Search.htm в режиме просмотра Page (рис. 3.17).
2. На странице Search находится форма с единственным полем и двумя
кнопками. Пользователь вводит искомое слово (слова) в поле и затем
щелкает на кнопке Start Search (начать поиск).
3. Щелкните правой кнопкой на форме и выберите в контекстном меню
команду Search Form Properties. В открывшемся одноименном диалоговом
окне можно набрать текст, который будет выведен в форме, задать надписи
для кнопок формы, а также определить ширину текстового поля. На вкладке
Search Results (результаты поиска) устанавливаются параметры для
результатов поиска.
Рис
3.17. Страница Search в режиме просмотра Page
4. Нажмите кнопку Cancel, чтобы закрыть диалоговое
окно Search Form Properties
5. Активизируйте команду Preview In Browser меню File, загрузите
страницу Search в броузер и исследуйте Web-узел.
Используйте навигационные кнопки на домашней странице для просмотра
других страниц Web-узла Corporate. Перейдите на страницу поиска и
введите слово press, которое послужит критерием поиска. После создания
списка страниц, соответствующих заданному критерию, перейдите на
страницу отзывов и введите несколько конструктивных критических
замечаний по поводу Web-узла. Обратите внимание, что после щелчка на
кнопке Submit в форме Feedback отобразится страница подтверждения. Это
говорит о том, что ваш отзыв получен.
6. Завершив просмотр Web-узла Corporate, закройте броузер, после чего
перейдите в Frontpage. Удалите Web-узел Corporate. Для этого
активизируйте команду Delete Web (удалить Web-узел) меню File. Появится
диалоговое окно Confirm Delete с запросом, действительно ли вы хотите
удалить Web-узел. Выберите в этом окне переключатель Delete This Web
Entirely (удалить Web-узел полностью) и нажмите кнопку ОК. В этом окне
присутствует еще один переключатель Remove Frontpage Information From
This Web Only, Preserving All Other Files And Folders (удалить Web-узел,
сохранив все файлы папки), который выбирается по умолчанию. При выборе
переключателя Delete This Web Entirely происходит удаление Web-узла с
Web-сервера (удаляется его виртуальный каталог), а также его папки и
файлы с жесткого диска. Если активизирован переключатель Remove
Frontpage Information..., с Web-сервера удаляется виртуальный каталог
Web-узла. Мастер Discussion Web Дискуссионные группы позволяют вести диалоги. Это простой способ
передачи замечаний по какому-либо вопросу и поиска замечаний на заданную
тему. Вы можете создать отдельный дискуссионный Web-узел или
присоединиться к дискуссионной группе на другом Web-узле посредством
мастера дискуссионного Web-узла (Discussion Web Wizard):
1. Выберите команду Web подменю New меню File. В открывшемся диалогом
окне New выберите пиктограмму Discussion Web Wizard. В поле Specify The
Location Of The New Web введите URL-адрес Web-узла, например
http://localhost/Discussion/ и нажмите кнопку
ОК. В первом появившемся диалоговом окне мастера Discussion Web
объясняется, как работает мастер.
2. Щелкните на кнопке Next. Во втором диалоговом окне укажите, какие
функциональные возможности должна иметь дискуссионная группа (рис.
3.18). Вы можете выбрать страницы, которые будут созданы на Web-узле:
— Submission Form (форма для представления). Используется для
представления замечаний на рассмотрение по ходу дискуссии.
— Table Of Contents (таблица оглавления). Служит для организации инахождения ранее представленных замечании на определенную темуТаблицу оглавления рекомендуется использовать в том случае, есливы хотите, чтобы читатели ознакомились с вопросами других
сотрудников и сделали замечания по ним
— Search Form (форма поиска). Предназначена для поиска информации,отвечающей заданным критериям
— Threaded Replies (объединенные ответы). Связывает множество замечаний
общей тематики, что обеспечивает их последовательный просмотр
— Confirmation Page (страница подтверждения). Ставит читателей в
известность, дошло ли их сообщение до Web-узла
Рис 3.18. Второе диалоговое окно мастера Discussion Web
3. В третьем диалоговом окне введите заголовок (Discussion)
и укажите, в какую папку помещать сообщения дискуссионной группы
(оставьте имя папки, предложенное по умолчанию) Запомните имена
дискуссионных папок должны начинаться со знака "_"
4. В четвертом диалоговом окне мастера определите, какие поля изначально
должна содержать форма По умолчанию в нее включены поля Subject (тема).
Category (категория) и Comments (примечания) Другие поля вы сможете
добавить в дальнейшем
5. Сохраните поля, заданные по умолчанию, и щелкните на кнопке Next В
пятом диалоговом окне потребуется решить, следует ли ограничить число
участников дискуссионной группы
6. Установите опцию No, Anyone Can Post Articles (нет, любой может
помещать статьи) и перейдите в следующее окно мастера, воспользовавшись
кнопкой Next. Примите все установки по умолчанию в следующих шести
окнах. При желании выберите тему, которая будет применена для оформления
страниц Web-узла. В последнем окне мастера нажмите кнопку Finish.
Web-узел отобразится в Frontpage в режиме просмотра Folders.
7. Выполните двойной щелчок на файле домашней странице (default, htm),
чтобы открыть ее в режиме просмотра Page. Затем просмотрите страницу в
броузере. Так как, согласно установкам по умолчанию, на страницах должны
использоваться кадры, для просмотра нужно применять Netscape Navigator
2.0, Internet Explorer 3.0 или более поздние версии этих продуктов.
8. Просмотрите в броузере весь Web-узел. Домашняя страница дискуссионной
группы Web-узла должна выглядеть так, как показано на рис. 3.19.
Рис 3.19. Страница дискуссионной группы в броузере
9. Щелкните на ссылке Post A New Article (поместить
новую статью) в нижнем кадре. В появившейся форме укажите тему, введите
свое имя и замечания, после чего щелкните на кнопке формы Post Article
(поместить статью). Если после этого откроется окно с предупреждением
системы безопасности (например, о том, что предпринимается попытка
передачи данных через Internet и другие пользователи могут узнать о
ней), щелкните на кнопке Yes Система безопасности может выдавать разные
сообщения в зависимости от установленного в броузере режима безопасности
В нижнем кадре появится страница подтверждения, на которой указывается
введенная вами тема
10. На странице подтверждения щелкните на гиперссылке Refresh The Main
Page (обновить главную страницу) На странице оглавления (в верхнем
кадре) отобразится введенная вами тема Щелкните на названии темы, и
введенные вами данные появятся в нижнем кадре, как показано на рис 3.20.
Вы увидите свое имя, дату и время ввода информации, а также замечания
При определенных установках для дискуссионной группы выводится
информация об авторе замечания
Рис 3.20. Данные по теме, выбранной в кадре Content's
Навигационная панель в нижнем кадре на данном этапе
имеет несколько новых элементов Contents (оглавление), Search (поиск),
Post (доставка), Reply (ответ). Next and Previous (следующий и
предыдущий) и Up (перейти к следующей серии задач)
11. Изучите указанные элементы навигационной панели После этого закройте
броузер и удалите Web-узел Дискуссионная группа может быть мощным
средством связи Frontpage обеспечивает легкий способ ее создания Мастер Import Web Вероятно, в процессе работы вам потребуется импортировать
(полностью или частично) в конструируемый узел содержимое другого
Web-узла Это легко выполнить с помощью мастера импорта Web-узла (Import
Web Wizard)
1. Выберите команду Web подменю New меню File В открывшемся диалогом
окне New выберите пиктограмму Import Web Wizard В поле Specify The
Location Of The New Web введите URL-адрес Web-узла Щелкните на кнопке ОК,
вследствие чего появится первое диалоговое окно мастера
2. В диалоговом окне мастера импорта Web-узла (рис 321) выберите
импортируемый Web-узел, который может находиться на вашем локальном
компьютере, на компьютере в локальной сети или на Web-сервере В первых
двух случаях необходимо выбрать переключатель From A Source Directory Of
Files On A Local Computer Or Network (файлы из папки, находящейся на
локальном компьютере или в сети) и указать полный путь к Web-узлу (при
этом должна быть установлена опция Include Subfolders (включить
подпапки)) Во втором случае необходимо выбрать переключатель From A Word
Wide Web Site (с Web-узла) и указать URL-адрес Web-узла Далее щелкните
на кнопке Next
Рис 3.21. Диалоговое окно мастера Import Web
3. Если вы выбрали папку на своем компьютере или на
компьютере в локальной сети, в следующем диалоговом окне отобразится
список файлов, сохраненных в этой папке. Отметьте файлы, которые
вы не хотите импортировать (если таковые имеются), и нажмите кнопку
Exclude (исключить). В завершение щелкните на кнопках Next и Finish.
4. Если выбран Web-узел, в следующем диалоговом окне будет указано,
какие ограничения можно ввести при импорте. Выбрав ограничения, щелкните
на кнопках Next и Finish. В результате выполнения перечисленных
действий в окне Frontpage отобразится импортируемый Web-узел, готовый к
обработке.
Темы
Frontpage 2000 предоставляет темы, которые можно использовать для
оформления Web-узла. В соответствии с выбранной темой изменяются
свойства различных элементов на страницах Web-узла. Согласованные
графические элементы, фоновые изображения и навигационные панели
обеспечивают унифицированное оформление страниц Web-
узла. Посетители увидят на каждой странице привычные цветные схемы,
инструменты навигации и графические изображения.
В случае использования тем для оформления страниц применяются следующие
параметры и элементы:
• цвета текста;
• стили абзацев;
• размер и тип шрифта;
• навигационные панели;
• горизонтальные линии;
• фоновые изображения;
• заголовки страницы.
Создавая Web-узел в Frontpage при помощи одного из мастеров, вы можете
указать, какую тему использовать при построении Web-узла. В любой момент
можно изменить тему или отменить ее использование. Каждая тема
Frontpage может быть модифицирована путем установки или выключения одной
из трех опций: Vivid Colors (яркие цвета), Active
Graphics (активные графические изображения) и Background Image (фоновые
изображения). Установка опции Apply Using CSS приводит к тому, то при
оформлении страниц Web-узла будут использоваться каскадные таблицы
стилей. Для модификации темы предназначена также кнопка Modify. При
нажатии на нее становятся доступны дополнительные функции по
редактированию цветов, изображений и текста, использующихся в теме.
Тема предназначена главным образом для оформления в едином стиле страниц
Web-узла. Как правило, для всех страниц Web-узла задают одну тему.
Однако в некоторых случаях имеет смысл назначить некоторым страницам
свои темы.
Назначение тем Web-узлам
Тему можно выбрать на этапе создания Web-узла мастером. После того как
узел сгенерирован, ее можно изменить.
1. Откройте (или создайте) Web-узел в Frontpage. Страница Web-узла, для
которой не установлены параметры форматирования или не задана тема,
выглядит непривлекательно (рис. 3.22).
Рис. 3.22. Страница, для которой не задана тема
2. Активизируйте команду Themes меню Format. В
результате откроется диалоговое окно Choose Theme, изображенное на рис.
3.3. В этом окне по умолчанию установлен переключатель All Pages (все
страницы). Это означает, что выбранная тема применяется для всех страниц
Web-узла. Далее выполните щелчок на одной из тем и просмотрите
результаты выбора в области Sample Of Theme (пример темы). Прежде чем
назначить Web-узлу тему, поэкспериментируйте, комбинируя различные
параметры элементов темы.
3. В нижней части панели Themes расположены четыре опции, три из них
позволяют установить допотаительные эффекты При включении опции
изменения немедленно демонстрируются в области предварительного
просмотра
— Активизация опции Vivid Colors приводит к использованию более ярких
цветов
— Опция Background Picture позволяет заменить сплошной фон графическими
фоновыми изображениями, расположенными в виде мозаики
— Опция Active Graphics служит для преобразования навигационных кнопок
на страницах Web-узла в динамические элементы hover button (эти элементы
являются Java-апплетами) Чтобы проверить, как они действуют, назначьте
тему Web-узлу и откройте его страницу посредством броузера, который
выполняет апплеты Java. На рис 3.23. видно, что на динамическом элементе
hover button появляется полукруг, если установить на нем указатель мыши
4. Если вы выбрали тему для своего Web-узла, щелкните на кнопке Apply
(применить) Просмотрите страницы Web-узла, открыв их в режиме просмотра
Page или в своем броузере
Назначение тем страницам Web-узла
Как уже отмечалось, тема может быть назначена отдельной странице. Выбор
тем для страниц осуществляется в режиме просмотра Page. Для этого
выполните следующие действия:
1. Откройте выбранную страницу в режиме просмотра Page. Щелкните правой
кнопкой мыши в любой части страницы и вызовите команду Theme
контекстного меню.
2. Откроется диалоговое окно Choose Theme. Установите переключатель
Selected Page(s), при активизации которого выбранная тема будет
использована только для оформления страницы, которая открыта в данный
момент в режиме просмотра Page.
В списке в левой части диалогового окна Choose Theme можно выполнить
следующие действия:
— отменить применение темы к открытой странице (пункт No Theme);
— применить тему, предлагаемую по умолчанию (Default);
— назначить одну из предлагаемых тем, выбрав ее в списке.
3. После предварительного просмотра темы щелкните на кнопке ОК,
вследствие чего она будет назначена открытой странице.
Отменить назначение темы странице можно также в диалоговом окне Page
Properties. Щелкните правой кнопкой на странице и в контекстном меню
активизируйте команду Page Properties. В появившемся диалоговом окне
выберите вкладку Custom (рис. 3.24).
Используемая тема указывается в поле User Variables вкладки Custom. Для
удаления темы достаточно отметить ее в списке и нажать кнопку Remove. Вы
можете также просмотреть или удалить темы непосредственно в HTML-коде
страницы. Для того чтобы отредактировать HTML-код страницы, щелкните на
вкладке HTML в нижней части окна страницы в режиме просмотра Page.
Следующий фрагмент HTML-кода указывает, что на странице используется
тема Capsules: <meta name= "Microsoft Theme" content= "capsules 111,
default">.
Выделите этот фрагмент и нажмите клавишу [Del].
На странице Web-узла, для которой задана тема, вы можете выполнять
обычные операции форматирования (например, изменять цвет и размер
шрифта, выравнивание абзаца). Однако изменение некоторых атрибутов
страницы в режиме просмотра Page при использовании темы недоступно:
например, нельзя изменить фоновое изображение страницы, цвета
гиперссылок. Эти атрибуты можно изменить, модифицировав непосредственно
тему, использующуюся для оформления этой страницы, в диалоговом окне
Choose Theme. После модификации темы следует сохранить изменения, нажав
кнопку Save. Если вы хотите создать новую тему, выполните следующие
действия: модифицируйте уже имеющуюся; нажмите кнопку Save as; в
загруженном диалоговом окне Save Theme введите имя темы и закройте это
окно посредством кнопки ОК.
Темы имеют множество достоинств. Одно из главных — возможность быстрого
создания привлекательных, профессионально оформленных, выдержанных в
едином стиле страниц Web-узла. К недостаткам можно отнести то, что ваше
влияние на внешний вид Web-узла ограниченно. Общие области
Общие области присутствуют на каждой странице Web-узла. Их размещают на
верхнем, нижнем, левом и (реже) правом краях страницы. Они называются
общими, потому что по умолчанию отображаются на всех страницах Web-узла.
Общие области часто включают навигационные панели. Это характерно для
Web-узлов, сгенерированных с помощью мастеров или шаблонов Frontpage,
Рассмотрим ряд других полезных общих областей:
• верхняя общая область с заголовком страниц;
• нижняя общая область с информацией об авторских правах, контактной
информацией и другими текстами или изображениями, которые должны
присутствовать в нижней части каждой страницы Web-узла;
• левая общая область с такими элементами, которые необходимы на каждой
странице (например, ссылки). Примечание
Общие области редко размещают в правой части страниц Web-узла, поскольку
в этом случае пользователи могут не увидеть их. В зависимости от размера
и разрешения экрана компьютера пользователя, а также от размера окна
броузера, правая сторона страниц Web-узлов может не отображаться и для
ее просмотра потребуется применять горизонтальную
полосу прокрутки.
Все темы Frontpage определяют некоторые комбинации общих областей на
страницах Web-узла, что, однако, можно изменить. Например, в
соответствии с параметрами темы на каждой странице Web-узла используются
три общие области. Вы можете изменить тему так, что на каждой странице
будут отображаться только две общие области.
Если в создании Web-узла при помощи Frontpage не был задействован мастер
или шаблон, вы все равно можете применять общие области. Но вы не
сможете вставить в них навигационные панели, пока не установите связи
между страницами Web-узла в режиме просмотра Navigation (или пока не
сгенерируете Web-узел при помощи мастера или шаблона). Создание общих областей на всех страницах Web-узла
Чтобы общие области использовались на всех страницах Web-узла, выполните
следующие инструкции:
1. Откройте или создайте Web-узел в Frontpage. В любом режиме просмотра,
кроме Page, активизируйте команду Shared Borders меню Tools. В
результате откроется диалоговое окно Shared Borders, показанное на рис.
3.25. Но умолчанию в нем будет установлен переключатель All Pages,
который обозначает, что на всех страницах Web-узла будут присутствовать
одни и те же общие области.
2. Воспользуйтесь опциями в диалоговом окне Shared Borders, чтобы
установить или убрать общие области и включить или исключить из общих
областей навигационные панели. Если вы устанавливаете верхнюю и левую
общие области (соответственно, опции Тор и Left), то вы можете включить
в эти области навигационные панели (две опции Include
Navigation Buttons).
3. Когда вы зададите, какие общие области добавить или удалить, щелкните
на кнопке ОК. Области появятся на тех страницах Web-узла, на которых их
не было.
Рис 3.25. На всех страницах Web-узла будут присутствовать левая и
верхняя общие области
Создание общих областей на одной странице
Web-узла Для того чтобы создать общие области на одной странице,
выполните следующие действия:
1. Откройте страницу, на которую нужно поместить общие области, в режиме
просмотра Page
2. Откройте контекстное меню страницы и активизируйте команду Shared
Borders.
3. По умолчанию в диалоговом окне Shared Borders будет установлен
переключатель Selected Page(s). Добавьте или удалите общие области,
активизировав или выключив соответствующие опции (также решите, будете
ли вы включать навигационные панели в верхнюю и левую общие области)
На рис. 3.26. показано диалоговое окно Shared Borders с соответствующими
установками
Рис. 3.26. На Web-странице будут присутствовать левая и верхняя общие
области с включенными в них навигационными панелями
Редактирование содержимого общих областей
Как вы уже знаете, на страницах Web-узла может отображаться разное число
общих областей, однако нельзя изменить содержимое общих областей на
отдельной странице.
Общие области можно сравнить с верхними и нижними колонтитулами, которые
служат для отображения одних и тех же данных на всех страницах.
Следовательно, когда вы редактируете содержимое общей области на одной
странице, выполненные вами изменения распространяются на все страницы,
которые содержат данную область.
Редактирование содержимого общей области выполняется в Frontpage:
1. Щелкните на содержимом любой общей области.
2. Чтобы добавить текст в общую область, введите его обычным способом.
Например, перейдите в нижнюю общую область и наберите Copyright 1999
Acme Instruments.
3. Когда вы введете и отредактируете содержимое общей области, щелкните
за ее пределами.
Рис. 3.27. Нижняя общая область в роли колонтитула
Редактирование навигационных панелей
Навигационные панели генерируются в Frontpage автоматически. При
построении навигационных панелей Frontpage использует связи между
страницами, установленные в режиме просмотра Navigation, в котором вы
определяете иерархию страниц. Навигационные панели включают гиперссылки
на страницы Web-узла. В эти гиперссылки включаются кнопки (будем
называть их навигационными кнопками). Кнопка имеет то же название, что и
заголовок страницы, на которую осуществляется переход при щелчке на этой
кнопке (название кнопки изменяется автоматически при изменении заголовка
соответствующей страницы). Примечание
При изменении опций (например, при переходе с родительского уровня (Parent
level) на дочерний уровень (Child level) и т.д.), относящихся к области
Hyperlinks To Add To Page диалогового окна Navigation Bar Properties,
изменяются названия кнопок навигационной панели.
Если Web-узел сгенерирован посредством мастера или шаблона, а также если
связи между страницами установлены в режиме просмотра Navigation,
навигационные панели формируются автоматически. Если вы не применяли
режим просмотра Navigation при создании Web-узла, сделайте это:
1. Откройте Web-узел, в создании которого не был задействован мастер или
шаблон
2. Перейдите в режим просмотра Navigation.
3. Переместите страницы Web-узла с панели Folder List на панель,
находящуюся справа от нее.
Рис 3.28. Определение связей между страницами Web-узла в режиме
просмотра Navigation
4. Установите связи между страницами.
— Страница, которая связана с другой страницей и расположена ниже на
панели Navigation, является дочерней.
— Страница, которая связана с другой страницей и расположена выше,
является родительской.
— Страницы, соединенные горизонтальной линией, считаются
одно-уровневыми.
После установления связей между страницами в режиме просмотра Navigation
вы можеге добавить или изменить навигационные панели в Frontpage
1. Откройте страницу Web-узла в режиме просмотра Page
2. Щелкните на общей области, на которой нужно разместить или
отредактировать навигационную панель
3. Если навигационная панель уже существует, выполните на ней двойной
щелчок, чтобы открыть окно свойств Для добавления панели активизируйте
команду Navigation Bar меню Insert, вследствие чего отобразится
диалоговое окно Navigation Bar Properties
Рис 1.29. Диалоговое окно Navigation Bar Properties
4. В области Hyperlmks To Add To Page (ссылки,
добавляемые на страницу) установите один ш шести переключателей Paient
Level (родительский уровень). Same Level (тот же уровень). Back And Next
(назад и вперед), Child Level (дочерний уровень), Top Level (верхний
уровень), Child Pages Under Home (страницы, являющиеся дочерними для
домашней страницы) С помощью этих переключателей определяется, для
страниц какого уровня иерархии отобразить гиперссыки в навигационной
панели Например, если выбран переключа1ель Child Level, будут отображены
ссылки (навигационные кнопки) на все страницы, являющиеся дочерними по
отношению к редактируемой странице При изменении переключателей
(например, при переходе с родительского уровня на дочерний) изменяются
названия и, возможно, число кнопок навигационной панели
5. Независимо от того, какой переключатель выбран, вы можете поместить
на открытую страницу ссылку на домашнюю или на родительскую страницу,
выбрав обе или одну из опции, расположенных в области Additional Pages
(дополнительные страницы)
6. В области Orientation And Appearance (ориентация и вид)
предоставляется возможность определить расположение и тип кнопок,
которые будут появляться в навигационной панели Способы размещения
кнопок по горизонтали и вертикали демонстрируются в небольшом поле
предваритетьного просмотра Если выбрать переключатель Buttons, то в
ссылку будет включена кнопка При выборе переключателя Text будут созданы
текстовые ссылки
7. Выполнив все установки, щелкните на кнопке ОК На рис 3 30 показана
страница, верхняя навигационная панель которой содержит гиперссылки на
страницы, распотагающиеся на одном уровне (Same Level), и на домашнюю
страницу
Рис 3.30. Навигационная панель содержит ссылки на страницы одного уровня
Комплексное использование шаблонов и мастеров
Web-узла Frontpage, тем. общих областей и навигационных панелей позволит
получить профессионально оформленный Web-узел.
