Создание HTML-документа на основе фреймов с помощью тегов

Создадим HTML-документ, состоящий из двух окон, одно окно будет содержать Меню, в другом окне будут просматриваться созданные страницы.

20. Создайте новый документ WORD (меню Файл - Создать).

21. Введите заголовок Меню. Отступите несколько абзацев и ведите абзацы:

Главная страница.

Программно-технические средства.

Технологическая цепочка.

Информационные ресурсы.

22. Отформатируйте документ и сохраните документ в формате HTML с помощью команды Файл - Сохранить как Web-страницу с именем Меню, Тип файла Веб-страница, в индивидуальной папке.

23. Создайте следующие внешние гиперссылки:

От слов " Главная страница " для перехода на файл ИТ;

От слов " Программно-технические средства " для перехода на файл ПТС.

От слов " Технологическая цепочка " для перехода на файл ТЦ.

От слов " Информационные ресурсы " для перехода на файл ИР.

24. Задайте фон страницы командами Формат - Фон.

25. Сохраните изменения и закройте файл Меню.

26. Откройте файл Меню с помощью Internet Explorer. В Internet Explorer откройте документ на языке HTML, для этого воспользуйтесь командами Вид - Просмотр HTML-кода.

27. Найдите в документе на языке HTML строку, содержащие теги гиперссылок:

и добавьте следующий код Target = "Osnova".

В результате должно получиться:

28. Сохраните изменения в файле Меню с помощью команд Файл - Сохранить.

29. Откройте программу "Блокнот".

30. Введите следующий текст:

<HTML>

<head> <title> Пример </title> </head>

</FRAMESET>

</HTML>

Краткие пояснения:

<HTML> …. <HTML> - тип документа, начало и конец файла.

<head> <title> Index </title> </head> - задание заголовка документа.

<FRAMESET> …….. <FRAMESET> - задание документа с окнами.

<FRAMESET cols="23%,77%"> - задание ширины окон.

<frame scrolling = auto noresize src= Меню.htm> - задание содержания первого окна, и задание параметров первого окна.

<frame scrolling = yes noresize src=ИТ.HTM Name = "Osnova"> - задание содержания второго окна, и задание параметров второго окна.

31. Сохраните документ в формате HTML в индивидуальной папке. Для этого выберите команды Файл - Сохранить как. В поле Имя файла введите имя Index.htm. В поле Тип файла выберите Все файлы. Закройте документ Index.htm.

32. Просмотрите документ Index.htm с помощью Internet Explorer.

Индивидуальное задание.

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

1.Открыть текстовый процессор Word.

2.Создать таблицу (образец) на весь лист

Роза
Букеты из роз
Виды роз
Видео о розе
Легенда о розах
Лечебные свойства розы

3. Придумать дизайн страницы.

Разметка страницы → Цвет страницы → Способы заливки

4.Сохранить файл.

5.Этот же файл нужно сохранить 6 раз изменяя только заголовки. У вас получится 6 файлов: Розы - главная страница, Букеты из роз, Виды роз, Видео о розе, Легенда о розах, Лечебные свойства розы – обычные страницы.

Файл → Сохранить как → Имя файла.

6.Теперь нужно сохранить все эти файлы как web-страницу.

Файл → Сохранить как → Тип файла: web-страница

7.После сохранения всех файлов, нужно создать гиперссылку для главной страницы. Для этого web-страницу нужно открыть с помощью Microsoft Word (Нажать на правую кнопку мыши → Открыть с помощью → Microsoft Word)

Выделить разделы и открыть пункт Вставка → Гиперссылка → Выбрать нужный файл → Ок. (Например, выделить раздел Лечебные свойства розы, выбрать пункт Вставка → Гиперссылка → Лечебные свойства розы → Ок). А для других файлов нужно внизу написать слово Назад и сделать гиперссылку на главную страницу. После всего демонстрировать учителю web-страницу.

Содержание отчета

Отчет должен содержать: