- •Рекомендации по проведению занятий
- •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 с.
8. Дополнительные возможности ms Internet Explorer
MS Internet Explorer имеет средства, отсутствующие в Netscape Navigator и других программах просмотра. Рассмотрим две такие возможности.
8.1. Бегущая строка
Тег <MARQUEE> используется для создания бегущей строки. Первое ее достоинство состоит в том, что взгляд посетителя сайта в первую очередь упадет на нее. Второе преимущество бегущей строки - фиксация взгляда пользователя на тексте строки в течение достаточно длительного времени. Кроме того, она позволяет вместить много информации в малой области ценного экранного пространства. Поэтому в нее можно поместить какое-нибудь важное сообщение. Самую важную часть сообщения следует размещать в начальной части строки - большинство людей не прочитают пробегающий перед глазами текст до конца. Все программы просмотра, кроме MS Internet Explorer, покажут текст бегущей строки в виде обычной строки текста.
В файле string.htm записан следующий документ:
<HTML>
<HEAD><TITLE>Бегущая строка внутри таблицы</TITLE></HEAD>
<TABLE BORDER>
<TH COLSPAN=3 BGCOLOR=#FFFFFF><FONT COLOR=#00FF00>В ячейке С2К2 расположена бегущая строка</FONT></TH>
<TR BGCOLOR=#FF0000><TD>C1K1</TD><TD ALIGN=CENTER> C1K2 </TD> <TD>C1K3</TD></TR>
<TR BGCOLOR=#00FF00><TD>C2K1</TD><TD>
<FONT FACE="ARIAL" COLOR=black><MARQUEE WIDTH=600 BGCOLOR=silver VSPACE=5 HSPACE=2> Бегущая строка приковывает взгляд пользователя к тексту и позволяет вместить больше информации в малой области ценного экранного пространства.</MARQUEE> </FONT>
</TD><TD>C2K3</TD> </TR><TR BGCOLOR=#0000FF><TD>C3K1</TD><TD ALIGN=CENTER>C3K2</TD><TD>C3K3</TD></TR></TR></TABLE>
</BODY></HTML>
Можно задать требуемые атрибуты шрифта для текста в бегущей строке; для этого нужно вне тегов <MARQUEE> </MARQUEE> поместить информацию о шрифте. Бегущую строку можно сделать длинной или короткой, широкой или узкой, выровненной по левому или правому краю, выровненной по центру страницы, имеющей любой цвет фона, скользящей влево или вправо, а также содержащей любую комбинацию всех своих атрибутов. Тег <MARQUEE> имеет следующие атрибуты.
8.1.1. Атрибут HEIGHT=
Атрибут HEIGHT= позволяет задать высоту бегущей строки. Высота может выражаться числом в пикселях или указываться в виде процентов от высоты экрана. В последнем случае после числа записывается знак процента.
Задание 8.1.1.1. Используя документ string.htm как исходный, записать в рабочую папку файл string1.htm, в котором задать высоту бегущей строки 100 пикселей.
Задание 8.1.1.2. В документе string1.htm задать высоту бегущей строки 100%.
Задание 8.1.1.3. Используя документ string1.htm как исходный, записать в рабочую папку файл string1a.htm, в котором бегущую строку разместить в окне программы просмотра вне таблицы и задать высоту бегущей строки 40%.
8.1.2. Атрибут WIDTH=
Атрибут WIDTH= позволяет сделать область бегущей строки длиннее или короче. Длина может задаваться числом в пикселях или указываться в виде процентов от ширины экрана. В последнем случае после числа записывается знак процента.
Задание 8.1.2.1. Используя документ string.htm как исходный, записать в рабочую папку файл string2.htm, в котором задать ширину бегущей строки 400 пикселей.
Задание 8.1.2.2. В документе string2.htm задать ширину бегущей строки 60%.
8.1.3. Атрибут BGCOLOR=
Можно определить цвет фона бегущей строки, задавая либо названия цветов, либо шестнадцатеричные описания в системе rrggbb. Разрешается также указывать цвет пробегающего текста. Теги <FONT COLOR=></FONT> должны располагаться вне тегов <MARQUEE></MARQUEE>, то есть теги для бегущей строки оказываются вложенными в теги FONT.
Задание 8.1.3.1. Используя документ string.htm как исходный, записать в рабочую папку файл string3.htm, в котором поэкспериментировать с цветом фона.
Задание 8.1.3.2. В документе string3.htm поэкспериментировать с цветом текста.
Задание 8.1.3.3. В документе string3.htm подобрать то сочетание цвета фона и цвета текста, которое Вам нравится.
8.1.4. Атрибут DIRECTION=
Этот атрибут указывает, в какую сторону будет пробегать текст: влево (LEFT) или вправо (RIGHT). По умолчанию задается LEFT, и лучше так и оставить. RIGHT можно использовать для очень коротких сообщений.
Задание 8.1.4.1. Используя документ string.htm как исходный, записать в рабочую папку файл string4.htm, в котором текст двигается вправо.
8.1.5. Атрибут HSPACE=
Атрибут HSPACE= задает ширину в пикселях левого и правого полей между областью бегущей строки и окружающим ее текстом или графикой. Этот атрибут бывает очень полезен при размещении бегущей строки в таблице.
Задание 8.1.5.1. Используя документ string.htm как исходный, записать в рабочую папку файл string5.htm, в котором задать HSPACE=200.
8.1.6. Атрибут VSPACE=
С помощью атрибута VSPACE= задается размер отступа в пикселях сверху и снизу от бегущей строки до текста или графики.
Задание 8.1.6.1. Используя документ string.htm как исходный, записать в рабочую папку файл string6.htm, в котором задать VSPACE=300.
8.1.7. Атрибут LOOP=
Можно определить, сколько раз ваш текст будет пробегать по экрану. Например, при задании атрибута LOOP=3 в теге <MARQUEE> текст пробежит по экрану три раза. После третьего раза строка останется на экране, но будет пустой. Если вы не пользуетесь атрибутом LOOP= или задаете LOOP=INFINITE, текст будет продолжать пробегать, пока ваш читатель не перейдет на другую страницу.
Задание 8.1.7.1. Используя документ string.htm как исходный, записать в рабочую папку файл string7.htm, в котором задать LOOP=2.
8.1.8. Атрибут SCROLLAMOUNT=
Атрибут SCROLLAMOUT= позволяет задать скорость перемещения текста. При задании SCROLLAMOUNT=1 ваш текст будет тащиться по экрану со скоростью Хамфри Богарта, ползущего по пустыне в фильме «Сокровища Сьерра Мадре». Если указано значение SCROLLAMOUNT=3000, то ваш текст будет быстро мелькать. При SCROLLAMOUNT=7000 и более вы вообще не увидите текста.
Задание 8.1.8.1. Используя документ string.htm как исходный, записать в рабочую папку файл string8.htm, в котором задать SCROLLAMOUNT=300.
8.1.9. Атрибут SCROLLDELAY=
Атрибут SCROLLDELAY= немного отличается от предыдущего. Он определяет время в миллисекундах до перерисовки текста бегущей строки. Комбинируя атрибуты SCROLLAMOUNT= и SCROLLDELAY=, можно подобрать оптимальную скорость показа строки.
Задание 8.1.9.1. Используя документ string.htm как исходный, записать в рабочую папку файл string9.htm, в котором задать SCROLLDELAY=1000.