- •Рекомендации по проведению занятий
- •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 с.
2.3. Начертание шрифта
Атрибут FACE= тега <FONT> позволяет пользователям MS Internet Explorer смотреть страницы с тем начертанием шрифта, какое было задумано их создателем. Заданный шрифт должен присутствовать на компьютере пользователя, в противном случае программа просмотра подставит шрифт, определенный по умолчанию. У большинства пользователей есть стандартные True Type шрифты, поставляемые с Windows, например: Times New Roman Cyr, Arial Cyr, Courier New Cyr.
В файле type6.htm записан следующий документ:
<HTML><BODY>
<FONT FACE=Times New Roman Cyr>Получится шрифт Times New Roman Cyr</FONT><BR>
<FONT FACE=Arial Cyr>Получится шрифт Arial Cyr</FONT><BR>
<FONT FACE=Courier New Cyr>Получится шрифт Courier New Cyr</FONT><BR>
Разрешается указывать несколько шрифтов на тот случай, если у вашего читателя не окажется заданного вначале шрифта.
<FONT FACE=Kuku,Arial Cyr>
В этом случае программа просмотра проанализирует список шрифтов и выберет сначала первый, а если он недоступен, то следующий, пока не найдет тот, который установлен на системе пользователя. </FONT>
</BODY></HTML>
Задание 2.3.1. Используя документ type6.htm как исходный, записать в рабочую папку файл type6a.htm, в котором поэкспериментировать с атрибутом FACE=, используя все стандартные True Type шрифты.
2.4. Списки
Для объявления списков в HTML используются специальные теги. Списки могут быть двух типов - нумерованные и ненумерованные. Для объявления нумерованных списков используется тег <OL> (Ordered List), а для ненумерованных - тег <UL> (Unordered Lists). Эти теги требуют наличия закрывающих тегов (</OL> и </UL> соответственно). Элементы списка задаются тегом <LI> (List Item). Кроме того, у списка может быть заголовок, который задается тегом <LH> (List Header). Закрывающие теги </LI> и </LH> не нужны. В файле lists.htm записан следующий документ:
<HTML><HEAD><TITLE> Примеры списков </TITLE></HEAD>
<BODY>
<OL TYPE=1>
<LH>Это нумерованный список<BR>
<LI>Первый элемент
<LI>Второй элемент
<LI>Третий элемент
</OL>
<UL>
<LH>А это - ненумерованный<BR>
<LI>Четвертый элемент
<LI>Пятый элемент
<LI>Достаточно?
</UL>
</BODY></HTML>
Атрибут TYPE в теге <OL> определяет стиль нумерации элементов (в данном случае - арабскими цифрами. Возможно использование других значений этого атрибута - I (нумерация римскими цифрами) и A (нумерация буквами). После заголовка списка следует тег <BR>, означающий принудительный разрыв строки.
Задание 2.4.1. Создайте в рабочей папке документ lists.htm, содержащий приведенный выше код, просмотрите результат. Измените стиль нумерации в нумерованном списке.
Задание 2.4.2. На основе lists.htm создайте в рабочей папке новый документ bm.htm, содержащий названия пункта “1. Общие сведения о языке разметки гипертекста (HTML)” и всех его подпунктов в форме нумерованного списка, а название пункта “2. Главное о форматировании текста” и всех его подпунктов в виде ненумерованного списка.
Для выполнения этого задания следует прочесть Блокнотом файл lists.htm. Затем нужно с названием каждого пункта и подпункта проделать следующие действия. В методичке выделить соответствующее название, щелкнув мышью на полосе выделения слева от строки. Скопировать выделенное название в буфер обмена, щелкнув в инструментальном меню “Стандартное” по кнопке или посредством команды операционного меню {Правка, Копировать}. Вставить название пункта из буфера обмена в Блокнот, используя команду {Правка, Копировать} операционного меню Блокнота.
После копирования названий пунктов в Блокнот расставьте необходимые теги. Фон, размеры и цвета выбирайте по вкусу (изменение фона, размеров и цвета обязательно!).