- •Рекомендации по проведению занятий
- •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 с.
4.2. Глобальные ссылки
Ссылки на документы, находящиеся на других сайтах, называются глобальными. Посредством глобальных гипертекстовых ссылок создается всемирное единое информационное пространство. Глобальные ссылки могут иметь форму строки или изображения. Отличие глобальной ссылки от локальной состоит в том, что в атрибуте HREF= строка указывает не имя файла, находящегося в текущей или вложенной папке, а URL, например:
<A HREF="http://www.magazin.ru/dialog">
<AREA COORDS="1,100,200,400" HREF="http://www.marketing.spb.ru ">
Эти два Web-сервера содержат информацию, важную для маркетологов.
Программы просмотра обеспечивают доступ к серверам не только посредством протокола передачи гипертекста http (Нуper Text Transfer Protocol), но и с помощью протоколов gopher и ftp. Поэтому глобальные гипертекстовые ссылки могут содержать адреса gopher- и ftp-серверов. В [1] указаны следующие адреса:
gopher://umsiva.ymsi.edu (выберите из меню пункт The Libraryt, затем - Government Information) - справочник министерства торговли США, содержащий сведения о бизнесе в 117 странах. Для каждой из них указаны законы, управляющие импортом, инвестиционная политика, принципы налогообложения и законы, охраняющие интеллектуальную собственность.
ftp://ftp.microsoft.com - квартальные и годовые отчеты, а также пресс-релизы компании Microsoft.
Задание 4.2.1. Используя файл ssylki1.htm как исходный, записать в рабочую папку файл ssylk1.htm, в котором должен содержаться нумерованный список, аналогичный рассмотренному в задании 4.1.1.1, но имеющий указанные выше адреса Web-, gopher- и ftp-серверов. Используя ссылки, посетить указанные сервера.
Задание 4.2.2. Используя файл izobr1.htm как исходный, записать в рабочую папку файл izo1.htm, в котором должны содержаться изображение, аналогичное рассмотренному в задании 4.1.2.1, и указанные выше URL. Используя ссылки, посетить указанные сервера.
5. Дополнительные возможности форматирования текста
5.1. Текст, обтекающий границы объекта
С помощью атрибута ALIGN= можно обеспечить обтекание текстом границ графического объекта или таблицы. Для этого следует поместить тег <IMG SRC=/путь/файл.gif> в том месте, где должен быть графический объект, и записать в этом теге атрибут ALIGN=LEFT, ALIGN=RIGHT или ALIGN=CENTER. Например, рассмотренный в пункте 1.3 тег может получить вид: <IMG SRC=horse.gif ALIGN=LEFT>. В этом случае рисунок в окне программы просмотра будет располагаться слева, а текст будет обтекать его справа.
В файле obtekan.htm записан следующий HTML-код:
<HTML><BODY><BR>
<IMG SRC=dir1/horse.gif ALIGN=RIGHT>
Обтекание текстом границ графического объекта или таблицы, как в модном журнале, повышает привлекательность и посещаемость Web-сайта, увеличивая прибыль торговой фирмы.
<IMG SRC=horse.gif ALIGN=LEFT>
Атрибут CLEAR= в теге <BR> используется для того, чтобы остановить в указанной вами точке обтекание текстом объекта и затем продолжить текст в пустой области за объектом. Продолжение текста разрешено значениями LEFT, RIGHT или ALL атрибута CLEAR= , а именно:
<BR CLEAR=RIGHT> - текст будет продолжен, когда правое поле будет пусто;
<BR CLEAR=LEFT> - текст будет продолжен, когда левое поле будет пусто;
<BR CLEAR=ALL> - текст продолжится, когда и левое, и правое поля окажутся пустыми.
<TABLE BORDER=4 ALIGN=RIGHT>
<TR><TD>Текст может обтекать</TD></TR>
<TR><TD>не только рисунки, </TD></TR>
<TR><TD>но и таблицы.</TD></TR></TABLE>
Кроме того, с помощью атрибутов HSPACE= и VSPACE= (пункт 3.1) задается ширина горизонтальных и вертикальных полей, отделяющих изображение от текста. Можно также создать рамку вокруг картинки или обрамление таблицы текстом. <BR></BODY></HTML>
Задание 5.1.1. Просмотреть страницу, создаваемую файлом obtekan.htm. Обратить внимание на расположение рисунков и таблицы.
Задание 5.1.2. Используя файл obtekan.htm как исходный, записать в рабочую папку файл obtekan1.htm, в котором обтекание слева заменено обтеканием справа и наоборот.
Задание 5.1.3. Используя файл obtekan1.htm как исходный, записать в рабочую папку файл obtekan2.htm, в котором поменять местами строки с тегами: <BR CLEAR=RIGHT> и <BR CLEAR=LEFT>