- •Рекомендации по проведению занятий
- •1. Общие сведения о языке разметки гипертекста (html)
- •1.1. Структура html-документа
- •1.2. Знакомство с таблицами
- •1.3. Знакомство с графическими объектами
- •1.4. Создание gif-файлов
- •1.5. Цвета в html
- •2. Главное о форматировании текста
- •2.1. Заголовки
- •2.2. Шрифты
- •2.3. Начертание шрифта
- •2.4. Списки
- •2.5. Выравнивание и отступы
- •2.5.1. Выравнивание текста по левому или правому краю
- •2.5.2. Центрирование объектов
- •3. Работа c изображениями
- •3.1. Поля вокруг изображения
- •3.2. Фоновые изображения и фоновый цвет
- •4. Ссылки
- •4.1. Локальные ссылки
- •4.1.1. Ссылка - строка
- •4.1.2. Ссылка - изображение
- •4.1.3. Якорь и ссылка на него
- •4.2. Глобальные ссылки
- •5. Дополнительные возможности форматирования текста
- •5.1. Текст, обтекающий границы объекта
- •5.2. Отображение текста в одной строке (без переноса на другую строку)
- •5.3. Выделение абзацев с помощью списков определений и полей
- •6. Элегантные списки
- •6.1. Красивые нумерованные списки
- •6.2. Смена порядка нумерации в списке
- •7. Теги из разряда неосновных
- •7.1. Красивые толстые и тонкие горизонтальные линии
- •7.2. Вертикальная пунктирная линия с уменьшающейся длиной штриха
- •7.3. Ступеньки
- •7.4. Загрузка html-страниц
- •7.5. Показ html-тегов
- •8. Дополнительные возможности ms Internet Explorer
- •8.1. Бегущая строка
- •8.2. Прослушивание звуковых файлов
- •Задание 8.2.1. Используя документ bgsound.Htm как исходный, записать в рабочую папку файл bgsound1.Htm, в котором увеличить длительность звучания в два раза.
- •9. Дополнительные возможности Netscape Navigator
- •Библиографический список
- •Дорошев в.И., Хахаев и.А., Мошенский с.А. Работа в компьютерной сети internet. / Учебное пособие. Для студентов всех специальностей всех форм обучения. - Спб.: сПбТэи, 1998. - 32 с.
- •Климова р.Н., Сорокина м.В., Хахаев и.А., Мошенский с.А. Информатика торговой фирмы / Учебное пособие. Для студентов всех специальностей всех форм обучения. - Спб.: сПбТэи, 1998. - 32 с.
7.4. Загрузка html-страниц
Тег <МЕТА>, помещенный между тегами <HEAD></HEAD>, может вызывать через указанный интервал другую страницу. Возможность открыть новые страницы может быть полезна в нескольких случаях:
1. Демонстрацию набора слайдов на общем собрании можно теперь сделать в виде Web-страниц. Для этого поместите все свои слайды на HTML-страницы и заставьте их загружаться одну за другой.
2. Можно организовать автоматическую экскурсию по документам инструкции.
3. Можно снова и снова загружать одну и ту же яркую красочную страницу, но каждый раз в новом цвете.
Самый интересный способ применения тега <МЕТА> - это загружать страницы одну за другой, без усилий со стороны пользователя. Однако если вы не предупредили своего читателя, что скоро появятся страницы с <МЕТА>, он может быть справедливо возмущен, когда перед ним сплошным потоком замелькают новые страницы. Поочередную перезагрузку двух страниц реализует следующие HTML-коды, записанные в файлах refresh1.htm и refresh2.htm:
<HTML><HEAD>
<META HTTP-EQUIV="refresh" CONTENT="2; url= refresh2.htm">
<TITLE>Heoбычные страницы</ТITLE>
</HEAD><BODY>
Эта страница <BIG> refresh1.htm </BIG> перезагружает через две секунды refresh2.htm. <BR>
Можно заставить страницу загружаться быстрее или медленнее.
</BODY></HTML>
<HTML><HEAD>
<META HTTP-EQUIV="refresh" CONTENT="2; url= refresh1.htm">
<TITLE>Heoбычные страницы</ТITLE>
</HEAD><BODY>
Эта страница <FONT SIZE=7> refresh2.htm </FONT> перезагружает через две секунды refresh1.htm. <BR>
Можно заставить страницу загружаться быстрее или медленнее.
</BODY></HTML>
Перезагрузку последовательности страниц реализует такой HTML-код:
<HTML><HEAD>
<meta http-equiv="refresh" content=5 url="http://next.page.com/page2.htm">
<ТIТLЕ>Несколько странных страниц </TITLE>
</HEAD><BODY>
Эта страница через 5 секунд загрузит http://next.page.com/page2.htm.
Можно сделать так, что вторая страница будет указывать на третью, третья на четвертую, и т. д.
</BODY></HTML>
На последней странице не нужно помещать тег <МЕТА>. Дайте своему читателю возможность передохнуть и подумать, что делать дальше.
Задание 7.4.1. Используя документы refresh1.htm и refresh2.htm как исходные, записать в рабочую папку файлы refresh1a.htm и refresh2a.htm, в которых задать время перезагрузки 5 секунд.
Задание 7.4.2. Используя документы refresh1.htm и refresh2.htm как исходные, записать в рабочую папку файлы refresh1b.htm, refresh2b.htm и refresh3b.htm, обеспечив их поочередную перезагрузку.
7.5. Показ html-тегов
С помощью тегов <ХМР></ХМР> можно представить любые другие теги не как команды, выполняемые программой просмотра, а как текст. Программа просмотра покажет на экране как текст все, что заключено между <ХМР> и </ХМР>. Тег <ХМР> полезен, когда нужно привести примеры HTML-кодов в обучающих целях. В файле ХМР.htm записан следующий HTML-код:
<HTML><BODY>
<XMP>Тег <META HTTP-EQUIV="refresh" CONTENT="2; url= refresh1.htm">
загрузил бы через две секунды refresh1.htm. Но тег <XMP>
не позволяет программе просмотра выполнять тег <META></XMP>
</BODY></HTML>
Задание 7.5.1. Используя документ ХМР.htm как исходный, записать в рабочую папку файл ХМР1.htm, в котором представть как текст все теги, обеспечивающие формирование нумерованного списка (OL_TYPE.htm в пункте 6.1).