 |
Технология создания внешних гиперссылок
|
|
|
|
Технология создания внешних гиперссылок
1). В документе ИТ выделите слова программно-технических средств и вызовите команду создания ссылки в меню Вставка - Гиперссылка. В диалоговом окне " Добавить гиперссылку " в поле " Связь с файлом URL " щелкните на кнопке Обзор и в диалоговом окне " Связь с файлом " выберите файл ПТС и ОК.
Слова программно-технических средств, которое вы связали с файлом гиперссылкой, изменит свой цвет и станет подчеркнутым, т. е. является ссылкой.
2). В документе ПТС выделите слова На главную страницу и вызовите команду создания ссылки в меню Вставка - Гиперссылка. В диалоговом окне " Добавить гиперссылку " в поле " Связь с файлом URL " щелкните на кнопке Обзор и в диалоговом окне " Связь с файлом " выберите файл ИТ и ОК.
Аналогичным образом выполните гиперссылки на другие страницы от стальных выделенных слов. И обратные гиперссылки от слов На главную страницу с других страниц на главную страницу.
18. Сохраните документы с гиперссылками и закройте все документы.
Просмотр Web-документов с помощью Internet Explorer
Просмотреть документ с помощью Internet Explorer можно разными способами.
Один из способов: Запустите Internet Explorer. Откройте файл ИТ с помощью команды Файл - Открыть.
Другой способ – дважды щелкнуть мышкой на файле и запустить его. Internet Explorer запустится сам.
19. Используя гиперссылки, просмотрите документы.
Создание HTML-документа на основе фреймов с помощью тегов
Создадим 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-страницу.
|
|
|
