Перевірка домашнього завдання. Актуалізація опорних знань.⇐ ПредыдущаяСтр 12 из 12
Гра «Кодування відповіді». (Додаток 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. Виберіть файл з графічним фоном, що відповідає зауваженим вимогам. ©2015 arhivinfo.ru Все права принадлежат авторам размещенных материалов.
|