- •Технікум промислової автоматики
- •«Затверджую»
- •«Основи інформатики» іі курс
- •5.05010101 «Обслуговування програмних систем і комплексів»
- •5.05010301 «Розробка програмного забезпечення»
- •5.02010501 «Діловодство» м. Одеса
- •2. Створення бази даних.
- •3. Створення структури таблиці.
- •Практична робота № 1
- •Теоретичні відомості
- •Ключові поняття реляційної таблиці:
- •3.1. Типи та властивості полів.
- •3.2. Завдання первинного ключа.
- •Практична робота № 2
- •Зв’язки між реляційними таблицями.
- •2. Створення в таблиці поля із списком підстановок.
- •Хід роботи
- •Практична робота № 3
- •Індексування таблиць бд
- •Пошук даних в таблиці бази даних
- •3. Умови відбору інформації в базі даних
- •3.1. Текстові умови
- •3.2. Числові умови та умови роботи з датами
- •3.3. Побудова складних умов
- •4. Використання фільтрів для пошуку інформації в бд
- •4.1. Відбір записів за допомогою команди Фильтр по выделенному.
- •4.2. Відбір записів за допомогою простого фільтру
- •4.3. Відбір записів за допомого вікна розширеного фільтра
- •5. Сортування даних в таблиці
- •Хід роботи
- •Практична робота № 4
- •1. Створення та використання запитів
- •Обчислювальні поля
- •3. Запит на вибирання з параметром
- •Розроблення багатотабличного звіту в режимі Мастер отчетов
- •Практична робота № 5
- •Теоретичні відомості
- •Кольорова специфікація
- •Хід роботи
- •Практична робота № 6 Тема: Створення Web-документів, що містять теги оформлення списків та таблиць.
- •Теоретичні відомості
- •Практична робота № 7 Тема: Створення Web-документів, що містять малюнки, аудіо та відео файли.
- •Теоретичні відомості
- •1. Малюнки
- •2. Звук
- •Хід роботи
- •Практична робота № 8 Тема: Створення фреймів Мета: навчитись створювати фрейми
- •Хід роботи
- •Практична робота № 9
- •Теоретичні відомості
- •Хід роботи
- •Практична робота № 10
- •Теоретичні відомості
- •Хід роботи
- •Практична робота № 11
- •Теоретичні відомості
- •Хід роботи
- •Робота з текстовими полями першої сторінки
- •Робота з полями другої та останньої сторінок
- •Заміна рисунка та підпису до нього
- •Верстка
- •Збереження публікації за допомогою пакувальника
- •Структура буклету
- •Використання майстра створення інформаційних буклетів
- •Практична робота № 12
- •Теоретичні відомості
- •Найвідоміші формати архівів:
- •Робота з WinRar
- •Хід роботи
- •Практична робота № 13
- •Хід роботи
- •Практична робота № 14
- •Хід роботи
- •Література
Хід роботи
Копіюватив в свою папку графічні файли і перейменувати їх відповідно 1.jpg та 1a.gif.
В теці 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">
<img src="1.jpg" width="130" height="110">
<img src="1.jpg" width="300" height="250">
</body>
</html>
Розглянути можливість використання границь навколо рисунків. Для цього додамо наступний HTML-код:
<img src="1.jpg" width="130" height="110" border="1">
Розглянути можливість визначення альтернативного тексту в тегах рисунків. Для цього модифікувати останній фрагмент HTML-коду:
<img src="1.jpg" width="130" height="110" border="1" alt="Рисунок. Товщина границь 1 піксель">
Відключити показ рисунків у вікні браузеру та провести оновлення нашої сторінки.
Відновити показ рисунків в браузері та провести оновлення нашої HTML-сторінки.
Розглянути можливість використаня на сайтах відео-зображень. Для цього необхідно в папку HTML вставити файл з відео, наприклад CLOCK.AVI та додати в файл picture.html HTML-код:
...
<h2>Використання відеозображень</h2>
<img width="100" height="100" border="2" dynsrc="CLOCK.AVI">
</body>
Модифікувати HTML-код для прокрутки відео-ролика CLOCK.AVI два рази:
<img width="100" height="100" border="2" dynsrc="CLOCK.AVI" loop="2">
Провести оновлення вікна браузера.
Модифікувати HTML-код для прокрутки відео ролика CLOCK.AVI два рази, при цьому показ починається після наведення миші на рисунок:
<img width="100" height="100" border="2" dynsrc="CLOCK.AVI" loop="2" start="mouseover">
Провести оновлення вікна браузера.
Модифікувати HTML-код для того, щоб відео-ролик CLOCK.AVI прокручувався постійно:
<img width="100" height="100" border="2" dynsrc="CLOCK.AVI" loop="-1">
Провести оновлення вікна браузера.
Розглянути можливість використаня на сайтах звуку. Для цього необхідно в папку HTML вставити звуковий файл, наприклад START.WAV та додати в файл picture.html HTML-код:
...
<embed src="START.WAV" hidden="true" autostart="true" loop="True">
</body>
Провести оновлення вікна браузера.
16. Оформити протокол.
КОНТРОЛЬНІ ПИТАННЯ
Як визначити розмір вертикального відступу від тексту до границі рисунку?
Як визначити розмір горизонтального відступу від тексту до границі рисунку?
Навіщо потрібно записувати альтернативний текст при визначенні рисунків?
Як вирівняти рисунок по верхньому краю рядка?
Як визначити товщину границі рисунка?
Як вставити відео?
Як вставити звук?