Глава 14. Система разработки веб-узла предприятия
1.12. Создайте файл заголовка:
а) выделите верхнюю кнопку New Page;
б) щелкните по кнопке Save стандартной панели инструментов,
в) на открывшейся вкладке запишите имя файла, например topframe.htm;
г) щелкните по кнопке ОК.
После записи файла заголовка появится новая вкладка. На ней необходимо назначить имя главного файла, управляющего кадрами, например index.htm, и щелкнуть по кнопке ОК.
Щелкните на кнопке New Page, размещенной в левом кадре, повторить п. 1.13, введя для левого кадра имя leftframe.htm.
Щелкните на нижней кнопке New Page и сохраните содержимое нижнего кадра в файле bootframe.htm.
Выберите кнопку Set Initial Page (назначить страницу) и на основном кадре и щелкните мышью.
Выберите в списке файл products.htm и щелкните по кнопке ОК. В основном кадре сразу будет установлено содержимое этой страницы.
2. Кадры заголовка и примечания.
Наполните содержанием верхний и нижний кадры с помощью следующих операций:
Щелкните в верхнем кадре.
Выберите рисунок для верхнего кадра: Insert — Picture — Clip Art (вставка — рисунок — Clip Art), щелкните по рисунку и в контекстном меню — по верхней строке. В верхнем кадре появится выбранный логотип фирмы.
Настройте параметры изображения: выделите рисунок и нажмите клавиши <Alt>+<Enter>. На новой вкладке выберите лист Appearance (вид), где установите флажок Specify size (задать размер), а на счетчике Height введите число 70. В списке Alignment (выравнивание) выберите строку Center и щелкните по кнопке ОК. Перетащите границу верхнего кадра немного вниз, чтобы видеть рисунок целиком.
Щелкните правее изображения и введите название фирмы, подобрав нужный размер и выделение.
Щелкните на нижнем кадре и введите информационную надпись: «Сведения о новых товарах можно получить по адресу ttt@mmm.ru». FrontPage автоматически свяжет указанный адрес гиперссылкой.
Уменьшите размеры нижнего кадра.
355
СИСТЕМЫ
УПРАВЛЕНИЯ ОРГАНИЗАЦИЕЙ
3. Организация оглавления веб-узла.
Оглавление содержит список страниц, которые настроены на соответствующие гиперссылки.
Щелкните в левом кадре страницы.
Введите слово «Продукция» и нажмите клавишу <Enter>.
Введите построчно заголовки веб-листов продукции фирмы (например, трубы и т. д.).
Выделите пункты левого кадра, протаскивая мышь слева от них и щелкните по кнопке Bullets на панели форматирования.
Настройте гиперссылки".
а) щелкните по первой строке и выберите в контекстном меню строку Hyperlink.
б) на вкладке выделите соответствующий файл, например Products.htm.
в) щелкните по кнопке Change Target Name (сменить целевой кадр);
г) на новой вкладке в разделе Current Frames Page (текущая страни ца с кадрами) щелкните на правом кадре, чтобы в поле Target Setting (целевой кадр) появилось слово Products. Это заставит браузер выво дить файл, на который указывает гиперссылка, в правый кадр;
д) щелкните два раза на кнопках ОК.
Повторите предыдущий пункт для остальных строк меню, выбирая каждый раз в качестве целевого правый кадр.
Скройте рамки, разделяющие кадры:
а) вызовите контекстное меню в области страницы с кадрами;
б) активизируйте опцию Frame Properties (свойства кадра),
в) на поле вкладки щелкните по кнопке Frames Page (страница с кад рами);
г) на следующей вкладке раскройте лист Frames и сбросьте флажок Show Borders (показывать рамки);
д) закройте по очереди вкладки, нажимая на кнопку ОК.
Наполните содержанием все страницы веб-узла (данные о продуктах фирмы), отформатируйте текст, смените фон, добавьте рисунки и т.п. Чтобы использовать ранее подготовленные изображения следует скопировать папку Images из узла Corporate в узел Frames (с помощью проводника).
Проверьте работоспособность веб-узла, перейдя в режим предварительного просмотра щелчком по ярлычку Preview.
3.10. Закройте веб-узел Frames.
4. Динамические эффекты.
Динамическими веб-страницами называют те, которые не просто отображают данные, но и реагируют на определенные действия пользователя.
356