- •Техніка безпеки при роботі з пк
- •Практична робота № 1
- •Хід роботи
- •7. Робота з калькулятором. Виклик програми комбінацією клавіш.
- •Контрольні питання
- •Практична робота № 2
- •Хід роботи
- •Контрольні питання
- •Підпис викладача: __________________ практична робота № 4
- •Хід роботи
- •Контрольні питання
- •Підпис викладача: __________________ практична робота № 5
- •Контрольні питання
- •Підпис викладача: __________________ практична робота № 6
- •Хід роботи
- •Підпис викладача: __________________ практична робота № 7
- •Хід роботи
- •Робота з текстовими полями першої сторінки
- •Робота з полями другої та останньої сторінок
- •Заміна рисунка та підпису до нього
- •Верстка
- •Збереження публікації за допомогою пакувальника
- •Структура буклету
- •Використання майстра створення інформаційних буклетів
- •Практична робота № 8
- •Хід роботи
- •Практична робота № 9
- •Хід роботи
- •Підпис викладача: __________________ практична робота № 10
- •Хід роботи
- •Практична робота № 11
- •Хід роботи
- •Хід роботи
- •Хід роботи
- •Підпис викладача: __________________ практична робота № 14
- •Хід роботи
- •Практична робота № 15
- •Підпис викладача: __________________ практична робота № 16
- •Хід роботи
- •Практична робота №17
- •Теоретичні відомості
- •Хід роботи
- •Практична робота № 18
- •Хід роботи
- •Практична робота № 19 Тема: Використання рисунків, відео та звуку на html-сторінці
- •Хід роботи
- •Підпис викладача: __________________ практична робота № 20 Тема: Створення Web-документів, що містять таблиці.
- •Хід роботи
- •Підпис викладача: __________________
- •Практична робота № 21
- •Тема: Створення фреймів
- •Мета: навчитись створювати фрейми
- •Хід роботи
- •12. Html-код документу Frame.Html :
- •14. Html-код документу bottom.Html:
- •Практична робота № 22
- •Хід роботи
- •Результати виконання практичних робіт:
- •Література
Практична робота № 19 Тема: Використання рисунків, відео та звуку на html-сторінці
Мета: освоїти методику використання рисунків на HTML-сторінці.
Програмне забезпечення: Блокнот, Internet Explorer та ОС Windows.
Хід роботи
Копіюватив в свою папку графічний файл і перейменувати у 1.jpg .
В теці HTML створити текстовий документ з назвою picture.html, відкрити його за допомогою браузеру та перейти до редагування HTML-коду.
Створити заготовку для HTML-коду Web-сторінки:
<html>
<head>
<title>Рисунки</title>
</head>
<body>
</body>
</html>
Додати HTML-код для відображення на сторінці чотирьох однакових рисунків з різними розмірами:
<body>
<h2 align=center>Зміна розмірів рисунків</h2>
<img src="1.jpg">
<img src="1.jpg" width="260" height="220">
____________________________________________________________________
____________________________________________________________________
</body>
</html>
Розглянути можливість використання границь навколо рисунків. Для цього додамо наступний HTML-код:
<img src="1.jpg" width="130" height="110" _______________________________>
Розглянути можливість визначення альтернативного тексту в тегах рисунків. Для цього модифікувати останній фрагмент HTML-коду:
<img src="1.jpg" width="130" height="110" border="1" ________________________>
Відключити показ рисунків у вікні браузеру та провести оновлення нашої сторінки, для цього___________________________________________________________
________________________________________________________________________________________________________________________________________________________
Відновити показ рисунків в браузері та провести оновлення нашої HTML-сторінки.
Розглянути можливість використаня на сайтах відеозображень. Для цього необхідно в папку HTML вставити файл з відео, наприклад CLOCK.AVI та додати в файл picture.html HTML-код:
...
<h2>Використання відеозображень</h2>
<img width="100" height="100" border="2" dynsrc="CLOCK.AVI">
</body>
Модифікувати HTML-код для прокрутки відео-ролика CLOCK.AVI два рази:
_______________________________________________________________________
Провести оновлення вікна браузера.
Модифікувати HTML-код для прокрутки відео ролика CLOCK.AVI два рази, при цьому показ починається після наведення миші на рисунок:
__________________________________________________________________________________________________________________________________________________
Провести оновлення вікна браузера.
Модифікувати HTML-код для того, щоб відео-ролик CLOCK.AVI прокручувався постійно:
_________________________________________________________________________
Провести оновлення вікна браузера.
Розглянути можливість використаня на сайтах звуку. Для цього необхідно в папку HTML вставити звуковий файл, наприклад START.WAV та додати в файл picture.html HTML-код:
________________________________________________________________________________________________________________________________________________________
Провести оновлення вікна браузера.
КОНТРОЛЬНІ ПИТАННЯ
Як встановити розміри рисунка?________________________________________
_______________________________________________________________________
Як визначити розмір горизонтального відступу від тексту до границі рисунку?
_____________________________________________________________________
Навіщо потрібно записувати альтернативний текст при визначенні рисунків?
________________________________________________________________________________________________________________________________________________________________________________________________________________________
Як встановити рамку рисунка та її колір?__________________________________
_____________________________________________________________________
Як вставити відео?____________________________________________________
_________________________________________________________________________
Як вставити звук?_______________________________________________________
_____________________________________________________________________
Висновок:___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
Дата виконання: _________________ Оцінка: _________________