Графика и мультимедиа в веб-документах. Создание в отдельной папке документа graphic.html. Исходный код документа

Страницы работы

Фрагмент текста работы

ЛАБОРАТОРНАЯ РАБОТА № 4

Тема: Графика и мультимедиа в веб-документах.

Цель: научиться добавлять графические изображения и файлы мультимедиа в веб-документы

Ход работы:

1.Изучили теоретическую часть

2. а) Создали  в отдельной папке документ graphic.html. Создали в одной папке с этим документом папку IMG, в которую поместили используемые изображения. б) Добавили в документ дваабзаца текста и вставили на страницу два изображения таким образом, чтобы текст первого абзаца обтекал первую картинку слева, а текст второго абзаца обтекал соответственно второе изображение справа. в) Для первого изображения установили рамку в 5 пикселей. Для второго изображения создали поле шириной 10 - 20 пикселей между текстом и изображением. г) Для каждого из изображений задали альтернативный текст.

д) Измените размеры графических изображений встроенных в HTML документ, сохранив пропорции.

Исходный код документа:

<HTML>

<HEAD>

<TITLE>4 лабораторная Матвеев Патраков</TITLE>

</HEAD>

<BODY BACKGROUND="IMG/CAR.JPG" TEXT=black>

<P><IMG SRC="IMG/Закат.JPG"  ALT= "Закат"  WIDTH="320" HEIGHT="240" HSPACE= "5" VSPACE= "5" align="RIGHT"></P>

<u><i><b><font face="Arial" size="4"><p align="Left">Непрерывной называется система, в которой все сигналы её компонентов являются непрерывными функциями времени или частоты; линейной - система, параметр которой не зависит от времени. Детермированным называется закон управления, предполагающий однозначную связь между входным воздействием и соответствующим значением выходного параметра. Для описания непрерывных линейных стационарных систем получим распространение математической модели в виде однородных и неоднородных дифференциальных уравнений</p></font></b></i></u>

<P><IMG SRC="IMG/Зима.JPG" ALT= "Зима"  WIDTH="320" HEIGHT="240" HSPACE="5" VSPACE = "5" align="Left"></P>

<u><i><b><font face="Arial" size="4" color="maroon">Импульсные электронные системы - реализуют квантование начального сигнала. В процессе импульсной модуляции форма импульсов По умолчанию значения обоих типов отступа равны нулю.

Параметр ALT - параметр альтернативного текста играет существенную роль в процессе встраивания графики в электронные документы.

Изначальное его предназначение заключалось в возможности предоставления пользователям неграфических браузеров информации о рисунке, которая появляется при наведении на графический объект курсора мыши. Однако сегодня понятие "неграфического браузера" стало практически неактуальным, поэтому функция параметра ALT сильно расширилась и повсеместно используется для вывода смысловых подсказок для значимых графических элементов. Для не имеющих какой-либо смысловой нагрузки рисунков альтернативный текст указывать не следует.

<p align="Right"></p></font></b></i></u>

</BODY>

</HTML>

3. а)Создали документ multimedia.html и сохраните его в той же папке, что и документ graphic.html.

б) Добавили в multimedia.html аудио или видео файл. в) Добавили в веб-документ заголовок, отражающий содержание страницы.

г) Отредактируйте документ multimedia.html так, чтобы фон в нем задавался фоновым рисунком. д) В конце документа multimedia.html вставьте графическую ссылку  на документgraphic.html, которая будет открываться в новом окне

Исходный код документа:

<HTML>

<HEAD>

<TITLE>Матвеев Патраков</TITLE>

</HEAD>

<ul>

<BODY BACKGROUND="IMG/холмы.jpg" TEXT="lime">

<font size="18"><p align="center">Видео файл</p></font>

<P align="center"> <EMBED SRC="sound/Clock.avi" AUTOSTART= "false"></P>

<P align="right"><a href="graphic.html" title="Открыть изображения" target="_blank"><u>Ссылка на документ с картинками</u></a>

</BODY>

</HTML>

4.Создали веб-страницу, описывающую одну из достопримечательностей городов мира.

Исходный код документа:

<HTML>

<HEAD>

<TITLE>Матвеев Патраков</TITLE>

</HEAD>

<BODY BACKGROUND="IMG/1.jpg" TEXT=white>

<P><IMG SRC="IMG/kolizey.jpg"  ALT= "Башня" BORDER="5" WIDTH="320" HEIGHT="240" HSPACE= "5" VSPACE= "5" align="left"></P>

<i><b><font face="Arial" size="4" color="maroon">Рим (итал. Roma) — столица Италии, административный центр провинции Рим и области Лацио. Расположен на реке Тибр. Население — 2,8 млн человек.Рим — один из старейших городов мира, древняя столица Римской империи. Поэтому Рим часто называют «вечным городом». Также Рим называют «городом на семи холмах». Первоначально поселения располагались на холме Палатин, впоследствии были заселены соседние холмы — Капитолий и Квиринал. Несколько позже поселения появились на последних 4 холмах Целий, Авентин, Эсквилин и Виминал..<p align="Left"></p></font></b></i>

<P><IMG SRC="IMG/rome_gerb.gif"  ALT= "Башня" BORDER="5" WIDTH="320" HEIGHT="240" HSPACE= "5" VSPACE= "5" align="Right"></P>

<u><i><b><font face="Arial" size="4" color="olive">Рим был основан на левом берегу реки Тибр, в 25 км от моря и почти на таком же расстоянии от горного кряжа Апеннин, в долине, спускающейся от Апеннин к морю. <p align="Right"></p></font></b></i></u>

<P><IMG SRC="IMG/dadada.jpg"  ALT= "Башня" BORDER="5" WIDTH="320" HEIGHT="240" HSPACE= "5" VSPACE= "5" align="left"></P>

<i><b><font face="Arial" size="4" color="black">Рим располагает двумя

Похожие материалы