Глава 14. Система разработки веб-узла предприятия

1.12. Создайте файл заголовка:

а) выделите верхнюю кнопку New Page;

б) щелкните по кнопке Save стандартной панели инструментов,

в) на открывшейся вкладке запишите имя файла, например topframe.htm;

г) щелкните по кнопке ОК.

13. После записи файла заголовка появится новая вкладка. На ней необходимо назначить имя главного файла, управляющего кадрами, например index.htm, и щелкнуть по кнопке ОК.

14. Щелкните на кнопке New Page, размещенной в левом кадре, повторить п. 1.13, введя для левого кадра имя leftframe.htm.

15. Щелкните на нижней кнопке New Page и сохраните содержи­мое нижнего кадра в файле bootframe.htm.

16. Выберите кнопку Set Initial Page (назначить страницу) и на ос­новном кадре и щелкните мышью.

17. Выберите в списке файл products.htm и щелкните по кнопке ОК. В основном кадре сразу будет установлено содержимое этой страницы.

2. Кадры заголовка и примечания.

Наполните содержанием верхний и нижний кадры с помощью сле­дующих операций:

1. Щелкните в верхнем кадре.

2. Выберите рисунок для верхнего кадра: Insert — Picture — Clip Art (вставка — рисунок — Clip Art), щелкните по рисунку и в контекстном меню — по верхней строке. В верхнем кадре появится выбранный ло­готип фирмы.

3. Настройте параметры изображения: выделите рисунок и нажми­те клавиши <Alt>+<Enter>. На новой вкладке выберите лист Appearance (вид), где установите флажок Specify size (задать размер), а на счетчике Height введите число 70. В списке Alignment (выравнивание) выберите строку Center и щелкните по кнопке ОК. Перетащите границу верхне­го кадра немного вниз, чтобы видеть рисунок целиком.

4. Щелкните правее изображения и введите название фирмы, по­добрав нужный размер и выделение.

5. Щелкните на нижнем кадре и введите информационную над­пись: «Сведения о новых товарах можно получить по адресу ttt@mmm.ru». FrontPage автоматически свяжет указанный адрес гипер­ссылкой.

6. Уменьшите размеры нижнего кадра.

355

СИСТЕМЫ УПРАВЛЕНИЯ ОРГАНИЗАЦИЕЙ

3. Организация оглавления веб-узла.

Оглавление содержит список страниц, которые настроены на соот­ветствующие гиперссылки.

1. Щелкните в левом кадре страницы.

2. Введите слово «Продукция» и нажмите клавишу <Enter>.

3. Введите построчно заголовки веб-листов продукции фирмы (на­пример, трубы и т. д.).

4. Выделите пункты левого кадра, протаскивая мышь слева от них и щелкните по кнопке Bullets на панели форматирования.

5. Настройте гиперссылки".

а) щелкните по первой строке и выберите в контекстном меню строку Hyperlink.

б) на вкладке выделите соответствующий файл, например Products.htm.

в) щелкните по кнопке Change Target Name (сменить целевой кадр);

г) на новой вкладке в разделе Current Frames Page (текущая страни­ ца с кадрами) щелкните на правом кадре, чтобы в поле Target Setting (целевой кадр) появилось слово Products. Это заставит браузер выво­ дить файл, на который указывает гиперссылка, в правый кадр;

д) щелкните два раза на кнопках ОК.

6. Повторите предыдущий пункт для остальных строк меню, вы­бирая каждый раз в качестве целевого правый кадр.

7. Скройте рамки, разделяющие кадры:

а) вызовите контекстное меню в области страницы с кадрами;

б) активизируйте опцию Frame Properties (свойства кадра),

в) на поле вкладки щелкните по кнопке Frames Page (страница с кад­ рами);

г) на следующей вкладке раскройте лист Frames и сбросьте флажок Show Borders (показывать рамки);

д) закройте по очереди вкладки, нажимая на кнопку ОК.

8. Наполните содержанием все страницы веб-узла (данные о продук­тах фирмы), отформатируйте текст, смените фон, добавьте рисунки и т.п. Чтобы использовать ранее подготовленные изображения следует скопиро­вать папку Images из узла Corporate в узел Frames (с помощью проводника).

9. Проверьте работоспособность веб-узла, перейдя в режим пред­варительного просмотра щелчком по ярлычку Preview.

3.10. Закройте веб-узел Frames.

4. Динамические эффекты.

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

356