АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Хід роботи. 1. Копіюватив в свою папку графічний файл і перейменувати у 1.jpg

Читайте также:
  1. Автоматизация и роботизация
  2. Алгоритм роботи командирiв щодо попередження та подолання конфлiктних ситуацiй
  3. Алгоритми роботи посадових осіб щодо профілактики суїцидальних проявів
  4. Аналіз ефективності роботи основних засобів та довгострокових інвестицій
  5. Аналіз роботи системи
  6. Б. Аварійний режим роботи трьохфазної мережі з ізольованою нейтраллю.
  7. Варіанти питань до модульної контрольної роботи
  8. Варіанти питань до модульної контрольної роботи
  9. Варіанти питань до модульної роботи
  10. Вибір оптимального режиму роботи і відпочинку
  11. Вибір теми курсової роботи
  12. Види органів держави. Поділ влади як принцип організації роботи державного апарату

1. Копіюватив в свою папку графічний файл і перейменувати у 1.jpg.

2. В теці HTML створити текстовий документ з назвою picture.html, відкрити його за допомогою браузеру та перейти до редагування HTML-коду.

3. Створити заготовку для HTML-коду Web-сторінки:

<html>

<head>

<title>Рисунки</title>

</head>

<body>

</body>

</html>

4. Додати HTML-код для відображення на сторінці чотирьох однакових рисунків з різними розмірами:

<body>

<h2 align=center>Зміна розмірів рисунків</h2>

<img src="1.jpg">

<img src="1.jpg" width="260" height="220">

____________________________________________________________________

____________________________________________________________________

</body>

</html>

5. Розглянути можливість використання границь навколо рисунків. Для цього додамо наступний HTML-код:

<img src="1.jpg" width="130" height="110" _______________________________>

6. Розглянути можливість визначення альтернативного тексту в тегах рисунків. Для цього модифікувати останній фрагмент HTML-коду:

<img src="1.jpg" width="130" height="110" border="1" ________________________>

7. Відключити показ рисунків у вікні браузеру та провести оновлення нашої сторінки, для цього___________________________________________________________

________________________________________________________________________________________________________________________________________________________

8. Відновити показ рисунків в браузері та провести оновлення нашої HTML-сторінки.

9. Розглянути можливість використаня на сайтах відеозображень. Для цього необхідно в папку HTML вставити файл з відео, наприклад CLOCK.AVI та додати в файл picture.html HTML-код:

...

<h2>Використання відеозображень</h2>

<img width="100" height="100" border="2" dynsrc="CLOCK.AVI">

</body>

Модифікувати HTML-код для прокрутки відео-ролика CLOCK.AVI два рази:

_______________________________________________________________________

Провести оновлення вікна браузера.

10. Модифікувати HTML-код для прокрутки відео ролика CLOCK.AVI два рази, при цьому показ починається після наведення миші на рисунок:

__________________________________________________________________________________________________________________________________________________

Провести оновлення вікна браузера.

11. Модифікувати HTML-код для того, щоб відео-ролик CLOCK.AVI прокручувався постійно:

_________________________________________________________________________

Провести оновлення вікна браузера.

12. Розглянути можливість використаня на сайтах звуку. Для цього необхідно в папку HTML вставити звуковий файл, наприклад START.WAV та додати в файл picture.html HTML-код:

________________________________________________________________________________________________________________________________________________________

13. Провести оновлення вікна браузера.

 

КОНТРОЛЬНІ ПИТАННЯ

1. Як встановити розміри рисунка?________________________________________

_______________________________________________________________________

2. Як визначити розмір горизонтального відступу від тексту до границі рисунку?

_____________________________________________________________________

3. Навіщо потрібно записувати альтернативний текст при визначенні рисунків?

________________________________________________________________________________________________________________________________________________________________________________________________________________________

4. Як встановити рамку рисунка та її колір?__________________________________

_____________________________________________________________________

5. Як вставити відео?____________________________________________________

_________________________________________________________________________

6. Як вставити звук?_______________________________________________________

_____________________________________________________________________

 

 

Висновок: ___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Дата виконання: _________________ Оцінка: _________________

Підпис викладача: __________________
ПРАКТИЧНА РОБОТА № 20


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |

Поиск по сайту:

Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)