- •Рекомендации по проведению занятий
- •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. Теги из разряда неосновных
С помощью этих тегов можно делать очень эффектные сайты. Поэтому деление тегов на основные и неосновные - условно.
7.1. Красивые толстые и тонкие горизонтальные линии
С помощью тега <HR> (horizontal rule, горизонтальная черта) можно придать странице необычный вид. В файле HR1.htm записан следующий документ:
<HTML><BODY>
<H3> Атрибуты SIZE=, WIDTH= и COLOR= тега<HR> </H3>
SIZE=40 WIDTH=“20%”
<HR NOSHADE SIZE=40 WIDTH="20%" ALIGN=LEFT>
SIZE=40 WIDTH=“30%”
<HR NOSHADE SIZE=40 WIDTH="30%" ALIGN=LEFT>
SIZE=20 WIDTH=“40%”
<HR NOSHADE SIZE=20 WIDTH="40%" ALIGN=LEFT>
SIZE= 20 WIDTH=“50%”
<HR NOSHADE SIZE=20 WIDTH="50%" ALIGN=LEFT>
<FONT COLOR=RED>SIZE=5 WIDTH=“60%” </FONT>
<HR NOSHADE SIZE=5 WIDTH="60%" ALIGN=LEFT COLOR=RED>
</BODY></HTML>
Задание 7.1.1. Используя документ HR1.htm как исходный, записать в рабочую папку файл HR1a.htm, в котором поэкспериментировать с атрибутами SIZE=, WIDTH= и COLOR= тега <HR>.
Задание 7.1.2. Используя документ HR1.htm как исходный, запишите в рабочую папку файл HR1b.htm, в котором нарисуйте пешеходный переход типа “Зебра”.
7.2. Вертикальная пунктирная линия с уменьшающейся длиной штриха
Пусть требуется разместить на сайте вертикальную пунктирную линию с уменьшающейся длиной штриха. Это можно реализовать посредством тега <HR>. В файле HR2.htm записан следующий документ:
<HTML><BODY>
<HR NOSHADE SIZE=100 WIDTH="1%">
<HR NOSHADE SIZE=80 WIDTH="1%">
<HR NOSHADE SIZE=60 WIDTH="1%">
<HR NOSHADE SIZE=40 WIDTH="1%">
<HR NOSHADE SIZE=20 WIDTH="1%">
<HR NOSHADE SIZE=10 WIDTH="1%">
</BODY></HTML>
Задание 7.2.1. Используя документ HR2.htm как исходный, записать в рабочую папку файл HR2a.htm, в котором сделать пунктирную линию в два раза толще.
Задание 7.2.2. Используя документ HR2.htm как исходный, записать в рабочую папку файл HR2b.htm, в котором сделать пунктирную линию разноцветной.
7.3. Ступеньки
Пусть требуется разместить в правом верхнем углу окна программы просмотра ступеньки. Это можно реализовать посредством тега <HR>. В файле HR3.htm записан следующий документ:
<HTML><BODY>Тег <HR> с атрибутом ALIGN=
<HR SIZE=10 WIDTH="10%" ALIGN=RIGHT>
<HR SIZE=10 WIDTH="20%" ALIGN=RIGHT>
<HR NOSHADE SIZE=10 WIDTH="30%" ALIGN=RIGHT>
<HR SIZE=10 WIDTH="40%" ALIGN=RIGHT>
<HR SIZE=10 WIDTH="50%" ALIGN=RIGHT>
<HR NOSHADE SIZE=10 WIDTH="60%" ALIGN=RIGHT>
</BODY></HTML>
Можно сделать линии толстыми, тонкими, короткими, длинными, а также выровнять их по левому или правому краю, или по центру страницы. Слишком толстые сплошные линии могут совершенно испортить страницу. Но если совмещать фантазию с осторожностью, описанное средство может принести пользу. Если на странице задан цвет фона, и фоновый GIF, то фоновый цвет будет виден сквозь GIF в местах окантовки таблицы (table borders) и на линиях (если вы не использовали атрибут NOSHADE). Таким способом можно добавить еше один цвет в свою страницу.
Задание 7.3.1. Используя документ HR3.htm как исходный, записать в рабочую папку файл HR3a.htm, в котором задать цвет фона.
Задание 7.3.2. Используя документ HR3.htm как исходный, записать в рабочую папку файл HR3b.htm, в котором задать фоновый GIF.