inf_4
.docxМинистерство образования Республики Беларусь
Белорусский национальный технический университет
Кафедра «МЭО»
Группа 105220
Отчет
о выполнении лабораторной работы №4
по дисциплине «КИТ»
ВСТАВКА ГРАФИКИ И АНИМАЦИИ В INTERNET-ДОКУМЕНТЫ
Руководитель: Руто О.С.
Выполнила: Матарас А.В.
Минск 2011
Цель работы: научиться использовать статические и динамические графические изображения в
WWW-документах.
Ход работы:
-
Создала с помощью программы "Блокнот" гипертекстовый файл. Имя файла — ваша фамилия. Файл разместила на указанном диске в папке с номером вашей группы.
-
Вставила в документ произвольное графическое изображение.
-
Вставила с новой строки тот же графический файл, но вдвое меньшего размера.
-
Вставила с новой строки анимационный GIF-файл.
-
Включила в документ файл видеозаписи.
-
Задала указанный рисунок в виде фонового.
-
Вставила в документ бегущую строку шириной в пол-экрана. На синем фоне белыми буквами перемещается название факультета.
-
Вставила графическое изображение. Задала альтернативный текст. Рядом написала свою фамилию. Выполнила вертикальное выравнивание текста (прижать вверх, вниз, отцентрировать).
Ответы на контрольные вопросы:
1. На сегодняшний день большинством браузеров поддерживаются форматы GIF и JPG (JPEG).
2. Одним из способов использования графики в HTML является внедрение графических образов в документ, что позволяет пользователю непосредственно увидеть изображения. Такая техника проектирования документов называется "inline image".
Синтаксис тэга:
<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop|absmiddle|baseline|absbottom|left|right BORDER=n VSPACE=m1 HSPACE=m2 ISMAP>
Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:
<BODY BACKGROUND="picture.gif">
3. Кроме обычных GIF-файлов, содержащих статические изображения, язык HTML дает возможность включать в документы динамические GIF-файлы.
Подключение видеоизображений (AVI- и MPG-файлы).
<IMG DYNSRC="URL" START=MOUSEOVER WIDTH=... HEIGHT=...>
4. Бегущая строка. Синтаксис тэга
<MARQUEE BEHAVIOR=alternate|slide GCOLOR=...
WIDTH=... HEIGHT=...> текст </MARQUEE>
Выводы: научилась использовать статические и динамические графические изображения в
WWW-документах.