Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Урок № 17 8класс 16,17.01
Тема: Знакомство со средой визуального редактора веб-сайтов
Цели урока: ознакомить учеников с интерфейсом программы МС , режимами просмотра веб-документа, создавать сайт при помощи мастера, создавать сайт в режиме , устанавливать параметра страницы, вводить и форматировать текст, гиперссылки, изображения
Ход урока
Сейчас Вы уже умеете наполнять веб-страницы текстовой и графической информацией, но нас не привлекает перспектива все теги вводить вручную. Вам обязательно понравиться работать со средой визуального редактора веб-сайтов.
Программа Microsoft FrontPage предназначена для создания Web-страниц и Web-узлов. Применяя панели инструментов и команды меню, на Web-странице можно размещать текстовую и графическую информацию, панели навигации и ссылки, предназначенные для перехода от одной страницы к другой. Кроме того, для оформления Web-страницы можно использовать таблицы, фреймы, бегущие строки, анимацию и многое другое. Чтобы ускорить разработку Web-страниц и узлов, можно применять шаблоны и мастера. Конструктор сайтов FrontPage позволяет использовать в Web-узле материал, подготовленный в других программных продуктах, входящих в Microsoft Office, таких как Word, Excel и PowerPoint.
Перед разработчиком Web-узла встает вопрос, какие средства могут быстро и качественно выполнить поставленную задачу.
В настоящее время существует два типа редакторов, создающих Web-узлы. Это - редакторы, работающие непосредственно с кодом, и визуальные редакторы. У обеих технологий есть плюсы и минусы. При создании Web-сайтов с помощью кодовых редакторов разработчику необходимо знать язык HTML. Работа в визуальном Web-редакторе, к которому относится и FrontPage, достаточно проста и напоминает процесс создания документа в Microsoft Word. Увидеть, как будет выглядеть созданная с использованием FrontPage, Web-страница при просмотре в обозревателе, можно, не выходя из редактора (конструктора).
По некоторым источникам в мировом Интернете до 50% всех страниц и Web-узлов, включая и крупные Web-проекты, создается с помощью Microsoft FrontPage. А на территории СНГ, вполне возможно, что эта цифра достигает 60-70 %.
Преимущества FrontPage перед другими Web-редакторами очевидны:
- FrontPage имеет мощную поддержку в Интернете. Существует много Web-узлов, групп новостей, конференций, ориентированных на пользователей этого конструктора. Также к FrontPage существует масса платных и бесплатных плагинов (plug-ins), расширяющих его возможности. Например, самые лучшие, на сегодняшний день, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro от компании Ulead встраиваются плагинами не только в Photoshop, но и в FrontPage. Помимо этого, имеется целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage.
- Интерфейс FrontPage схож с интерфейсом программ, входящих в Microsoft Office, что облегчает его освоение. К тому же между программами, входящими в Microsoft Office, существует полная интеграция, что позволяет использовать в FrontPageинформацию, созданную в других приложениях.
Замечание: Основные претензии разработчиков, создающих Web-страницы с использованием HTML-кодов, к FrontPageсводятся к тому, что он в некоторых случаях по умолчанию пишет избыточный код. Для небольших Web-узлов это некритично. Кроме того, FrontPage при желании позволяет разработчику работать и с HTML-кодом.
Непосредственно курс обучения на примере FrontPage 2002 (презентация)
Итак! Вы - новичок в сайтостроении? И обрушившийся на Вас поток правил HTML заставил протянуть руку к упаковке таблеток от головной боли? Да, бросьте! Нет необходимости исключительно программировать в кодах HTML и знать HTML-редакторы! Достаточно попробовать покопаться у себя в компьютере и, возможно, обнаружить там программу MicrosoftFrontPage, часто входящую в состав пакета Microsoft Office. Ну, а после поисков или ее установки... Запустить MicrosoftFrontPage, чтобы построить свой первый сайт он сможет всего за несколько минут!
Почему же FrontPage?
Информация о первой версии визуального редактора FrontPage 1.0 появилась на Web-узле небольшой фирмы Vermeer в Интернете в конце 1995 года. В продукте было много передовых на то время решений. Через полгода фирма была куплена корпорацией Microsoft. Уже в первые три месяца под торговой маркой Microsoft было продано порядка 150 000 копий пакета. Весной 1996 года выходит следующая версия пакета — FrontPage 1.1, и уже к лету 1996 года она поднялась в США на третье место по продажам, опередив даже сам Microsoft Office. Далee одна за другой появляются следующие версии FrontPage, и он уверенно занимает позицию мирового лидера среди визуальных средств разработки для Интернета.
версии).
Запускаем FrontPage 2002!
1. Нажмите кнопку Пуск.
2. Выберите из открывшегося главного меню команду Программы, появится меню данной команды.
3. Выполните команду Microsoft FrontPage (рис. 1). Запустится программа FrontPage, и на экране откроется ее главное окно.
Замечание: Для удобства запуска программы FrontPage Вы можете создать ярлык на Рабочем столе Windows. Вы даже можете установить режим загрузки FrontPage при запуске системы Windows. Для этого необходимо создать ярлык программы и поместить его в папку "Автозагрузка".
Главное окно
На рис. 2 показано Главное окно Microsoft FrontPage, каким Вы его увидите после запуска программы. Оно содержит заголовок, меню, панели инструментов, панель режимов работы и рабочую область программы. Рассмотрим назначение элементов главного окна.
Заголовок
В заголовке главного окна находятся три объекта: уменьшенная копия значка программы, наименование программыMicrosoft FrontPage и кнопки управления размерами окна. После щелчка левой кнопкой мыши на значке программы открывается меню управления, содержащее команды перемещения и изменения размеров главного окна (табл. 1).
Таблица 1 -Команды меню управления
|
В правой стороне заголовка расположены кнопки управления главным окном программы:
|
Стандартная панель инструментов FrontPage
В программе FrontPage имеется много самых разнообразных панелей инструментов, содержащих набор кнопок, который зависит от назначения данной панели.
Если Вы переходите в какой-либо режим работы, в главном окне программы появляется необходимая панель инструментов. Например, при переходе в режим просмотра и создания отчетов о Web-узле загружается панель Отчеты (Reporting), а при работе с графическими изображениями — Рисунки (Pictures). В том случае, если панель инструментов отсутствует на экране, для ее отображения используется команда Панели инструментов (Toolbars) из меню Вид (View), при выборе которой появляется меню, содержащее список всех панелей программы FrontPage, представленный в табл. 2.
Таблица 2 - Панели инструментов программы FrontPage
|
|
Выберите из этого меню нужную панель. При этом в меню с левой стороны наименования выбранной панели инструментов отобразится галочка, а сама панель появится в главном окне. Для удаления с экрана ненужной панели инструментов необходимо выбрать соответствующую команду меню еще раз. Галочка, располагаемая в меню рядом с наименованием, исчезнет, а панель инструментов будет удалена из главного окна программы FrontPage.
|
|
|
Совет: Для отображения на экране списка панелей инструментов достаточно установить курсор на любую находящуюся в главном окне программы FrontPage панель инструментов и нажать правую кнопку мыши.
Познакомимся со стандартной панелью инструментов программы FrontPage, которая используется во всех режимах (рис. 3).
|
||||||
|
|
Назначение кнопок данной панели инструментов описано в табл. 3.
Таблица 3 - Назначение кнопок стандартной панели инструментов
|
Меню
Взаимодействие с FrontPage осуществляется с помощью команд меню. Большинство команд являются иерархическими. В результате выбора одной из таких команд на экране появляется ее подменю.
Для выбора команды меню можно воспользоваться любым из следующих способов:
- Наиболее простой — использование мыши (поместите курсор на требуемую команду и щелкните левой кнопкой мыши).
- Если Вы предпочитаете применять клавиатуру, сначала переместите курсор в строку меню. Для этого нажмите либо клавишу <F10>, либо <Alt>. Выделяется первая команда в меню. Поместите выделение на требуемую команду, используя для этого клавиши <<>, <>>, <^>, <v>, затем нажмите клавишу <Enter>.
- Можно нажать <Аlt>+<подчеркнутый символ имени команды> (команда будет выполняться без нажатия клавиши<Enter>).
Замечание: Справа от названия некоторых команд меню могут быть указаны комбинации клавиш, при нажатии на которые данные команды вызываются быстро.
Рассмотрим команды Файл (File), Правка (Edit) и Вид (View). Назначение остальных команд будет описано далее по мере рассмотрения режимов, в которых они используются.
Файл
Меню Файл (File) содержит команды создания, открытия, закрытия, сохранения и печати файлов (табл. 4). Последняя команда этого меню — Выход (Exit). Она предназначена для выхода из FrontPage.
Таблица 4 - Команды меню Файл
|
Правка
Большинство команд меню Правка (Edit) Вам знакомы, если Вы работали с другими приложения Windows. Они используются при редактировании Web-страниц (табл. 5).
Таблица 5 - Команды меню Правка
|
Команда Задачи (Tasks) открывает меню следующего уровня, содержащее опции, управляющие задачами:
- Добавить задачу (Add Task) — добавляет новую задачу;
- Изменить задачу (Edit Task) — редактирует текущую задачу;
- Запустить задачу (Start Task) — запускает текущую задачу на выполнение;
- Пометить как завершенную (Mark Complete) — изменяет статус задачи;
- Отобразить журнал (Show History) — позволяет просмотреть весь список задач, включая выполненные ранее.
Вид
В меню Вид (View) содержит команды (табл. 6), управляющие режимами работы программы FrontPage, а также отображением в главном окне панелей Представления (Views), Область переходов (Navigation Pane), Список папок (Folder List) и панелей инструментов.
Таблица 6 - Команды меню Вид
|
Контекстное меню
Программа FrontPage (помимо основного меню) предоставляет контекстное меню, состав команд которого зависит от текущего режима работы. Для получения доступа к контекстному меню достаточно установить курсор на объект, с которым Вы в данный момент работаете, и нажать правую кнопку мыши. Выбор команд осуществляется так же, как и из главного меню.
Панель режимов работы
FrontPage предлагает 6 режимов просмотра и создания Web-узла. Для перехода в тот или иной режим предназначена располагаемая с левой стороны главного окна FrontPage панель Представления (Views), содержащая 6 кнопок. Назначение кнопок данной панели описано в табл. 7.
Отображением на экране этой панели управляет команда Панель представлений (Views Bar) меню Вид (View). Если Вы не хотите, чтобы панель режимов присутствовала в главном окне, занимая рабочую область, удалите ее с экрана, выбрав командуПанель представлений еще раз.
Таблица 7 - Кнопки панели режимов работы
|
Замечание: Для перехода в один из режимов работы помимо кнопок на панели Представления (Views) можно использовать одноименные команды меню Вид (View).
Открытие файлов
Для просмотра и редактирования в программе FrontPage имеющихся Web-узлов и страниц их необходимо открыть, используя команды меню, клавиатуру или стандартную панель инструментов.
Открытие Web-узла
Для открытия Web-узла в программе FrontPage выполните следующие действия:
1. В меню Файл (File) выберите команду Открыть веб-узел (Open Web) или на стандартной панели инструментов нажмите стрелку справа от кнопки Открыть (Open) и в открывшемся меню выберите команду Открыть веб-узел (Open Web).
2. Используя раскрывающийся список Папка (Look in) открывшегося диалогового окна Открытие веб-узла (Open Web)(рис. 4), выберите папку, в которой располагается открываемый Вами Web-узел.
3. Выберите необходимый Web-узел и нажмите кнопку Открыть (Open).
|
||||||
|
|
Замечание: Значки, которыми обозначаются Web-узлы (рис. 4), похожи на значки папок, на которых размещено изображение глобуса.
В диалоговом окне Открытие веб-узла находятся кнопки, предназначенные для облегчения поиска Web-узла на диске, если он расположен в одной из системных папок (табл. 8):
Таблица 8 - Кнопки в окне Открытие веб-узла
|
Совет: Для открытия после запуска программы Web-узла, с которым Вы работали при предыдущем запуске FrontPage, необходимо в меню Сервис (Tools) выбрать команду Параметры (Options) и на вкладке Общие (General) появившегося диалогового окна установить флажок Открывать последний веб-узел при запуске FrontPage (Open last web automatically when FrontPage starts).
Совет: Чтобы открыть Web-узел, можно воспользоваться командой Последние веб-узлы (Recent Webs) из меню Файл (File), содержащей имена четырех последних открывавшихся Web-узлов.
Каждый открываемый Web-узел располагается в новом окне программы FrontPage. Чтобы этого не возникало, перед загрузкой нового Web-узла закрывайте открытый узел с помощью команды Закрыть веб-узел (Close Web) из меню Файл (File).
Открытие Web-страницы
С помощью диалогового окна Открытие файла (Open File) в программе FrontPage можно открывать Web-страницы, сохраненные на диске в виде отдельных файлов, Web-страницы из Интернета, а также страницы Web-узла. При открытии страницы, входящей в состав Web-узла, открывается и сам Web-узел.
Для открытия Web-страницы выполните одно из следующих действий:
- В меню Файл (File) выберите команду Открыть (Open).
- На стандартной панели инструментов нажмите стрелку с правой стороны кнопки Открыть (Open) и в появившемся меню выберите команду Открыть.
- Нажмите комбинацию клавиш <Ctrl>+<O>.
При выполнении любого из этих действий открывается диалоговое окно Открытие файла (Open File) (рис. 5). Используяраскрывающийся список (Look in), выберите папку, в которой располагается открываемая Вами Web-страница. Затем установите на выбранную страницу курсор и нажмите кнопку Открыть (Open).
Замечание: Обратите внимание на значок Web-страницы. Он действительно напоминает страницу с направленной наружу стрелкой?
|
||||||
|
|
Используя кнопки диалогового окна Открытие файла (Open File), можно ускорить поиск необходимой Web-страницы, если она расположена в системной папке, название которой размещено с левой стороны окна. Для открытия Web-узла можно также использовать команду Последние файлы (Recent Files) из меню Файл (File), которая содержит имена четырех последних открытых Web-страниц.
Панели Список папок и Область переходов
В главном окне программы в режимах Страница (Page), Переходы (Navigation) и Гиперссылки (Hyperlinks) можно отобразить панель Список папок (Folder List), показывающую структуру папок открытого Web-узла (рис. 6). Для этого необходимо в меню Вид (View) выбрать команду Список папок (Folder List). При переходе в режим работы Папки (Folders) эта панель располагается в главном окне программы FrontPage по умолчанию.
|
||||||
|
|
Замечание: Используя панель Список папок (Folder List), посмотрите на расширения имен файлов Web-узла. Web-страница имеет расширение имени файла НТМ. Помимо Web-страниц, Web-узел может содержать файлы типа GIF и JPG (графические файлы), а также файлы других типов, если при создании страниц вы используете программы, входящие в Microsoft Office.
В режимах работы Страница (Page), Переходы (Navigation) и Гиперссылки (Hyperlinks) справа от панели Список папок (Folder List) размещается рабочая область для просмотра и редактирования Web-узла или Web-страницы (в зависимости от режима, в котором Вы находитесь). На рис. 7 в рабочей области располагается открытая Web-страница.
Обратите внимание на нижнюю часть панели Список папок в режиме работы Страница (Page). Там располагаются вкладкиСписок папок (Folder List) и Переходы (Navigation), позволяющие без использования меню и кнопок основной панели инструментов отображать панель папок или панель навигации, соответственно.
|
||||||
|
|
Работа с панелью Список папок (Folder List) аналогична работе в окне Проводника системы Windows. Открывая папки, определяющие структуру открытого в программе FrontPage Web-узла, Вы легко можете отыскать необходимую страницу и открыть ее для просмотра и редактирования. Чтобы открыть страницу, дважды щелкните на ее имени или значке. При этом в рабочей области программы FrontPage появится выбранная страница, которую можно просмотреть или отредактировать. Если открыто несколько страниц, в верхней части этой области располагаются вкладки с их названиями, служащие для перехода между страницами (смотри рис. 7).
Замечание: Если Вы находитесь в режиме Переходы (Navigation) и Гиперссылки (Hyperlinks), то после двойного щелчка на имени выбранной Web-страницы Вы автоматически переходите в режим ее редактирования.
В режиме работы Страница в окне программы FrontPage можно разместить панель Область переходов (Navigation Pane), предназначенную для просмотра навигационной структуры открытого Web-узла. На данной панели показываются страницы узла и их иерархическая связь друг с другом. Для отображения панели Область переходов можно использовать одноименную команду из меню Вид (View), кнопку Переключить панель (Toggle Pane) на стандартной панели инструментов или вкладку в нижней части панели Список папок (Folder List).
Ширину панели режимов работы Представления (Views), панели структуры папок Список папок (Folder List) и панелиОбласть переходов (Navigation Pane) можно регулировать с помощью мыши. Для этого выполните следующие действия:
1. Установите курсор на правую вертикальную границу панели или области, ширину которой хотите изменить.
2. Когда курсор примет вид двунаправленной стрелки, нажмите кнопку мыши и, удерживая ее нажатой, перемещайте курсор вправо для увеличения ширины панели или области папок, или влево — для уменьшения.
3. Установив требуемую ширину панели или области
Планирование разработки
Мы познакомились с главным окном программы FrontPage. Прежде, чем приступить к самостоятельной разработке Web-узла, давайте познакомимся с планированием разработки и с элементами, используемыми в оформлении Web-страниц.
Путешествуя по Интернету, Вы просмотрели десятки разнообразных Web-узлов. Многие из них привлекают внимание своим внешним оформлением, удобно размещенной информацией, хорошо продуманными средствами навигации. А сколько порой раздражения вызывает Web-узел, требующий долгой загрузки информации. Если к тому же окажется, что он не информативен, у Вас пропадет желание посещать его еще раз. Поэтому, приступая к собственной разработке Web-узла, как следует просмотрите в Интернете понравившиеся Вам страницы, подумайте над тем, чем именно они привлекли Ваше внимание, какие из элементов оформления Вы хотели бы использовать в своем Web-узле.
Планируя свою разработку, тщательно продумайте следующие вопросы:
- Информацию какого типа Вы хотите разместить в создаваемом Web-узле. Это может быть информация о Вашей компании и выпускаемой ею продукции и предлагаемых услугах, реклама того или иного вида товара или просто личная страница, из которой Вы хотите переходить на Ваши любимые страницы в Интернете.
- На кого рассчитан Ваш Web-узел. Например, если Web-узел создается с рекламной целью определенного вида товара или услуги, то Вы должны четко определить, для какой аудитории и возрастной группы этот товар предназначен. От этого будет зависеть и внешнее оформление, и форма подачи материала, и даже панели навигации, и глубина ссылок.
После того, как Вы определились с информацией, размещаемой в Web-узле, подобрали весь необходимый материал, необходимо продумать, как эту информацию разместить и оформить. При планировании Web-узла старайтесь придерживаться следующих рекомендаций:
- Внешнее оформление Web-узла имеет немаловажное значение для его посещаемости. Если у Вас прекрасный вкус и это не вызывает сомнения у окружающих, то Вы вполне можете ему довериться и оформлять страницу самостоятельно. В том случае, если Вы считаете, что дизайнер из Вас не получится, то в оформлении Web-узла положитесь на программу FrontPage, предлагающую такое средство, как Темы, и на профессиональных дизайнеров фирмы Microsoft, их разработавших.
- Не размещайте на одной странице слишком большой объем информации, так как это мешает ее восприятию. Создайте несколько связанных страниц, разместив на них информацию, сгруппированную по тематике. Для облегчения чтения информации используйте разнообразные списки, таблицы. Оставьте достаточно свободного пространства между различными смысловыми группами.
- Наиболее важная информация, которую Вы хотите донести до посетителя и ради которой Web-узел фактически создается, должна быть наиболее доступна и находиться на верхних уровнях вложенности Web-узла. Глубоко должна быть размещена информация, необходимость в которой может и не возникнуть.
- Не перегружайте Web-узел большим количеством графической информации, замедляющей его загрузку. Вы, вероятно, сами не раз отказывались от посещения таких Web-узлов, нажимая на панели инструментов кнопку, останавливающую загрузку информации.
- Используйте в своих разработках панели ссылок, компактно располагающиеся на страницах и позволяющие пользователям легко перемещаться по различным разделам Web-узла. Не забудьте предусмотреть ссылку, с помощью которой посетитель Web-узла сможет легко вернуться на вашу исходную (домашнюю) страницу.
Замечание: Разработав структуру создаваемого Web-узла, ознакомьтесь с мнением хотя бы нескольких предполагаемых посетителей или коллег по работе. На данном шаге Вам будет значительно легче скорректировать свою работу и не потратить время впустую.
Разработка структуры Web-страниц
Прежде, чем переходить непосредственно к созданию Web-узла, необходимо разработать структуру основных входящих в него страниц, чтобы пользователю легко было перемешаться между страницами различных уровней, а также, чтобы он в любой момент мог вернуться на домашнюю страницу.
Первая страница, на которой оказывается посетитель, это - домашняя страница. Она, несомненно, должна содержать заголовок, краткое описание разделов Web-узла, ссылки на разделы второго уровня иерархии в структуре, а также информацию об авторских правах и информацию для контактов, которую можно разместить в колонтитуле.
После того как Вы определились с домашней страницей и размещаемой на ней информацией, необходимо перейти к разработке страниц второго уровня. Их количество должно определяться количеством основных разделов Web-узла. На этих страницах размещается наиболее важная информация, относящаяся к разделам, а также, если в них есть необходимость, ссылки на страницы третьего уровня иерархии.
На страницах третьего уровня размещается уточняющая информация к основным разделам Web-узла
Замечание: Информацию об авторских правах, а также информацию для контактов можно разместить в колонтитулах страниц всех уровней.
Схема навигации
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент.
Мы рассмотрели два полярных подхода к разработке схемы навигации. Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации.
Панели ссылок
После того, как разработана схема навигации, необходимо продумать названия навигационных ссылок, а также заголовки страниц, на которые с их помощью осуществляется переход. Названия ссылок должны соответствовать названиям представляемых ими материалов. В этом случае посетитель Web-узла имеет возможность определить, какую ссылку надо выбрать для просмотра той или иной информации.
Навигационные ссылки объединяют в панели ссылок, называемые также панелями навигации. Панели ссылок — это несколько расположенных рядом ссылок, предназначенных для перемещения между страницами Web-узла. Размещаются панели ссылок, как правило, на страницах в специально отведенных для них местах, называемых общими областями, в верхней части или с левой стороны страницы. Панели ссылок можно располагать и с правой стороны страницы. Но этого нежелательно делать, так как при просмотре Web-страницы в обозревателе с небольшим разрешением экрана эта область может быть не видна пользователю.
Панели ссылок могут быть отображены на Web-странице в виде кнопок или текста. Подобрать для их оформление можно с помощью тем, предлагаемых программой FrontPage.
При создании панелей ссылок FrontPage позволяет использовать структуру Web-узла, смоделированную разработчиком в режиме работы Переходы (Navgation). В этом случае в процессе разработки Web-узла, перейдя в режим Переходы, необходимо определить иерархию страниц, которая впоследствии будет использована программой FrontPage при создании панелей ссылок. Кроме того, в состав FrontPage входит мастер, позволяющий создавать панель ссылок для Web-узла, структуру которого он формирует в процессе своей работы.
Макетирование Web-страницы
Приступая к созданию макета Web-страницы, необходимо знать об ограничениях, с которыми сталкивается разработчик. Это ограничения используемого при создании Web-страницы HTML-языка и браузера, а также аппаратные ограничения, связанные с типом монитора и модема. Рассмотрим данные ограничения.
HTML
При создании Web-узла используется язык HTML (как говорилось ранее), представляющий собой текст в формате ASCII. Язык HTML состоит из набора специальных символов, называемых тегами (тэгами). Именно теги служат для задания параметров форматирования и определяют структуру и внешний вид документа в браузере. Они идентифицируют документ, определяют входящие в Web-страницы разделы, осуществляют загрузку графических изображений и форматирование отображаемого на Web-странице текста. Иными словами, благодаря языку HTML, Web-страница выглядит так, какой ее видит пользователь.
Пользователю, использующему для разработки FrontPage, нет необходимости знать теги. Разработка Web-узла в данной программе происходит в режиме WYSIWYG, то есть что видите, то и получаете. Форматирование Web-страницы во FrontPageосуществляется средствами текстового редактора, возможности которого ограничены из-за ограничений HTML. Преодолеть возникающие при создании Web-узла трудности можно с помощью языка, HTML благодаря тому, что FrontPage содержит средства для просмотра и редактирования HTML-кодов. Для того чтобы просмотреть текущую Web-страницу в HTML-кодах (рис. 17), необходимо открыть ее в режиме редактирования и выбрать в нижней части рабочей области вкладку HTML-код.
|
||||||
|
|
Браузеры
Загрузка и отображение Web-страницы на экран монитора выполняется браузером, установленным на компьютере пользователя. Именно браузер загружает HTML-документ, содержащий HTML-теги, определяет форматирование текста, выполняет загрузку графических изображений с сервера. Отображение документа осуществляется программным обеспечением браузера. Но так как браузеры, применяемые пользователями, различны, а сами браузеры отличаются заложенными в них стандартами, то и Web-страницу они отображают каждый по-своему.
Если Вы хотите, чтобы созданные Вами Web-страницы можно было просматривать с помощью разных браузеров, старайтесь использовать стандартные для большинства браузеров теги и не ориентируйтесь в своей разработке на браузеры, поддерживающие новейшие технологии, такие как сценарии на языке JavaScript, внешние таблицы стилей, DHTML-эффекты и т. д.
Замечание: Во избежание недоразумений обязательно протестируйте созданный Web-узел с помощью наиболее часто применяемых пользователями браузеров Internet Explorer и Opera.
Ограничения, связанные с аппаратными средствами
Внешний вид просматриваемой в обозревателе Web-страницы зависит не только от типа браузера, но и от монитора, видеокарты, применяемой пользователем операционной системы и установленного на мониторе разрешения. Поэтому, разрабатывая собственный Web-узел, Вы должны просмотреть, как будет выглядеть Ваша страница в браузере при разрешении экрана 640x480, 800x600 и 1024x768, так как это наиболее часто используемые на компьютере разрешения.
Важным параметром Web-страницы, который необходимо учитывать при разработке, является занимаемый ею объем. Чем больше объем, тем дольше будет загрузка страницы. При большом объеме страницы посетитель может не дождаться завершения ее загрузки и перейти на другой Web-узел. На время загрузки Web-страницы влияет объем страницы, быстродействие сети и модема.
Объем Web-страницы, как правило, определяется объемом размещаемых на странице графических и мультимедийных файлов. Поэтому для уменьшения времени загрузки файла необходимо использовать файлы данных типов в оформлении Web-страницы как можно меньшего объема.
Элементы оформления Web-страниц
Просматривая Web-узлы в Интернете, Вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы, фреймы. Рассмотрим кратко основные элементы, используемые в оформлении Web-страниц.
Текстовая информация
Текстовая информация, размещаемая на Web-странице, призвана знакомить посетителя Web-узла с интересующей его информацией. Программа FrontPage предоставляет в распоряжение разработчика средства по форматированию заголовков, символов, абзацев, включающие в себя установку различных параметров шрифта, интервалов между символами, смещений, отступов, созданию маркированных и нумерованных списков и т. д. С помощью этих средств вы сможете выделить на странице наиболее важные места, сделать информацию легко читаемой. Помимо этих средств форматирования, при работе над документом могут быть использованы специальные символы шрифтов, которые позволяют внести разнообразие в оформление страницы.
Программа FrontPage, как и все программные продукты Microsoft Office, содержит средства, призванные облегчить работу по размещению текста. Это команды проверки орфографии, поиска и замены, тезаурус.
Фон страницы
По умолчанию FrontPage предлагает для создаваемых Web-страниц белый фон. Вы можете изменить цвет фона, используя предлагаемые программой цвета, что не скажется на времени загрузки Web-узла. Для страниц, содержащих много текста, лучше использовать светлый однотонный фон. В этом случае текст будет легче читаться.
Чтобы сделать Web-страницу более привлекательной, в качестве фона страницы может выступать графическое изображение. Но, выбирая рисунок для фона, помните, использование графического изображения приводит к увеличению размера файла, а соответственно, увеличивается и время загрузки Web-страницы. К тому же рисунок фона не должен быть ярким, чтобы на нем была видна размещенная на Web-странице текстовая информация.
Горизонтальные линии
Для выделения заголовков, разделов текста, для разделения разной по тематике информации и просто для оформления Web-страниц используют горизонтальные линии. Размещение горизонтальной линии на Web-странице осуществляется командойГоризонтальная линия (Horizontal Line) из меню Вставка (Insert). Кроме того, Web-страницы можно украсить графическими линиями. Образцы графических линий можете поискать в библиотеке графических изображений Clip Art.
Таблицы
При форматировании символов и абзацев Web-страницы используются средства, которые могут игнорироваться некоторыми обозревателями, например, пустые строки. Учитывая это, для представления информации, содержащей текст и графические изображения, а также для выравнивания текста на Web-страницах можно использовать таблицы.
FrontPage предоставляет в распоряжение разработчика широкий набор средств для работы с таблицами, упрощающих выполнение большинства практических задач. Команды, предназначенные для работы с таблицами, позволяют вам легко создавать и редактировать таблицы, а также упорядочивать и форматировать содержащиеся в ней данные.
С помощью средств, предоставляемых программой FrontPage, разработчик может задавать цвет разделительных линий таблицы, цвет фона или разрешить использовать вместо фона изображение. Если таблица служит для разбиения Web-страницы на отдельные зоны, ее можно сделать невидимой. Кроме того, в качестве мощного средства форматирования Web-страниц, когда необходимо должным образом разместить элементы внутри таблицы, можно использовать вложенные таблицы. Пример применения вложенных таблиц показан на рис. 18.
|
||||||
|
|
Программа FrontPage позволяет изменять свойства не только всей таблицы, но и ее отдельных ячеек. Изменяя ширину ячейки, можно управлять размещением элементов на странице. Во FrontPage можно задать абсолютную, относительную ширину ячейки или не указывать ширину вообще.
В случае, если ширина ячейки не задана, то она определяется исходя из содержащейся в ячейке информации (текста и графических изображений). При изменении разрешения экрана размеры ячеек таблицы изменятся и невозможно предугадать, как при этом будет выглядеть Web-страница в целом. Также нельзя в полной мере контролировать расположение элементов на Web-странице при использовании относительного размера ячеек в процентах от ширины окна браузера, хотя данный метод предпочтительнее первого.
Если Вы хотите, чтобы вид страницы не менялся при изменении разрешения экрана, а ее элементы имели постоянное местоположение, необходимо указать размеры таблицы и ее ячеек в пикселах. Но даже в этом случае могут возникать неожиданные вещи, для избежания которых в процессе разработки необходимо просматривать Web-страницу в обозревателе.
Общие области
Страницы Web-узла могут содержать повторяющуюся информацию о названии компании, контактных адресах, дате последней модификации, авторских правах, логотип компании. Для размещения информации, которая должна отображаться на всех Web-страницах, нет необходимости открывать каждую страницу Web-узла и вводить данные. Вам достаточно создать на всех страницах общую область и ввести информацию в эту область один раз.
Общую область, располагаемую в верхней части Web-страницы, можно использовать для размещения логотипа компании, заголовков страниц, панелей ссылок. Общую область, располагаемую в нижней части страницы, иногда называют нижним колонтитулом. В эту область обычно помещают информацию об авторских правах, дату обновления информации на Web-узле, адреса для контактов. Общую область по левому краю страницы удобно использовать для размещения панелей ссылок.
Предупреждение: Правую часть страниц желательно не использовать в качестве общей области. Это вызвано тем, что в зависимости от разрешения экрана монитора или размера окна обозревателя она не всегда помещается на экране и в этом случае для ее просмотра необходимо использовать полосу прокрутки, что не очень удобно.
Графические изображения
Графические изображения, находящиеся на Web-страницах, улучшают восприятие информации, делают страницы более яркими и запоминающимися. Графические изображения Вы можете подготовить сами или использовать библиотеки графических файлов программных продуктов, таких как FrontPage, CorelDraw, PhotoShop и т.д.
При создании Web-узлов чаще всего применяют графические форматы JPEG (Joint Photographic Experts Group) и GIF (Graphics Interchange Format), являющиеся форматами со сжатием. Выбор формата определяется стоящими при разработке задачами. Так, например, GIF формат применяется для изображений, содержащих меньше 256 цветов, и используется, как правило, для создания анимационных эффектов. Если изображение содержит более 256 цветов, то применяется формат JPEG. Кроме того, программа FrontPage позволяет импортировать файлы, имеющие другие форматы, преобразовывая их в форматы JPEG и GIF.
После того, как графическое изображение размещено на странице, с помощью кнопок панели инструментов Рисунки (Pictures) (рис. 19) можно изменить его яркость и контрастность, повернуть по горизонтали или по вертикали, преобразовать цветное изображение в полутоновое и т. д. Эта панель автоматически появляется в окне программы FrontPage при щелчке на изображении.
|
||||||
|
|
Графические изображения улучшают внешний вид страницы. Однако при создании Web-узла необходимо учитывать, что время загрузки страницы будет напрямую зависеть от размера размешенного на ней графического файла.
Совет: FrontPage позволяет узнать предполагаемое время загрузки Web-страницы на компьютер пользователя в зависимости от скорости соединения с Web-сервером. Оно отображается в строке состояния в режиме редактирования страницы справа от значка с изображением песочных часов. На рис. 19 показана страница, время загрузки которой составляет 55 секунд при скорости соединения 28,8 Кбит/с. Чтобы узнать время загрузки при другой скорости соединения, щелкните мышью в правой области строки состояния и выберите из появившегося меню значение предполагаемой скорости соединения с Web-сервером.
Темы оформления Web-страниц
Для оформления Web-страниц FrontPage предоставляет темы, называемые также декорациями. В соответствии с выбранной темой изменяются свойства элементов всех или отдельных страниц Web-узла:
- Текст (цвет, размер и тип шрифта, стили абзацев).
- Маркеры списков.
- Заголовки.
- Панели ссылок.
|
||||||
|
|
- Горизонтальные линии.
- Фоновое изображение.
- Цвет гиперссылок.
Темы, предлагаемые FrontPage, могут быть модифицированы пользователем. Так, например, можно изменить используемую в оформлении темы цветовую схему, оставив неизменными шрифты, графические элементы, или изменить оформление только графических или текстовых элементов темы.
На рис. 20 показана страница, в оформлении которой использована тема Кубики (Blocks). Для задания темы оформления Web-узла служит диалоговое окно Темы, открываемое командой Темы (Themes) меню Формат (Format).
Гиперссылки
Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие Web-узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы Вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.
В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).
Эффекты динамического HTML
Разработчику Web-узла, работающему с программой FrontPage, предоставляются разнообразные средства, позволяющие сделать Web-страницы интересными. К таким средствам, прежде всего, относятся Динамические эффекты (Dynamic HTML).
Для размещения на Web-странице динамических HTML-объектов служит диалоговое окно Вставка компонента веб-узла (Insert Web Component), предлагающее три компонента данного типа. Это Быстрая строка (Marquee), Меняющаяся кнопка (Hover Button) и Диспетчер объявлений (Banner Ad Manager).
Кроме того, FrontPage позволяет при оформлении Web-страниц использовать различные анимационные эффекты, заимствованные из программы PowerPoint. При создании эффектов анимации используется панель инструментов Эффекты DHTML (DHTML Effects). Комбинируя значения всех трех списков данной панели инструментов, можно формировать самые разнообразные эффекты. Например, при загрузке Web-страницы текст будет влетать по спирали или волнообразно, въезжать сверху, снизу, справа, слева или по диагонали из разных углов страницы. Размер размещаемого текста можно увеличивать или уменьшать. Отдельные слова текста могут падать в формируемую фразу сверху или вплывать, двигаясь волнообразно.
Замечание: Есть одно существенное ограничение, препятствующее широкому использованию при создании Web-узлов динамических HTML. Оно заключается в том, что не все обозреватели, с помощью которых пользователи просматривают Web-страницы, данные эффекты поддерживают.
Фреймы
Существует два основных средства, позволяющих разбивать Web-страницу на области. Об одном из них мы уже говорили. Это таблицы. Вторым средством, управляющим размещением информации на Web-странице, являются фреймы. Они позволяют разбивать Web-страницы на прямоугольные области, в каждой из которых отображаются отдельные страницы.
|
||||||
|
|
Фреймы удобно использовать в случае, когда на Web-странице необходимо отображать информацию со сложной системой рубрикации. В этом случае используют фрейм, делящий страницу на две области. В одной области размещается оглавление со ссылками на разделы рубрикатора, а во второй — выбранная по ссылке Web-страница. На рис. 21 показана страница, созданная с использованием фрейма. Она разбита на три области. В верхней области отображается заголовок компании, в левой — оглавление Web-узла, а в правой — содержимое раздела, выбранного с помощью оглавления.
FrontPage-компоненты
Компоненты, предоставляемые в распоряжение разработчика программой FrontPage, представляют собой готовые к применению программные модули, для использования которых достаточно разместить компоненты на Web-странице и настроить их свойства. Использование компонентов расширяет функциональные возможности Web-узла, ускоряет разработку и избавляет от необходимости программирования. Перечислим наиболее часто применяемые компоненты:
- Подстановка (Substitution) — размещает на Web-странице информацию, задаваемую с помощью переменной. При изменении значения переменной происходит автоматическое обновление данных во всех местах, где эта переменная используется.
- Страница (Include Page) — вставляет содержимое отдельной страницы с периодически обновляемой информацией в другие страницы Web-узла.
- Страница с расписанием (Scheduled Include Page) — вставляет содержимое отдельной страницы в другие страницы Web-узла на определенный интервал времени.
- Рисунок с расписанием (Scheduled Picture) — вставляет графическое изображение на страницу Web-узла на определенный интервал времени.
- Счетчик посещений (Hit Counter) — размещает на Web-странице компонент, позволяющий получить сведения о том, сколько пользователей открывало Web-узел.
- Форма поиска (Search Form) — позволяет посетителям Web-узла проводить поиск необходимой информации.
- Оглавление (Table of Contents) — размещает на домашней странице оглавление со ссылками на все страницы Web-узла.
- Электронная таблица Office (Office Spreadsheet) — добавляет на страницу электронную таблицу, являющуюся объектом Microsoft Office.
- Диаграмма Office (Office Chart) — добавляет на страницу диаграмму, являющуюся объектом Microsoft Office.
- Сводная таблица Office (Office PilotTable) — Добавляет на страницу объект Microsoft Office, позволяющий подключиться к базе данных с помощью OLE DB, просмотреть заданный объект и изменить его содержимое.
Для размещения на Web-странице компонентов используется диалоговое окно Вставка компонента веб-узла (Insert Web Component) (рис. 22), открываемое командой Веб-компонент (Web Component) из меню Вставка (Insert), а также кнопкой Веб-компонент на стандартной панели инструментов.
|
||||||
|
|
Формы
Формы, размещаемые в Web-узле, содержат объекты, позволяющие посетителям вводить информацию (рис. 23). Это поля, в которые информация вводится вручную, списки, содержащие варианты ответов, из которых посетителю необходимо выбрать вариант, группы переключателей, флажки, предполагающие два варианта ответа — согласен или не согласен. Формы содержат также кнопки, позволяющие выполнять определенные действия, например, переслать на сервер для дальнейшей их обработки введенную в поля информацию или очистить поля ввода формы.
Форма может занимать целую Web-страницу или ее часть. Ее размер будет зависеть от того, сколько сведений вы хотите получить от посетителя Web-узла. Поля формы на Web-странице выделяются контурной пунктирной рамкой. При разработке формы необходимо тщательно продумать, какие объекты в ней будут использоваться. Основные требования, предъявляемые к формам, — простота, краткость, понятные конструкции по ее заполнению.
|
||||||
|
|
Для создания форм, так же как и для создания Web-страниц, программа FrontPage предлагает шаблоны и мастера, облегчающие их разработку:
- Форма подтверждения (Confirmation Form) — шаблон формы подтверждения о получении информации.
- Форма обратной связи (Feedback Form) — шаблон формы для ввода замечаний.
- Мастер страницы формы (Form Page Wizard) — мастер создания формы для опроса посетителей Web-узла.
- Гостевая книга (Guest Book) — шаблон гостевой страницы.
- Страница поиска (Search Page) — шаблон страницы в виде формы, используемой для поиска слов.
- Регистрационная форма (User Registration) — шаблон формы регистрации пользователей.
Формы, созданные с помощью мастеров и шаблонов, можно модифицировать, добавляя в них новые элементы управления, редактируя имеющиеся. Кроме того, FrontPage предоставляет средства для самостоятельной разработки форм. Для размещения объектов в форме служат опции команды Форма (Form), содержащейся в меню Вставка (Insert). Настройка и редактирование объектов формы осуществляются с помощью окна их свойств, открываемого двойным щелчком на объекте или командой контекстного меню Свойства поля формы. С помощью окна свойств объектов формы можно задать, чтобы некоторые поля заполнялись в обязательном порядке или содержали информацию определенного типа и т. д.
После того как форма создана, необходимо предусмотреть средства для обработки данных, вводимых в форму. Управление данными можно осуществлять несколькими способами:
- Сохранить в файле, имеющем формат HTML, обычный текст или текст базы данных.
- Переслать по электронной почте.
- Передать для обработки в ASP- или CGI-сценарий.
- Поместить в дискуссионную или регистрационную форму.
Настройка средств обработки данных, полученных с помощью формы, осуществляется в окне свойств формы Свойства формы (Form Properties), открываемом одноименной командой контекстного меню.
Мастера и шаблоны
Мы познакомились с главным окном программы FrontPage. Прежде, чем приступить к самостоятельной разработке Web-узла, давайте ознакомимся с шаблонами и мастерами, предлагаемыми программой FrontPage для ускорения разработки.
Создание Web-узла — это достаточно трудоемкий процесс, требующий не только больших затрат времени, но и обширных знаний в области разработки. Программа FrontPage идет навстречу разработчикам, предоставляя в их распоряжение средства, призванные сократить до минимума время, затрачиваемое на создание проекта. Среди них большое количество шаблонов и мастеров по созданию Web-страниц, фреймов, Web-узлов и стилей.
Что такое шаблоны и мастера и чем они отличаются друг от друга? С шаблонами Вы, вероятно, сталкивались при работе с другими офисными продуктами, например, при работе с Microsoft Word.
Шаблон — это совокупность параметров документа для его многократного использования, иными словами, каркас Вашего документа. Выбрав тот или иной шаблон, Вы в дальнейшем используете те средства, которые в нем уже заложены. Например, выбрав шаблон Текст одним столбцом (One-column Body), Вы получаете страницу, на которой информацию необходимо размещать в одну колонку по центру. В других шаблонах заранее выделены области для размещения текста и графической информации и т. д.
При использовании мастеров возможности Вашей разработки расширяются, так как мастер в процессе работы задает Вам вопросы и создает Web-узел или Web-страницу на основании Ваших ответов, разместив заголовки и часть информации. Таким образом, при использовании мастеров получается проект, приближенный к Вашим основным задачам.
Мастера создания Web-узлов
Для запуска мастера по созданию Web-узла выполните следующие действия:
1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Page or Web). В результате в главном окне программы FrontPage появляется панель Создание веб-страницы или узла (New Page or Web) (рис. 24).
|
||||||
|
|
2. Выберите на панели значение Шаблоны веб-узлов (Web Site Templates). Открывается диалоговое окно Шаблоны веб-узлов, в котором можно выбрать шаблон или мастер для создания Web-узла (рис. 25).
|
||||||
|
|
Диалоговое окно содержит одну вкладку Веб-узлы (Web Sites), на которой расположены значки предлагаемых системой шаблонов и мастеров для создания Web-узлов. В табл. 10 описано назначение мастеров, предлагаемых программой FrontPage.
Таблица 10 - Мастера, используемые для создания Web-узлов
|
Замечание: В диалоговом окне Шаблоны веб-узлов программа FrontPage предлагает четыре мастера для создания Web-узла. Они перечислены в табл. 10. Остальными в списке являются шаблоны.
3. Выделите значок мастера, услугами которого хотите воспользоваться. При этом в области Описание (Description)появляется краткое описание выбранного мастера.
4. В поле Укажите расположение нового веб-узла (Specify the location of the new web) задайте URL-адрес Web-узла, то есть имя Web-сервера, на котором хотите разместить Web-узел, и имя Web-узла. Имена должны быть разделены символом "/". Например, http://localhost/Corporate. При этом возможны следующие варианты:
- Web-сервер установлен на вашем компьютере. В этом случае имя сервера автоматически подставляется в URL-адрес. Серверу также можно присвоить сетевое имя Вашего компьютера по умолчанию localhost.
- Вы используете Web-сервер своего провайдера, доступный в Интернете. В этом случае в качестве имени сервера вводится его реальный URL-адрес.
- Сохраняете Web-узел на своем компьютере. В этом случае в качестве адреса указывается физический путь к нему.
- Чтобы установить с Web-сервером безопасное соединение по протоколу SSL, установите в окне Шаблоны веб-узлов флажок Требуется подключение SSL (Secure connection required (SSL)).
5. Нажмите кнопку ОК. Запускается мастер.
Совет: Для запуска мастера или шаблона можно также дважды щелкнуть мышью на значке выбранного мастера.
Создание Web-узла с помощью мастера осуществляется следующим образом. После запуска мастера на экране поочередно появляются диалоговые окна для ввода параметров создаваемого Web-узла. Вы должны ответить на все предлагаемые вопросы. Для перемещения между экранами в процессе работы мастера используются кнопки, расположенные в нижней части и имеющие следующее назначение:
Таблица 11 - Используемые кнопки
|
Ответив на все вопросы мастера, Вы нажимаете кнопку Готово. Мастер создает Web-узел и выводит его в главном окне программы для просмотра и редактирования.
Замечание: Вы можете перейти к завершающему этапу из любого окна мастера, воспользовавшись кнопкой Готово. В этом случае программа FrontPage создаст Web-узел, используя параметры, предлагаемые по умолчанию.
Рассмотрим кратко возможности мастеров по созданию Web-узла:
- Мастер корпоративного веб-узла (Corporate Presence Wizard). Создает Web-узел, представляющий компанию в Интернете. В состав созданного Web-узла могут входить:
- Страницы, используемые посетителями Web-узла для просмотра новостей о компании, а также информации о товарах и предоставляемых услугах.
- Таблица с оглавлением, облегчающая посетителям перемещение по Web-узлу.
- Форма отзывов клиентов по тому или иному вопросу.
- Поисковая форма, позволяющая посетителям сайта находить на Web-узле интересующую их информацию.
- Мастер интерфейса базы данных (Database Interface Wizard). Web-узел, созданный с помощью этого мастера, может содержать следующие страницы:
- Страница просмотра информации из базы данных.
- Страница, предназначенная для ввода информации.
- Страница, позволяющая редактировать базу данных Web-узла из обозревателя.
- Мастер веб-обсуждения (Discussion Web Wizard). Создает Web-узел, на страницах которого пользователь высказывает свое мнение по поводу проводимой дискуссии. В состав созданного Web-узла могут входить:
- Страницы для проведения дискуссии и страница, с помощью которой посетитель определяет, дошло ли его сообщение до Web-узла.
- Оглавление Web-узла.
- Форма потоковых ответов.
- Поисковая форма, позволяющая посетителям сайта находить на Web-узле интересующую их информацию.
- Мастер веб-импорта (Import Web Wizard). Импортирует на создаваемый во FrontPage Web-узел данные с других Web-узлов. Импортировать можно весь Web-узел или его отдельные страницы. Импорт можно осуществлять с Вашего компьютера, с компьютера, находящегося в Вашей локальной сети или из Интернета, указав его URL-адрес.
Мастер создания Web-узла для представления компании
Рассмотрим работу мастера Мастер корпоративного веб-узла (Corporate Presence Wizard), создающего Web-узел для представления предприятия в Интернете. Для создания Web-узла с помощью этого мастера выполните следующие действия:
1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Page or Web).
2. На появившейся в окне программы FrontPage панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Шаблоны Web-узлов).
3. В поле Укажите расположение нового веб-узла диалогового окна Шаблоны веб-узлов введите местоположение и имя создаваемого Web-узла.
4. Дважды щелкните на значке Мастер корпоративного веб-узла.
5. Мастер начинает свою работу. На экране появляется его первое окно, в котором содержится краткое описание мастера (рис. 26). Ознакомьтесь с предложенной информацией и нажмите кнопку Далее.
|
||||||
|
|
6. На следующем шаге работы мастера Вам предлагается определиться со страницами, которые будут включены в Web-узел. В диалоговом окне размещены следующие флажки:
• домашняя (Ноmе) — домашняя страница Web-узла;
• что нового (What's New) — страница новостей Web-узла;
• продукты и услуги (Products/Services) — страница, представляющая продукцию или услуги, предлагаемые компанией;
• оглавление (Table of Contents) — страница, содержащая оглавление создаваемого Web-узла. С данной страницы возможен переход на все страницы узла;
• обратная связь (Feedback Form) — страница в виде формы, на которой посетители Web-узла смогут разместить свое мнение о предлагаемых товарах и услугах;
• форма поиска (Search Form) — страница в виде формы для поиска слов на Web-узле. Данная форма позволит посетителю быстрее найти нужную информацию.
По умолчанию все флажки установлены. Снимите флажки напротив тех страниц, которые Вы не хотите включать в создаваемый Web-узел. Флажок домашняя (Ноmе) недоступен для коррекции. Это и понятно. Ведь, без домашней страницы Вам не обойтись. Определившись с выбором страниц, нажмите кнопку Далее для перехода к следующему шагу.
7. Следующее диалоговое окно мастера позволяет определить формат домашней страницы создаваемого Web-узла. В нем расположены флажки, установка которых приводит к резервированию на странице места для следующей информации:
• вступление (Introduction) — для вступительной информации
• предназначение (Mission Statement) — о целях и задачах фирмы;
• профиль организации (Company Profile) — о профиле компании;
• контактные сведения (Contact Information) — для контактной информации.
Снимите флажки напротив тех разделов, информацию которых вы не будете размещать на домашней странице, и нажмите кнопку Далее.
Замечание: При создании Web-узла с помощью мастера те или иные диалоговые окна могут отсутствовать. Их наличие определяется теми страницами, которые будут присутствовать в вашей разработке и которые вы указали во втором диалоговом окне мастера.
8. Следующее окно мастера позволяет задать параметры страницы, которая будет содержать самые свежие новости Вашего Web-узла или сообщать, на какой странице Web-узла появилась новая информация. В этом окне находятся три флажка, установка которых приводит к размещению в Web-узле следующих разделов:
Таблица 12 - Флажки для новостей
|
9. На следующем шаге работы мастера в полях продукты (Products) и услуги (Services) можно задать параметры страницы, содержащей информацию о товарах и услугах, предоставляемых фирмой. В соответствии с введенными числами будет создаваться по одной странице на каждый рекламируемый товар или услугу. Введите в эти поля необходимые числа и нажмите кнопку Далее.
10. В диалоговом окне, появляющемся на следующем шаге, можно указать разделы, под которые будут зарезервированы места на страницах, рекламирующих товары и услуги. Оно содержит две группы флажков. Первая группа флажков определяет параметры страницы, представляющей товары:
• изображение продукта (Product image) — резервирует на странице место для размещения изображения товара;
• сведения о цене (Pricing information) — резервирует на странице место для размещения цен на указанный товар;
• форма запроса данных (Information request form) — приводит к созданию формы запроса информации.
Вторая группа флажков определяет параметры страницы, рекламирующей услуги:
• список возможностей (Capabilities list) — резервирует на странице место для более подробного описания услуги;
• ссылочные счета (Reference accounts) — резервирует на странице место для размещения учетных записей;
• форма запроса данных (Information request form) — указывает на необходимость формирования формы запроса к посетителям Web-узла на услуги.
Установите необходимые флажки и нажмите кнопку Далее для перехода к следующему шагу.
11. Следующее диалоговое окно позволяет задать поля формы-анкеты обратной связи с посетителями Вашего Web-узла. Данная форма используется для сбора информации и последующей ее передачи на Web-узел. Не размещайте слишком много полей в этой форме, чтобы не испугать посетителей, желающих зарегистрироваться на Вашем Web-узле. Установите флажки рядом с той информацией, которую Вы хотите получить о гостях, и нажмите кнопку Далее.
12. В следующем диалоговом окне необходимо задать формат данных, поступающих из формы-анкеты обратной связи с посетителями Вашего Web-узла. Выбор того или иного формата будет определяться способом их обработки. Вам предлагается на выбор два варианта:
• Да — формат с разделителями табуляцией (Yes, use tab-delimited format) — данные сохраняются в виде таблицы. Эта опция используется в том случае, если результаты опроса будут обрабатываться с помощью базы данных или электронной таблицы Microsoft Excel.
• Нет — формат веб-страниц (No, use web-page format) — данные сохраняются в формате Web-страницы.
Установив необходимую опцию, нажмите кнопку Далее для перехода к следующему шагу мастера.
13. На очередном шаге мастер предлагает задать параметры страницы оглавления Web-узла. Диалоговое окно содержит три флажка:
• автоматически обновлять список страниц (Keep page list up-to-date automatically) — установка флажка позволяет автоматически обновлять информацию в оглавлении при изменении входящих в Web-узел страниц;
• показывать страницы, не входящие в веб-узел (Show pages not linked into web) — флажок определяет, необходимо ли в оглавлении показывать страницы, не имеющие прямых ссылок с других страниц;
• маркеры для страниц верхнего уровня (Use bullets for top-level pages) — при установке флажка список страниц верхнего уровня отображается в виде маркированного списка
Установите необходимые флажки и нажмите кнопку Далее.
Предупреждение: Установка флажка автоматически обновлять список страниц (Keep page list up-to-date automatically) при большом количестве страниц в Web-узле и частом обновлении может увеличить загрузку страницы оглавления.
14. Устанавливая флажки в следующем окне мастера, Вы резервируете место для информации, которая будет размещаться в верхней и нижней частях всех страниц Web-узла. Параметры разделены на две группы.
Первая группа флажков определяет информацию, размещаемую в верхней части страниц. Это — логотип компании, название страницы, ссылки на основные страницы Web-узла.
Вторая группа флажков определяет параметры страницы, размещаемые в нижней части страниц, такие как ссылки на основные страницы Web-узла, адрес электронной почты Web-мастера, информация об авторских правах, дата последнего изменения страницы.
Замечание: Установка флажков в этом окне мастера используется только для резервирования места на Web-страницах. После завершения работы мастера в редакторе FrontPage Вы можете в этих местах разместить необходимую информацию.
Установите необходимые флажки и нажмите кнопку Далее.
15. Далее в работе мастера предлагается разместить на страницах значок В стадии разработки (Under Construction), указывающий, что создание данной страницы еще не завершено. Установите одну из двух предлагаемых опций и нажмите кнопкуДалее для перехода к следующему диалоговому окну.
16. В следующих двух диалоговых окнах необходимо задать информацию о компании, для которой Web-узел создается. В одном диалоговом окне необходимо ввести полное и сокращенное название компании, а также ее адрес. Остальную информацию о компании — номер телефона, номер факса, адрес электронной почты Web-мастера и адрес электронной почты компании, введите в другом окне.
17. На следующем шаге мастер предлагает выбрать стиль оформления Вашего Web-узла. Вы можете согласиться с оформлением, которое будет принято по умолчанию, и нажать кнопку Далее. Позднее Вы сможете изменить оформление как всего Web-узла, так и любых его страниц, воспользовавшись командой Тема (Theme) меню Формат (Format).
Если же Вы хотите заняться оформлением создаваемого Web-узла в данный момент, то нажмите кнопку Выбрать веб-тему (Choose Web Theme), расположенную в центре диалогового окна. На экране откроется окно Выбор темы (Choose Theme) (рис. 27).
|
||||||
|
|
В верхней части диалогового окна Выбор темы по умолчанию установлена опция ко всем страницам (All pages), указывающая, что выбранная Вами тема оформления Web-узла будет распространяться на все страницы. Ниже этой опции расположен список тем оформления, предоставляемый в Ваше распоряжение программой FrontPage. При выборе значения из этого списка, в области Образец темы (Sample of Theme) Вы можете просмотреть предлагаемое оформление текста, заголовков, списков, панелей навигации, гиперссылок. Если установить флажки, расположенные под списком тем, то:
• Яркие цвета (Vivid colors) — цвета, используемые в оформлении, будут более насыщенными.
• Активные рисунки (Active graphics) — можно добавить в оформление активную графику.
• Фоновый рисунок (Background picture) — можно добавить в оформление страниц фоновое изображение.
• Применить с помощью CSS (Apply using CSS) — в оформление страниц добавляется внешняя таблица стилей.
Выбрав по своему вкусу тему оформления и установив необходимые флажки, нажмите кнопку ОК для закрытия диалогового окна Выбор темы. При этом Вы возвращаетесь в окно мастера. Нажмите кнопку Далее.
18. В следующем диалоговом окне мастер сообщает, что он закончил сбор необходимых ему сведений, и готов перейти к построению Web-узла. По умолчанию в диалоговом окне мастера установлен флажок Показывать "Задачи" после загрузки веб-узла (Show Tasks View after web is uploaded), указывающий, что после завершения работы мастера и загрузки созданного Web-узла на экране будет отображаться перечень сформированных задач по доработке узла. Оставьте данный флажок установленным, так как сразу после завершения работы мастера сможете просмотреть список работ, которые Вам предстоит выполнить, и убедиться, что мастер всю основную работу за Вас выполнил!
Замечание: До нажатия кнопки Готово Вы можете вернуться к предыдущим диалоговым окнам, просмотреть введенную Вами информацию, что-то изменить. Для этого Вы можете воспользоваться кнопкой Назад (Back). После просмотра установок Вам не обязательно возвращаться к последнему диалоговому окну. Для запуска процесса создания Web-узла нажмите кнопку Готово в любом окне.
Нажмите кнопку Готово для завершения создания Web-узла.
Мастер приступает к созданию Web-узла. Если в последнем диалоговом окне был установлен флажок Показывать "Задачи" после загрузки веб-узла (Show Tasks View after web is uploaded), то после завершения работы мастера на экране откроется в табличном виде список задач по доработке Web-узла (рис. 28). Задания отсортированы по приоритету их выполнения. В столбце Сопоставлено с (Associated With) указано название страницы, требующей доработки, а в столбце Описание (Description) — описание работы, которую Вам предстоит выполнить.
|
||||||
|
|
Установите курсор на задачу, к выполнению которой хотите приступить, нажмите правую кнопку мыши и в появившемся контекстном меню выберите команду Запустить задачу (Start Task). Откроется выбранная Вами страница в режиме редактирования. Курсор установлен в том месте, где требуется доработка. Можете приступать к редактированию созданного мастером Web-узла.
Первым в списке заданий стоит редактирование домашней страницы Web-узла. Поэтому при запуске первого в списке задания открывается домашняя страница в режиме редактирования (рис. 29). Рассмотрим расположенные на ней элементы. Они будут, как правило, присутствовать и на остальных страницах Web-узла.
- Заголовок страницы (домашняя страница имеет заголовок Домой). Является графическим объектом.
- Фон Web-страницы. Как и заголовок, является графическим объектом.
|
||||||
|
|
- Горизонтальная и вертикальная панели ссылок, располагаемые в верхней части страницы над заголовком и в левой общей области, соответственно. Горизонтальная панель навигации содержит ссылки Ноmе (Домашняя страница), Обратная связь,Оглавление и Форма поиска. Вертикальная панель домашней страницы содержит ссылки Новости, Продукты, Услуги, предназначенные для перехода на страницы с новостями компании, а также на страницы, рекламирующие товары и услуги.
- Горизонтальные разделительные линии.
- Номера контактных телефонов, почтовый адрес, адрес электронной почты, название компании. Данная информация располагается в нижней части страницы.
Замечание: Графические изображения, размещаемые на Web-страницах, можно создавать с помощью таких программных продуктов, как Microsoft Photo Draw, Microsoft Image Composer, CorelDraw, Adobe Photoshop и т. д.
Располагаемые на странице элементы, а также сама страница характеризуются свойствами, которые можно просмотреть и изменить с помощью диалогового окна свойств элемента. Чтобы открыть данное окно, необходимо выделить элемент, нажать правую кнопку мыши и выбрать из появившегося контекстного меню команду Свойства (Properties) с названием модифицируемого элемента. Например, для открытия окна свойств заголовка страницы необходимо использовать командуСвойства объявления на странице (Page Banner Properties), панели ссылок — Свойства панели ссылок (Link Bar Properties), горизонтальной линии — Свойства горизонтальной линии (Horizontal Line Properties) и т. д.
Рассмотрим структуру навигации Web-узла для представления компании в интернете (рис. 30), а также как связаны входящие в его состав страницы. Для этого перейдите в режим Переходы, нажав на панели Представления (Views)одноименную кнопку.
|
||||||
|
|
Как видно из структуры Web-узла, страницы, на которые осуществляется переход с помощью гиперссылок горизонтальной панели ссылок, расположены на одном уровне иерархии с домашней страницей. На следующем уровне иерархической структуры находятся страницы, на которые осуществляется переход с использованием вертикальной панели ссылок домашней страницы. В свою очередь, страницы второго уровня (Продукты, Услуги) содержат панели ссылок для перехода на страницы третьего уровня иерархии.
Web-узел для проведения дискуссий
Чтобы создать Web-узел дискуссионной группы:
1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Page or Web).
2. На появившейся в окне программы FrontPage панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).
3. В поле Укажите расположение нового веб-узла (Specify the location of the new web) диалогового окна Шаблоны веб-узлов задайте местоположение и имя создаваемого Web-узла, после чего дважды щелкните на значке Мастер веб-обсуждения (Discussion Web Wizard).
4. Мастер начинает свою работу. На экране появляется его первое окно, в котором содержится краткое описание мастера. Ознакомьтесь с предложенной информацией и нажмите кнопку Далее.
5. Во втором диалоговом окне расположены флажки. Они позволяют указать создаваемые на Web-узле страницы и реализуемые функции:
• форма нового раздела (Submission Form) — форма для ввода замечаний в ходе дискуссии;
• оглавление (Table of Contents) — оглавление, используемое для организации и просмотра ранее представленных замечаний по определенной теме. Оглавление включают в Web-узел, если требуется, чтобы посетители знакомились с вопросами других участников и делали по ним замечания;
• форма поиска (Search Form) — форма для поиска информации по заданному критерию;
• цепочки оглавлений (Threaded Replies) — при установке данного флажка замечания по общей тематике объединяются, обеспечивая тем самым посетителю их последовательный просмотр;
• страница подтверждения (Confirmation Page) — страница подтверждения, позволяющая посетителю узнать, дошло ли его сообщение до Web-узла.
По умолчанию все флажки установлены. Если хотите отказаться от каких-либо страниц или функций, снимите соответствующий флажок, после чего нажмите кнопку Далее для перехода к следующему шагу.
6. В следующем диалоговом окне мастера расположены два поля. В верхнее поле введите заголовок дискуссии, а в нижнее — название папки, в которую будут помещаться сообщения дискуссионной группы. Вы можете оставить название папки, предлагаемое мастером по умолчанию. Завершив ввод информации, перейдите к следующему шагу, нажав кнопку Далее.
Замечание: Обратите внимание, что название папки должно начинаться с символа подчеркивания "_".
7. На следующем шаге работы мастера необходимо указать, какие поля первоначально должна содержать форма для представления замечаний по ходу дискуссии. По умолчанию в нее предлагается включить поля тема (Subject) и заметки (Comments). Впоследствии в форму можно будет помимо выбранных, добавить и другие поля. Установив требуемую опцию, нажмите кнопку Далее.
8. В следующем окне мастера необходимо указать, требуется ли ограничить число участников дискуссионной группы. По умолчанию установлена опция Нет, всеми желающими (No, anyone can post article), указывающая, что любой может участвовать в дискуссии. Оставьте данное значение и нажмите кнопку Далее.
9. В следующих диалоговых окнах мастера указывается, как упорядочивать поступившие на Web-узел статьи, размещать ли оглавление на домашней странице, задаются поля поисковой формы, тема оформления Web-узла, использовать ли фрейм для оформления страниц, и если да, то его вид. В этих окнах можно принять параметры, предлагаемые мастером по умолчанию. В заключительном окне мастера нажмите кнопку Готово (Finish). Мастер приступает к созданию Web-узла. После завершения работы мастера перейдите в режим работы Папки (Folders), нажав одноименную кнопку на панели режимов Представления (Views).
10. Web-узел в браузере. Выберите на домашней странице ссылку Поместить новую статью (Post a new article). Открывается форма для ввода сообщения. Введите в поля формы тему, свое имя и сообщение, после чего нажмите кнопкуПоместить (Post Article). В зависимости от установленного в браузере режима безопасности, на экране может появиться предупреждение системы безопасности. Нажмите в этом окне кнопку Да (Yes). В нижнем фрейме страницы появляется подтверждение о получении Web-узлом сообщения. На рис. 31 показана страница оглавления с посланным сообщением.
|
||||||
|
|
Мастер импорта Web-узлов
Рассмотрим работу Мастера импорта Web-узла (Import Web Wizard). Данным мастером вы можете воспользоваться, если захотите переписать к себе на компьютер понравившийся в Интернете Web-узел или доработать Web-узел. созданный без использования программы FrontPage.
Для импорта Web-узла с помощью мастера выполните следующие действия:
1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Новая страница или Web-узел).
2. На появившейся панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).
3. В поле Укажите расположение нового веб-узла (Specify the location of the new web) диалогового окна Шаблоны веб-узлов задайте местоположение и имя создаваемого Web-узла, после чего дважды щелкните мышью на значке Мастер веб-импорта (Import Web Wizard).
Совет: Для запуска мастера Мастер веб-импорта (Import Web Wizard) Вы также можете воспользоваться командойИмпорт (Import) из меню Файл (File). На экране откроется диалоговое окно Шаблоны веб-узлов и по умолчанию будет выбран значок Мастер веб-импорта.
4. Запускается мастер и на экране появляется его первое диалоговое окно Choose Source (Выбрать источник) (рис. 32), в котором необходимо указать, откуда импортируется Web-узел. В окне расположены две опции:
- Каталог на локальном компьютере или в локальной сети (From a source directory of files on a local computer or network) — при выборе этой опции файл будет импортироваться из каталога локального диска или из сети. Установите флажокВключить вложенные папки (Include subfolders), если копируемый каталог содержит подкаталоги. Для указания полного пути к Web-узлу можно воспользоваться кнопкой Обзор (Browse).
- Веб-узел в Интернете (From a World Wide Web site) — эта опция позволяет импортировать Web-узел с WWW-сервера. Вам необходимо только в поле Расположение (Location) указать URL-адрес.
Установите одну из двух предлагаемых опций, укажите расположение импортируемого Web-узла и нажмите кнопку Далее.
|
||||||
|
|
5. Вид следующего диалогового окна зависит от установленной на первом шаге опции. Если Вы импортируете Web-узел из каталога, будет открыто окно Изменение списка файлов (Edit File List), содержащее список всех файлов, включая указанные Вами подкаталоги. При импортировании всех файлов нажмите кнопку Далее (Next). В том случае, если Вы хотите исключить из импорта отдельные файлы, выделите их и удалите из списка, воспользовавшись для этого кнопкой Исключить (Exclude). Для восстановления в списке ошибочно удаленного файла нажмите кнопку Обновить (Refresh). Завершив формирование списка, нажмите кнопку.
6. При импорте файла из Интернета открывается диалоговое окно Выбор ограничений на загрузку (Choose Download Amount), в котором Вам предлагается сформировать ряд условий по количеству копируемых уровней в иерархии страниц и максимальному объему информации в килобайтах. Если установлен флажок Только текстовые и графические файлы (Limit to text and image files), то будут импортироваться только текстовые и графические файлы. Задав необходимые параметры, нажмите кнопку для перехода к следующему шагу в работе мастера.
7. Следующее диалоговое окно является информационным. Нажмите кнопку Готово (Finish). Начнется процесс импорта, при котором сохраняется структура импортируемого Web-узла.
Замечание: В случае отсутствия в структуре Web-узла каталога private, в котором FrontPage размещает конфиденциальные файлы, а также каталога images_microsoft_frontpage для размещения графических файлов, они будут добавлены в создаваемую структуру.
После завершения работы мастера в окне программы FrontPage отображается импортированный Web-узел, и Вы можете начинать с ним работать.
Мастер интерфейса базы данных
Мастер интерфейса базы данных (Database Interface Wizard) — это мастер, появившийся во FrontPage XP. Он создает Web-узел, позволяющий работать с информацией, содержащейся в базе данных Access, Oracle или SQL Server. Чтобы воспользоваться данным мастером:
1. На панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).
2. В поле Укажите расположение нового веб-узла (Specify the location of the new web) открывшегося диалогового окна Шаблоны веб-узлов задайте местоположение и имя создаваемого Web-узла, после чего дважды щелкните на значкеМастер интерфейса базы данных (Database Interface Wizard).
3. Мастер начинает свою работу. На экране появляется его первое окно (рис. 33), в котором необходимо указать базу данных, с которой будет осуществляться соединение Web-узла. В окне расположены опции:
• новое подключение к БД Access на веб-узле (Create a new Access database within your web) — данная опция указывает, что соединение будет осуществляться с новой базой данных Access.
• существующее подключение к базе данных (Use an existing database connection) — при выборе этой опции становится возможным выбор существующей базы данных из расположенного под опцией списка.
• подключение к образцу базы данных (Борей) (Use a sample database connection (Northwind)) — соединение с тестовой базой данных Борей.
Рассмотрим, как осуществляется соединение с новой базой данных. Оставьте установленную по умолчанию опцию новое подключение к базе данных Access на веб-узле и нажмите кнопку Далее.
|
||||||
|
|
4. Следующее окно мастера содержит одно поле, предназначенное для ввода названия базы данных. Введите имя и нажмите кнопку Далее.
5. На следующем шаге мастер предлагает сформировать список полей базы данных. Информация о полях представлена в виде таблицы, содержащей три столбца. В первом столбце указывается имя поля, во втором — его тип, а в третьем — объект интерфейса, с помощью которого информация данного поля будет представлена в форме. По умолчанию таблица содержит три поля. С помощью расположенных в диалоговом окне кнопок в таблицу можно добавлять новые поля, редактировать и удалять имеющиеся.
Кнопки, содержащиеся в окне мастера, имеют следующее назначение:
• Добавить (Add) — открывает диалоговое окно, с помощью которого в базу данных вводится новое поле.
• Изменить (Modify) — открывает диалоговое окно, с помощью которого редактируется информация о выбранном в таблице поле создаваемой базы данных.
• Удалить (Delete) — удаляет выделенное в таблице поле из базы данных. Используя данные кнопки, сформируйте поля таблицы.
При вводе нового или редактировании существующего поля открывается аналогичное окно. Оно содержит следующие объекты интерфейса:
• Имя столбца (Column name) — наименование поля.
• Тип столбца (Column type) — тип поля. Определяет тип хранящейся в поле информации. Может быть текстовым (Text),текстовым полем большой длины (Memo), целым числом (Integer), целым числом большой длины (Long),вещественным числом (Float), вещественным числом с двойной точностью (Double), датой (Date), логическим (Boolean).
• Тип входных данных поля формы (Form field input type) — указывает объект интерфейса, с помощью которого информация поля будет представлена в форме. Список содержит следующие значения: Надпись (Text Box), Текстовая область (Text Area), Переключатель (Option Button), Раскрывающийся список (Drop-Down Box).
• Число вариантов (Number of options) — количество опций в переключателе или значений в списке. Данный счетчик доступен, когда из списка Тип входных данных поля формы выбраны значения Переключатель (Option Button),Раскрывающийся список (Drop-Down Box).
6. После того, как вся информация о полях задана, нажмите кнопку Далее. Мастер приступает к созданию базы данных на основе введенной информации. После того, как база данных будет создана, появится информационное окно, в котором также нажмите кнопку Далее.
7. Устанавливая флажки на следующем шаге работы мастера, Вы указываете страницы, входящие в Web-узел. Мастер предлагает три страницы:
• Страница результатов (Result Page) — страница просмотра информации, содержащейся в базе данных.
• Форма отправки (Submission Form) — страница, предназначенная для ввода информации в базу данных.
• Редактор базы данных (Database Editor) — страница, позволяющая редактировать базу данных Web-узла из обозревателя.
Укажите страницы, включаемые в Web-узел, и перейдите к следующему шагу работы мастера.
8. Если в Web-узел включена страница Редактор базы данных (Database Editor), появляется диалоговое окно, позволяющее задать имя пользователя и пароль для доступа к этой странице. Для того чтобы доступ к странице был ограничен, в поле Пользователь (Username) введите имя пользователя, который будет осуществлять редактирование структуры базы данных, в поле Пароль (Password) — пароль и в поле Подтверждение (Confirm) — подтверждение пароля. В том случае, если хотите, чтобы доступ к данной странице осуществлялся без ввода пароля, установите флажок Не защищать мой редактор базы данных именем пользователя и паролем (Don't project Database Editor with a username and password). Завершив установку параметров, перейдите к следующему шагу, нажав кнопку Далее .
9. Появляется информационное окно, указывающее список страниц, включаемых мастером в Web-узел. Нажмите в этом окне кнопку Готово. Мастер завершает создание Web-узла и открывает его в окне программы FrontPage для просмотра и редактирования (рис. 34).
|
||||||
|
|