3.6 Выполнить покадровую анимацию для создания баннера рекламного характера. Сохраните полученный файл в gif – формате.

4 Проектирование wеb-сайтов средствами мs FrоntPаgе

4.1 Создание и оформление web-узла

С оздать и оформить web-узел, содержащий web-страницы. Для этого необходимо выполнить команду File – New – Web - One Page Web (Файл - Создать - Web-узел). Затем перейти в режим Navigation, далее дважды щелкнуть по значку Home Page в центре экрана или по названию файла index.htm в поле Folder List. Затем следует расположить на листе данные, указанные на рисунке 3, ввести текст по образцу, расположить картинки.

Рис. 3 Начальная страница

Для оформления внешнего вида домашней страницы необходимо воспользоваться командой Format - Font (Формат - Шрифт), в которой нужно выбрать цвет шрифта и гарнитуру написания. Далее необходимо сохранить страницу командой File - Save (Файл – Сохранить).

Чтобы привлечь внимание к фрагменту текста или заголовку, можно придать ему эффект бегущей строки. Для этого нужно выделить текст, затем выполнить команду Insert – Component - Marquee (Встав­ка – Компонент - Бегущая строка). Появится окно Marquee - Properties (Свойства - Бегущей строки), в котором при помощи специальных переключателей задать одну из установок Behavior (Свойство) - (Scrool, Slide, Alternate). Scrool - движение строки по кругу, Slide - движение строки в пределах web-страницы при ее загрузке, Alternate - движение строки в пределах поля в обе стороны. В поле Speed (Скорость) установить значение для изменения скорости движения строки в разделе Amount. В поле Direction (Направление) - можно установить направление движения строки слева направо или справа налево. В поле Repeat, сняв флажок, можно установить количество повторов движения строки.

4.2 Для создания страницы с фреймами, указанной на рисунке 4 выполнить команду File – New - Page, в появившемся диалоговом окно New (Новая страница) выбрать вкладку Frames Pages (Страницы с фреймами), затем выбрать шаблон Nested Nierarchy, и щелкнуть на кнопке ОК. После этого перейти в режим редактирования страницы, затем нужно щелкнуть на кнопке New Page (Новая страница) в каждом фрейме.

Для оформления страницы верхнего фрейма вставить таблицу Table –Insert - Table из двух столбцов и одной строки. Затем заполнить таблицу следующим образом: в первую ячейку поместить текст, а во вторую – рисунок.. Затем щелкнуть правой кнопкой мыши на таблице и в появившемся контекстном меню выбрать команду Таble - Рrореrties (Свойства В группе элементов Воrders (Границы) задать нулевой размер границы таблицы для того, чтобы граница таблицы) стала неви­димой.

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

В правой части страницы с фреймами следует ввести текст и элементы, оформив их соответствующим образом.

После этого необходимо выполнить команду File – Save (Файл - Сохранить), для сохранения новых страниц. Например, для страницы верхнего фрейма следует задать имя zagl.htm, для левого - menu.htm, для правого - vved.htm, а для самой страницы с фреймами — имя start.htm.

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

4.4 Затем следует перейти в режим Navigation (Просмотр) и перетащить мышью из поля Folder List (Список папок) свои файлы start, vved и др. к блоку Home Page (Домашняя страница), расположенному в центре экрана, чтобы получилась похожая структура web-узла (рис. 4). Находясь в режиме Navigation удобно перемещаться по созданной структуре и использовать ее при редактировании web-страниц.

Рис. 4 Структура web-узла

4.5 Для организации навигации по сайту необходимо загрузить главную страницу Index.htm, выделить на ней текст Далее, затем выполнить команду Insert - Hipperlink (Вставка - Гиперссылка) и в диалоговом окне в поле URL указать имя файла Start.htm.

После этого аналогичным образом необходимо связать гиперссылками элементы левого фрейма с соответствующими страницами: Введение со страницей vved.htm и т.д. Проверить работоспособность созданных гиперссылок. Сохранить отредактированную страницу.

4.6 После того, как web-сайт спроектирован, для его оформления рекомендуется применить стандартную тему. Для этого нужно выполнить команду Format - Theme (Формат - Тема).