Вариант 5

Процессоры

Наименование	Цена, руб	Гарантия
Celeron 850 MHz FPGA	1256	1 год
Celeron 1200 MHz FPGA	1578	1 год
Pentium III 1200 256 K 133 MHz	3510	1 год
Pentium IV 1500	3787	1 год

Задание III.5 . «Создание Web-документа при помощи редактора FrontPage2003»

Цель занятия : Научиться создавать простейшие Web-документы используя редактор FrontPage 2003. На выполнение задания отводится 30 минут.

Наиболее распространенными html-редакторами являются FrontPage, HotDog. Рассмотрим создание Web-документа используя редактор FrontPage 2003.

Выполнение:

1. Запустите программу FrontPage 2003, выполнив команды:

Пуск► Программы ► FrontPage2003, либо активизировав значок программы на рабочем столе .

2. Выполните команду Файл ►Создать.

3.В открывшемся с правой стороны списке в разделе Создать страницу активизируем пункт Пустая страница.

4. Открывается пустая страница, на которой затем будет создаваться Веб –страница

5. Выполняем команду Файл ► Сохранить как.

6. В разделе Имя файла заносим имя, например, Zadanie 10. В поле Тип файла выбираем Веб - страница. В поле Папка указываем имя своей папки (папки со своей фамилией. Если она не создана, то нужно ее создать).

7. Нажимаем кнопку Сохранить.

Для открытия созданного Веб -документа (пока пустого) активизируем программу FrontPage2003.

Заполнение Веб –страницы.

а) Вставка горизонтальной линии

1. В поле Имя выбираем значок с именем созданного Веб –документа ( в нашем примере Zadanie 10) и дважды нажимаем левую клавишу мыши.

2. Открывается пустая страница созданного Веб –документа.

3. В поле Вставка выбираем Горизонтальная линия.

4. Устанавливаем курсор на появившейся горизонтальной линии и нажимаем правую клавишу мыши.

5. В появившемся контекстном меню выбираем Свойства горизонтальной линии и нажимаем левую клавишу мыши.

6. В появившейся диалоговой панели Свойства горизонтальной линии отредактировать: Ширину, высоту, выравнивание, цвет. Выбрать 100%, 10, по центру, зеленый.

б) Вставка рисунка.

После зеленной линии вставить рисунок. Для этого:

1. Не закрывая окно создаваемой Веб -страницы выполнить команды Пуск ►Найти.

2. В диалоговом окне Результаты поиска выбрать Файлы и папки.

3. В разделе Поиск файлов и папок в окне Искать имена файлов или папок занести *.gif и нажать кнопку Найти.

4. Выбрать в окне Результаты поиска один из рисунков. (При наведении курсора на рисунок его вид отображается наверху справа).

5. Скопировать рисунок в буфер обмена. Для этого навести указатель курсора на рисунок, нажать правую кнопку мыши и в появившемся контекстном меню выбрать пункт Копировать.

6. Открыть папку со своей фамилией и в нее поместить выбранный рисунок. Для этого выполняются команды Правка ►Вставить.

7. Имя рисунка можно оставить без изменения ( например,cm-04) , либо заменить на свое. Закрыть все окна, кроме окна с создаваемым документом.

8. В создаваемом Веб -документе установить курсор после зеленой линии.

9. Выполнить команды Вставка ►Рисунок ►Из файла.

10. В диалоговом окне Рисунок найти свою папку, в окне Имя файла указать имя рисунка, в окне Тип файла выбрать Все изображения и нажать кнопку Вставить.

11. Выбранный рисунок будет помещен после зеленой линии.

12. Отредактировать размещение рисунка. Для этого указатель курсора навести на рисунок, нажать праву. клавишу мыши и в появившемся контекстном меню выбрать пункт Свойства рисунка.

13. В диалоговом окне Свойства рисунка нажимаем клавишу Вид и выбираем Обтекание ( можно выбрать Нет, Слева, Справа). В разделе Положение выбираем По середине.

14. В разделе Размер проставляется галочка в окошке Задать размер. В разделах Ширина и Высота указываем ширину и высоту рисунка в точках или процентах ( примем в процентах и укажем 100 и 200).

15. Нажимается кнопка ОК.

16. Сохранить Веб- документ с внедренным рисунком. Для этого выполняются команды Файл ►Сохранить.

После рисунка вставить горизонтальную линию голубого цвета.

в) Вставка таблицы

После горизонтальной линии голубого цвета вставить таблицу. Для этого :

1. Поставьте курсор после голубой линии . На панели инструментов выполните команды Таблицы ►Вставить таблицу.

2. В диалоговом окне Вставка таблицы в разделе Параметры макета выбрать Задействовать параметры макета на основе содержимого таблицы.

3. В разделе Размер указать число строк и столбцов. Остальные параметры принять по умолчанию.

4. В таблицу введите три столбца и четыре строки. Заполните таблицу по прилагаемому образцу.

№№	Раздел	Страница
11	Структура документа HTML	1
22	Элемент HTML	2
33	Гипертекстовые ссылки	3

5. Нажать кнопку ОК.

6. Сохранить таблицу в Веб -документе. Дайте команду Файл ►Сохранить, щелкните по кнопке Как файл и задайте имя Zadanie 10.htm. Подтвердите сохранение изображений, требующих преобразования формата.

7. а) Дважды щелкните по значку с именем Zadanie10.htm или

. б) Запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer). Задайте команду Файл > Открыть. При помощи кнопки Обзор откройте файл Zadanie 10.htm.

9. Убедитесь, что созданный документ правильно отображается обозревателем.

10. Измените ширину окна обозревателя и посмотрите, как при этом меняется вид документа.

11. Вернитесь в программу FrontPage и дайте команду Вид► HTML.

12. Изучите автоматически созданный код HTML, определите, как с помощью флагов HTML реализованы использованные команды форматирования.