- •Лабораторная работа №1
- •Задания
- •Тема. Оформление страницы.
- •Контрольные вопросы
- •Лабораторная работа №2
- •Задания
- •Контрольные вопросы
- •Лабораторная работа №3
- •Задания
- •Контрольные вопросы
- •Лабораторная работа №4
- •Задания
- •Контрольные вопросы
- •Лабораторная работа №5
- •Задания
- •Контрольные вопросы
- •Лабораторная работа №6
- •Задания
- •Контрольные вопросы
Лабораторная работа №5
Тема. Работа с графикой, звуком и видеоклипами
Цель. Приобрести навыки вставки на страницу рисунков, звуковых файлов и видеофайлов.
Задания
-
Запустите текстовый редактор Блокнот. Создайте HTML файл, содержащий в заголовке окна наименование темы лабораторной работы. Задайте файлу имя 5.htm
-
Используя тег <IMG> отобразите на странице рисунок. Задайте размер выводимого рисунка 200300 пикселей.
-
Поместите текст рядом с рисунком, используя таблицу.
-
Используя таблицу, поместите рядом с первым рисунком еще один рисунок.
-
Создайте бегущую строку: задов цвет фона – голубой; цвет текста – темно синий; размер букв – 10 пикселей; направление движения – с лева на право; число проходов по экрану – 5.
-
Создайте картинку, которая сопровождалась звуком. Для озвучивания картинки используйте структуру:
<IMG SRC=”Путь и имя рисунка” DYNSRC=”Путь и имя звукового файла”>
-
Создайте рисунок на месте, которого демонстрировался клип. Используйте следующую структуру для вывода на экран картинки, а после загрузки всей страницы на месте картинки будет воспроизведен видеофайл:
<IMG SRC=”Путь и имя рисунка” DYNSRC=”Путь и имя звукового файла”>
-
Используя тег <EMBED> загрузим на страницу видеоклип, указав размеры экрана отведенного под воспроизведения клипа:
<EMBED SRC=”Путь и имя файла с клипом” height=240 width=300>
-
Задайте атрибут AVTOSTART=YES тега <EMBED>. Обновите страницу. Что изменилось?
-
Используя тег <EMBED> воспроизведите звуковой файл. Используйте структуру:
<EMBED SRC=” Путь и имя звукового файла ” >
-
Используя тег <BGSOUND> воспроизведите звуковой файл. Используйте структуру:
<BGSOUND SRC=” Путь и имя звукового файла ” >
Контрольные вопросы
-
Как задать размеры отображаемого рисунка?
-
Какой графический формат поддерживает большинство браузеров?
-
На что влияет размер выводимых на странице рисунков?
-
Почему рекомендуется задавать размер рисунков на странице?
-
Для каких целей используется атрибут ALT в теге <IMG>?
-
В чем отличие использования различных тегов при воспроизведении звуковых файлов?
-
Как запретить (разрешить) пользователю управлять воспроизведением клипа или звука?
-
Какое программное и аппаратное обеспечение должно быть установлено на компьютере для возможности просматривать и прослушивать вашу мультимедийную страницу?
Лабораторная работа №6
Тема. Ссылки
Цель. Создание гиперссылок. Создание ссылок в виде кнопок, рисунков.
Задания
-
Запустите текстовый редактор Блокнот. Создайте HTML файл, содержащий в заголовке окна наименование темы лабораторной работы. Задайте файлу имя 6.htm
-
Введите тег <A href=”2.htm”> текст ссылки </a>. Посмотрите, как Ваша страница с ссылкой выглядит в Explorer. Страница 2.thm должна лежать в той же папке что и страница 6.htm.
-
Измените цвет ссылки, используя тег <BODY>.
-
Измените цвет, размер шрифта текста ссылки используя стили.
-
Создайте еще одну ссылку. Используя в качестве ссылки рисунок (тег <img>) , а в качестве загружаемой страницы – страницу 3.thm. Рисунок предварительно поместите в свою рабочую папку.
-
Внесите изменения в ссылку созданную в пункте 4, переложите рисунок в другую папку и пропишите к ней путь.
-
Создайте еще одну ссылку. Используя в качестве ссылки рисунок (тег <img>), а в качестве загружаемой страницы – тот же рисунок, но больших размеров.
-
Создайте ссылку, в начале страницы, отсылающую вас к тексту расположенному в конце текущей страницы.
-
Создайте ссылку, отсылающую вас к рисунку расположенному в конце текущей страницы.
-
Создайте рисунок-ссылку, отсылающий вас к тексту комментария этого рисунка, который расположен на этой же странице.
-
Создайте ссылку при обращении, к которой будет вызвана программа для отправки сообщения по электронной почте.
-
Создадим ссылку, при вызове которой воспроизводиться звуковой файл:
<A href=”адрес и имя звукового файла”>текст ссылки </A>.
-
Создадим ссылку, при вызове которой воспроизводиться видеоклип:
<A href=”адрес и имя файла с видеоклипом”>текст ссылки </A>.