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