- •Введение в язык html
- •1. Понятие о html
- •2. Понятие о гипертексте
- •3. Понятие о html-файле
- •4. Понятие о тегах языка html
- •5. Структурные теги
- •6. Создание шаблона html-документа и первой Web-страницы
- •Тема 2: Основная часть Web-страницы План
- •1. Использование заголовков
- •2. Символы разрыва абзаца и разрыва строк
- •4. Форматирование текста с помощью стилей
- •5. Добавление линий и комментариев
- •Тема 3: Создание таблиц План
- •1. Начальный этап создания кода таблиц
- •2. Создание строк и столбцов таблицы
- •3. Выбор типа таблицы
- •4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали
- •5. Окрашивание таблиц и рамок
- •Тема 4: Создание списков План
- •1. Списки как инструмент структурирования. Типы списков
- •2. Нумерованные списки
- •3. Маркированные списки
- •4. Списки определений
- •5. Вложение и комбинирование списков
- •Тема 5: Использование фреймов План
- •1. Идея использований фреймов
- •2. Создание фреймов
- •3. Загрузка страниц в фреймы
- •4. Настройка фреймов
- •Тема 6: Гипертекстовые ссылки План
- •1. Типы гиперссылок
- •2. Понятие об url и их использование
- •3. Создание гиперссылок на другие Web-страницы
- •4. Создание внутренних ссылок в документе
- •5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
- •6. Загрузка страниц в различные фреймы
- •Тема 7: Графика в Web План
- •2. Выравнивания текста относительно изображения
- •3. Плавающие изображения. Поля вокруг изображений
- •4. Определение ширины и высоты изображения
- •5. Обтекание изображений текстом
- •Тема 8: Использование графики, цвета и текста План
- •1. Добавление на Web-страницы цветных фоновых изображений
- •2. Добавление на Web-страницы графических фоновых изображений
- •3. Изменение цвета текста и гиперссылок
- •4. Добавление кнопок перемещения
- •Тема 9: Мультимедиа План
- •1. Понятие о гипермедиа-ссылках
- •2. Создание гипермедиа-ссылок
- •4. Создание бегущей строки
- •5. Воспроизведение видеофайлов в окне Internet Explorer
- •Тема 10: Средства создания html-файлов План
- •1. Стандартные html-редакторы
- •1. Стандартные html-редакторы
- •Определения
- •Проверочная работа
- •Проверочная работа
Тема 9: Мультимедиа План
1. Понятие о гипермедиа-ссылках
2. Создание гипермедиа-ссылок
3. Использование дескриптора <BGSOUND>
4. Создание бегущей строки
5. Воспроизведение видеофайлов в окне Internet Explorer
1. Понятие о гипермедиа-ссылках
Практически гипермедиа-ссылка мало чем отличается от ссылок иных типов – различие лишь в том, что вместо связи с другим HTML-документом она обеспечивает связь с файлом мультимедиа. Встретив подобную ссылку, браузер должен суметь правильно определить тип файла, с которым устанавливается связь, и обратиться к требуемому вспомогательному приложению. Вспомогательное приложение вызывается из браузера и воспроизводит файл мультимедиа.
2. Создание гипермедиа-ссылок
Как правило, гипермедиа-ссылки внешне ничем не отличаются от других типов ссылок – они могут быть текстовыми, графическими или же представлять собой активные зоны на картах ссылок. Единственное, что отличает гипермедиа-ссылку от любых других ссылок, - это то, что определяемый в ней URL указывает на файл мультимедиа, а не на документ HTML.
Ниже приведен пример гипермедиа-ссылки на звуковой файл Windows в формате .wav
<A HREF="hello.wav">Приветственное сообщение (89 Кб)</A>
В данном случае после щелчка на ссылке указанный файл будет загружен на локальный компьютер пользователя. Браузер на компьютере пользователя проанализирует тип полученного файла и запустит подходящее вспомогательное приложение.
3. Использование дескриптора <BGSOUND>
Дескриптор <BGSOUND> указывает браузеру, что при открытии страницы нужно воспроизвести указанный аудиофайл. Допускается воспроизведение звуковой файлов форматов WAV, AU, MIDI.
Для включения в документ фонового звукового сопровождения необходимо использовать следующий дескриптор HTML:
<BGSOUND SRC="mozart.mid" LOOP=8>
Значение атрибута LOOP определяет количество повторений (для бесконечного числа повторений данному атрибуту необходимо присвоить значение "INFINITE").
4. Создание бегущей строки
Для создания бегущей строки ее текст помещается в контейнерный дескриптор <MARQUEE></MARQUEE>.
В данном дескрипторе можно использовать многочисленные атрибуты, каждый из которых предназначен для изменения определенного параметра, влияющего на внешний вид или способ перемещения бегущей строки. Самые распространенные атрибуты дескриптора <MARQUEE> приведены в таблице
Таблица – Атрибуты дескриптора <MARQUEE>
Атрибут |
Описание |
BGCOLOR="#rrggbb" |
Определяет цвет фона в окне бегущей строки |
SCROLLDELAY=n |
Определяет количество миллисекунд задержки перед началом повторения текста |
SCROLLAMOUNT=n |
Устанавливает число пикселей, на которое смещается очередное изображение текста бегущей строки. Чем больше это число, тем быстрее движется бегущая строка |
HSPACE=n |
Определяет размер в пикселях левого и правого полей в окне бегущей строки |
HEIGHT, WIDTH |
Определяют размер окна, в котором будет отображаться бегущая строка. Оба значения задаются в пикселях |
HSPACE, VSPACE |
Определяют расстояние между границей окна и полем бегущей строки |
ALIGN |
Для этого атрибута допустимыми значениями являются TOP, MIDDLE, BOTTOM. Они указывают, как окружающий бегущую строку текст будет выравниваться по отношению к ее окну |