Створення сайту: зображення

Відео: Створення сайту Урок 6 Зображення

Жоден пристойний сайт не може обійтися без зображень, різного роду картинок іконок і т. Д. При виборі зображень Вам слід врахувати деякі фактори, а саме:

1. Процес завантаження веб-сторінки здійснюється через мережу. Відповідно велике значення має обсяг зображення. Якщо він виявиться занадто великий то сторінка буде завантажуватися повільно, а жодна людина при здоровому глузді не стане терпіти це знущання і піде з вашого сайту раніше ніж той встигне завантажиться.
2. Слід обмежити розміри зображення, бо, якщо воно буде більше допустимого - з`являться стрілки прокрутки, і людині необхідно буде вертіти Ваш сайт вправо / вліво, вгору / вниз, що неймовірно дратує, особливо якщо треба, що-небудь швидко знайти.

Пам`ятайте про те, що створення веб-сайтів (https://ycaweb.ru/) і додавання графічних матеріалів тісно переплетені: якою б цікавий матеріал не був присутній на вашому ресурсі, користувачі в першу чергу будуть звертати увагу на оформлення контенту і самого сайту. І саме від якості оформлення багато в чому залежить, чи повернеться відвідувач на ваш сайт знову або забуде його як страшний сон.

Тепер поговоримо про характер самих зображень. Зображення можуть бути представлені в таких форматах, як GIF, JPEG або PNG - вибирайте будь-який на ваш розсуд. Важливо дотримати співвідношення ціна / якість - тобто досягти максимальної якості зображення при мінімальному його обсязі.

Як вставити зображення на сторінку? Дуже просто. Використовуємо html коди.

1. Коли зображення зберігається в тій же папці, що і сторінка.

2. Якщо зображення береться з інших джерел, то вказуємо також адреса джерела. наприклад:

або:

або:

Корисні в налаштуванні зображень «Атрибути» дозволяють вирівнювати картину по тій чи іншій стороні і обтікати її текстом - це:
ALIGN - Зображення вирівнюється по горизонталі, а текст обтікає її без відступів.

 Умовний текст.

HSPACE і VSPACE - Те ж саме але текст обтікає зображення з відступами по горизонталі і по вертикалі.

 Умовний текст.
Відео: Створення інтернет сайту Зображення в HTML

HEIGHT і WIDTH - Установка зображення по висоті і ширині (дуже важливо не помилитися) найкраще ставити реальні розміри зображення. Необхідно для того, що б кожна картинка не завантажувалася окремо - це дуже довго і не красиво.

 Умовний текст.
Відео: "Сайт з нуля" Урок №6 Зображення (Відео курс по HTML)