- •Российский государственный педагогический
- •Isbn 5-8064-0249-5 © е.З. Власова, т.Ю. Ильина,
- •Предисловие
- •Г л а в а 1. Возможности inteRnet
- •1.1 Привлекательность inteRnet для пользователя
- •Вопросы для повторения темы «Привлекательность inteRnet для пользователя»
- •1.2. Краткая история inteRnet
- •Вопросы для повторения темы
- •Примеры доменных адресов
- •1.4. Информационные ресурсы и сервисы inteRnet
- •1.5. Методы поиска информации в inteRnet
- •Вопросы для повторения изученных тем «Информационные ресурсы и сервисы inteRnet. Методы поиска информации в inteRnet. Www–броузеры»
- •Глава 2. Создание html-документов
- •2.1. Структура html-документа. Физические и логические стили текста. Списки
- •Текст документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные, команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Вопросы для повторения темы «Структура html-документа. Физические и логические стили текста. Списки »
- •2.2. Гипертекстовые ссылки в html-документах
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Возврат Стр.3 Стр.4
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •A friend друг
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Cодержание документа
- •Вопросы для повторения темы
- •2.3. Использование элементов мультимедиа в html-документе
- •Основные команды (теги), используемые при написании html-документа
- •Комментарий
- •Звук в html-документе
- •Основные команды (теги), используемые при написании html- документа
- •Комментарий
- •Вопросы для повторения темы «Использование элементов мультимедиа в html-документе»
- •Г л а в а 3.
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •Практическая работа 2
- •Содержание работы
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •1. Задания для самостоятельной работы
- •1 Вариант.
- •2 Вариант.
- •3 Вариант.
- •4 Вариант.
- •5 Вариант.
- •6 Вариант.
- •7 Вариант.
- •8 Вариант.
- •9 Вариант.
- •10 Вариант.
- •11 Вариант.
- •7 Вариант.
- •Адрес: http://www.Philol.Msu.Ru/win/chairs/rus_f/teach.Htm Проверка результатов обучения
- •Практическая работа 4
- •Содержание обучения
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •Рекомендуемая литература
- •I. Базисные элементы (все документы на html должны содержать их)
- •II. Определение структуры (вид задаётся параметрами
- •IV. Списки
- •V. Ссылки
- •VI. Мультимедиа элементы
- •Оглавление
- •199106, С.-Петербург, Косая линия, д.15-а
Основные команды (теги), используемые при написании html-документа
<body bgcolor=blue text=green> - используется для задания цвета фона и цвета текста, выводимого на экран;
<marquee> </marquee> - изображает бегущую строку;
align=middle bgcolor=white direction=right height=20 width=100% - данные атрибуты задают: центрирование поля по осевой линии текущей текстовой строки, белый цвет фона строки, направление движения строки слева направо, высоту поля в 20 пикселей и ширину, равную ширине окна броузера;
<hr align=center size=6 width=500> </hr> встраивает в документ линию, которая выравнена по центру, имеет толщину 6 пикселей и ширину 500 пикселей;
<img src="rose.gif" height=200 width=250 align=left> - встраивает в документ иллюстрацию, которая хранится в файле с именем rose.gif и в документе будет иметь размеры 200 по высоте и 250 пикселей в ширину;
<font color=fuchsia> - устанавливает цвет fuchsia текста в документе;
<font color="#ffd70"> - устанавливает цвет #ffd70 (шестнадцатиричный код трехбайтного RGB - цвета) текста в документе.
Комментарий
1. В теге <hr> можно использовать атрибут noshade, который обеспечивает выключение теней (подавление иллюзии объемности линии).
2. Манипулируя величинами атрибутов size и width, на web-страницах можно строить прямоугольники и квадраты.
3. Кроме использованных в примере атрибутов тега img, перечислим следующие:
- alt – обеспечивает вывод текста (цепочка символов не должна превышать 1024 символов), который замещает иллюстрацию в текстовом режиме и имеет следующий формат alt= цепочка символов;
- border - задает ширину рамки вокруг иллюстрации (формат border=n);
- hspace - определяет расстояние от иллюстрации до текста по горизонтали (формат hspace=n);
- vspace - определяет расстояние от иллюстрации до текста по вертикали (формат vspace=n);
- атрибут align может принимать и такие значения, как:
top – выравнивает верхний край иллюстрации по верхнему краю элементов в активной текстовой строке;
middle – центрирует расположение иллюстрации по вертикали;
bottom – выравнивает нижний край иллюстрации по горизонтали.
4. Таблицы стандартных и расширенных (в сокращении) цветов даны в приложениях 3 и 4 данного пособия.
5. Используемые в web-страницах графические файлы могут быть получены различными способами:
заимствованы из библиотеки файлов, например в Word97;
получены из Internet;
созданы путем сканирования иллюстраций из различных изданий.
Звук в html-документе
Internet Explorer может воспроизводить различные звуковые форматы, к которым относят: au, aiff (aif), midi (mid), ra, snd, voc, wav.
Звуковой файл загружается и проигрывается броузером Internet Explorer с помощью дескриптора bgsound.
ПРИМЕР 18 Прослушивание мелодий.
Листинг № 1
<html>
<head>
</head>
<body bgcolor=green texl=yellow>
<center>
МЕЛОДИИ
</center>
<br>
<ul>
<li><a href=sound.htm>Фоновый Звук</a>
<li><a href=golos.snd>Речь</a>
<li><a href=song.au>Звук</a>
</ul>
</body>
</html>
Листинг № 2 soung.htm
<html>
<body>
<bgsound src=”sound.wav”>
</body></html>