Лабораторная работа

Задание 1. «Проектирование wеb-сайтов средствами МS FrоntPаgе»

1 Цель работы

Освоить правила и приемы создания wеb-узлов, средствами специализированного редактора MS FrontPage 2000.

2 Задачи работы

Научиться создавать, оформлять web-сайты, применяя различные эффекты, организовывать перемещение по страницам, используя гиперссылки.

3 Содержание работы

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

Для оформления внешнего вида домашней страницы использую команду Формат4Шрифт, в которой выбрать цвет шрифта и гарнитуру написания. Далее сохраняю страницу.

3.2 Для создания страницы с фреймами, указанной на рисунке 2 выполняю команду File4New4Page, в появившемся диалоговом окно New (Новая страница) выбираю вкладку Frames Pages (Страницы с фреймами), затем выбираю шаблон Ваnnег and Соntents (Банер и содержание), и щелкаю на кнопке ОК. После этого перехожу в режим редактирования страницы, затем щелкаю на кнопке New Page (Новая страница) в каждом фрейме.

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

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

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

После этого выполняю команду File4Save (Файл4Сохраняю), для сохранения новых страниц. Каждая страница будет сохранена под своим именем. Сохраняемая страница будет выделена рамкой синего цвета. Для страницы верхнего фрейма задаю имя baner.htm, для левого - mnu.htm, для правого - text.htm, а для самой страницы с фреймами — имя start.htm. В результате должна получится страница с фреймами.

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

Создаю новую страницу, на которой в режиме Normal располагаю информацию.

Затем сохраняю страницу, задав ей имя o_nas.htm.

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

Сохраняю страницу, задав ей имя tovar.htm.

3.5 Далее создаю страницу, содержащую новости, поместив на ней текст.

Сохраняю страницу, задав ей имя new.htm.

3.6 Создаю форму обратной связи. Для этого в режиме редактирования ввожу текст по образцу, далее вставляю соответствующие поля форм.

Для создания элементов ниспадающего меню выделяю поле Drop-Down menu, вызываю его контекстное меню и выбираю там пункт Form Field Properties (Свойства поля формы), в диалоговом окне Drop-Down Menu Properties нажимаю кнопку Add (Добавить) и в поле Choice ввожу название города, например Уфа, OK. ............