Презентація "Графічні зображення та гіперпосилання на вебсторінці"

Графічні зображення та гіперпосилання на вебсторінціІнформатика , 8 клас. Урок 32

Вставляння малюнків. Сайт стає більш цікавим і наочним, якщо його вебсторінки доповнити графічними зображеннями, а також застосувати гіперпосилання.

Вставляння малюнків. Щоб вставити на вебсторінку малюнок з файлу, необхідно скористатися тегом де img — назва тегу, призначеного для вставляння зображення, src = "my.jpg" — атрибут, в якому вказується ім’я файлу з малюнком, що міститься в одній папці з HTML-файлом. В атрибуті можна використовувати імена графічних файлів із розширеннями:, .jpg.jpeg.gif.png .bmp

Вставляння малюнків. Якщо малюнок міститься у вкладеній папці images:. Якщо малюнок міститься у зовнішній папці images:. Якщо малюнок і HTML-файл містяться в різних папках, то, крім імені файлу, потрібно вказувати шлях до нього із зазначенням назв відповідних папок.

Вставляння малюнків. Для визначення способу розташування малюнка на вебсторінці використовують певні атрибути тегу. Розглянемо можливе розташування малюнка на вебсторінці та обтікання його текстом.

Вставляння малюнків. Розглянемо теги для вставляння малюнків:• малюнок з лівого краю, обтікання текстом праворуч:• опис малюнка: Примітка. Якщо навести вказівник на малюнок, з’явиться текст — Моє фото. Крім того, значення параметра alt буде виведене на екран замість малюнка, якщо у браузері вимкнуто показ малюнків.• відстань між текстом і малюнком по вертикалі 10 пікселів, по горизонталі — ЗО пікселів:

Вставляння малюнків•  ширина малюнка 100 пікселів, висота — 20% від висоти робочої області вікна браузера:• товщина рамки навколо малюнка — 5 пікселів:

Додавання гіперпосилань. Сайт складається з багатьох вебсторінок, пов’язаних гіперпосиланнями, одна з яких є головною. Ця сторінка сайту зазвичай міститься у файлі index.html і відкривається першою. Для створення гіперпосилань на вебсторінки сайту та зовнішні ресурси інтернету використовують тег <а>....

Додавання гіперпосилань. Приклад додавання гіперпосилань до рисунків і фрагментів тексту. Нехай в одній папці з файлом index.html створено файл prf.html, який містить вашу фотографію. У файлі index.html до фрази Подивитися фото можна додати гіперпосилання, яке матиме такий вигляд: <а href = "prf.html"> Подивитися фото

Додавання гіперпосилань. Щоб гіперпосилання можна було додати до малюнка, необхідно вказати тег вставляння малюнка: HTML-код головної вебсторінки може мати такий вигляд:

Додавання гіперпосилань. Після клацання напису Перша сторінка (Друга сторінка, Третя сторінка) відбудеться перехід за гіперпосиланням на відповідну вебсторінку. ГоловнаДля повернення на головну сторінку на інших вебсторінках сайту мають бути відповідні гіперпосилання. Наприклад:

Питання для самоперевірки1. Як вставити малюнок на вебсторінку?2. У чому відмінність між значеннями атрибутів для вставлення малюнку із поточної, внутрішньої і зовнішньої папок? 3. Як вирівняти малюнок за правим краєм вікна браузера? 4. Як задати розмір малюнка? Що означає розмір у відсотках?5. Як створити гіперпосилання?6. Як додати до малюнка гіперпосилання на іншу вебсторінку?

Пограємо в груhttps://quizizz.com/join

Домашнє завдання§22 с.143 - 145

Правила ТБ

Працюємо за комп’ютером. Сторінка 145

Дякую за увагу!