Создадим HTML-документ, состоящий из двух окон, одно окно будет содержать Меню, в другом окне будут просматриваться созданные страницы.
20. Создайте новый документ WORD (меню Файл - Создать).
21. Введите заголовок Меню. Отступите несколько абзацев и ведите абзацы:
Главная страница.
Программно-технические средства.
Технологическая цепочка.
Информационные ресурсы.
22. Отформатируйте документ и сохраните документ в формате HTML с помощью команды Файл - Сохранить как Web-страницу с именем Меню, Тип файла Веб-страница, в индивидуальной папке.
23. Создайте следующие внешние гиперссылки:
От слов " Главная страница " для перехода на файл ИТ;
От слов " Программно-технические средства " для перехода на файл ПТС.
От слов " Технологическая цепочка " для перехода на файл ТЦ.
От слов " Информационные ресурсы " для перехода на файл ИР.
24. Задайте фон страницы командами Формат - Фон.
25. Сохраните изменения и закройте файл Меню.
26. Откройте файл Меню с помощью Internet Explorer. В Internet Explorer откройте документ на языке HTML, для этого воспользуйтесь командами Вид - Просмотр HTML-кода.
27. Найдите в документе на языке HTML строку, содержащие теги гиперссылок:
<A HREF="ИТ.htm" >
<A HREF="ПТС.htm" >
<A HREF="ТЦ.htm" >
<A HREF="ИР.htm" >
и добавьте следующий код Target = "Osnova".
В результате должно получиться:
<A HREF="ИТ.htm" Target = "Osnova">
<A HREF="ПТС.htm" Target = "Osnova">
<A HREF="ТЦ.htm" Target = "Osnova">
<A HREF="ИР.htm" Target = "Osnova">
28. Сохраните изменения в файле Меню с помощью команд Файл - Сохранить.
29. Откройте программу "Блокнот".
30. Введите следующий текст:
<HTML>
<head> <title> Пример </title> </head>
<FRAMESET cols="23%,77%">
<frame scrolling = auto noresize src= Меню.htm>
<frame scrolling = yes noresize src=ИТ.HTM Name = "Osnova">
</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-страницу.
Содержание отчета
Отчет должен содержать:
1. Название работы.
2. Цель работы.
3. Задание и его решение.
4. Вывод по работе.
Литература
1. Информатика и ИКТ: учебник для начального и среднего профессионального образования. Цветкова Н.С., Великович Л.С. – Академия, 2011 г.
2. Информатика и ИКТ. Практикум для профессий и специальностей технического и социально-экономического профилей. Н. Е. Астафьева, С. А. Гаврилова, под ред. М.С. Цветковой, Академия, 2012г.
3. Информатика и ИКТ. Базовый уровень: учебник для 10-11 кл. / И.Г.Семакин, Е.К.Хеннер. – 4 изд., испр. – М. – Бином. Лаборатория знаний, 2008г. – 246 с.: ил.
4. Информатика и ИКТ. Базовый уровень: практикум для 10-11 кл. / И.Г.Семакин, Е.К.Хеннер. – 4 изд., испр. – М. – Бином. Лаборатория знаний, 2008г.
5. Информатика и ИКТ. 10 кл. Базовый уровень под ред. Н.В.Макаровой – Спб – Лидер, 2010г.
6. Информатика и ИКТ. 11 кл. Базовый уровень под ред. Н.В.Макаровой – Спб – Лидер, 2010г.
7. Энциклопедия школьной информатики / под ред. И.Г.Семакина. – М.: Бином. Лаборатория знаний, 2011г.
8. http//www.informatika.ru;
9. http//www.student.informatika.ru;
10. https://mirgeo.ucoz.ru/