 |
|
Інструкція до виконання практичного завдання
1. Виберіть графічні зображення, запропоновані групою „естетів” і встановлені на вашому комп’ютері.
2. Перевірте: чи задовольняють вибрані зображення вимогам
3. Розмістіть його в папку з вашими html-файлами.
4. Вставити відповідні зображення до перерахованих у п. 1 сторінок, використовуючи різні атрибути вирівнювання.
5. Проаналізувати отримані результати враховуючи естетичність, доцільність та оптимальність вибраних зображень.
6. Чи все вас задовольняє в одержаних результатах? Чи бажаєте ви, щоб зображення не стояло окремо від тексту, а обрамлялося їм так, як це ми робили у Word?
7. Якщо так, то є необхідність знайомства з плаваючими зображеннями.
Плаваючі зображення – це зображення, що не прив’язуються до одного рядка тексту, а ніби „плавають” вздовж одного з полів і обрамляються текстом.
8. Для створення плаваючих зображень використовується дескриптор IMG з атрибутом ALIGN. Для плаваючих зображень значення цього атрибута можуть бути:
LEFT
CENTER
RIGHT
Наприклад: <IMG SRC=”0001.jpg” ALIGN = RIGHT>
У дескрипторі <IMG > можна використовувати атрибути HEIGHT (висота) і WIDTH (ширина) для завдання висоти та ширини зображення в пікселях. За допомогою цих атрибутів ”повідомляється” розмір зображення. Це дозволяє браузеру підготувати макет сторінки до розміщення тексту до того, як будуть завантажені всі зображення. Так, наприклад, для збільшення зображення необхідно в атрибутах HEIGHTі WIDTH вказати більші величини, ніж реальні розміри зображення. Зауважимо, що зменшувати розмір зображення таким методом недоцільно, оскільки розмір файла, а отже і час завантаження при цьому не змінюється.
9. Вставити вибрані зображення до своєї домашньої сторінки, використовуючи різні атрибути вирівнювання <IMG SRC=” ” ALIGN = RIGHT>( LEFT,CENTER) та WIDTH, HEIGHT
Мова HTML надає можливість використання графічного фону. Для створення графічного фону використовується атрибут BACKGROUND дескриптора <BODY>. У цьому атрибуті потрібно вказати ім’я файла графічного зображення. Наприклад: <BODY BACKGROUND =”fon.gif”>.
Зауваження: використовуючи атрибут background,будьте дуже обережними. Графічний фон не повинен заважати сприймати інформацію, розташовану на сторінці, втомлювати та дратувати зір.
10. Виберіть файл з графічним фоном, що відповідає зауваженим вимогам.
Урок №7
| Тема: Практична робота. Розміщення на веб-сторінці графічних об’єктів. |
Мета:познайомити учнів із тегами вставки графіки до веб-сторінок; вчити учнів використовувати графічні зображення для оформлення HTML- документів;
розвивати творчий підхід до роботи з мовою HTML, логічне мислення, здібності оригінального представлення інформації;
виховувати естетичність та культуру представлення інформації.
Використане обладнання: комп’ютер; дошка;
Хід уроку