Існує багато причин, чому ви можете захотіти додати зображення .gif на свій веб-сайт.
Додавання зображення на ваш веб-сайт може значно покращити його привабливість для відвідувачів. Найпоширенішими форматами файлів для зображень в Інтернеті є .jpg та .gif. Університет Індіани каже, що файли .gif найбільш підходять для зображень із гострими краями зі зменшеною градацією кольору. Сюди можуть входити мультфільми, текст і лінійне мистецтво. Іншими перевагами файлів .gif є можливість встановити прозорість фону та додати анімацію. Додати файл .gif на веб-сайт так само просто, як завантажити файл і написати речення.
Крок 1
Відкрийте панель адміністрування свого веб-сайту. Це буде різним для кожного окремо, оскільки це залежить від хост-сервера, який ви використовуєте, або від того, чи використовуєте ви такі програми, як Dreamweaver, для керування своїм сайтом. По суті, існує два основних типи програмного забезпечення для редагування — редактор HTML або WYSIWYG. Журнал Smashing пояснює, що WYSIWYG означає «Що ти бачиш, те й отримуєш». Ці програми розроблені, щоб зробити створення сторінок більш інтуїтивним. Редактори HTML вимагають від вас розуміння основ мови HTML.
Відео дня
Крок 2
Збережіть файл зображення .gif у "images" або відповідну папку вашого веб-сайту. Якщо ви використовуєте програму на своєму комп’ютері, вам просто потрібно буде знайти потрібну папку на жорсткому диску. Якщо ви використовуєте інтерфейс онлайн-адміністрування, вам потрібно буде завантажити зображення. Перейдіть до потрібної папки на панелі адміністрування та дотримуйтесь інструкцій, щоб завантажити файл. У більшості випадків ви використовуєте кнопку огляду, щоб знайти файл .gif на вашому комп’ютері, а потім натискаєте «Завантажити».
Крок 3
Додайте .gif на веб-сторінку. У редакторі WYSIWYG все, що вам потрібно зробити, це перетягнути зображення туди, куди ви хочете. Попередній перегляд веб-сайту, щоб переконатися, що сторінка виглядає так, як ви очікували, і за потреби відкоригуйте.
Якщо ви використовуєте текстовий редактор HTML, відкрийте сторінку HTML, на якій буде розміщено файл .gif. Прокрутіть до місця в тексті HTML, де потрібно відобразити .gif. Додайте наступний рядок, замінивши інформацію після знаків "=" інформацією про .gif і залишивши лапки на місці:
Cross Culture пояснює, що «img src» означає «джерело зображення». Інформація між лапками має вказувати назву папки, в якій знаходиться файл .gif, а потім ім’я .gif. Тег "alt" відноситься до тексту, який з'явиться, якщо посилання на зображення порушене, якщо відвідувач вимкнув зображення або для зчитування тексту для декодування. «Ширина» і «висота» встановлюють розмір зображення в пікселях. Теги пробілу визначають, скільки вертикального або горизонтального простору надається навколо зображення по відношенню до навколишнього вмісту. Тег кордону додасть лінію навколо зображення, а число в лапках визначає його ширину.
Речі, які вам знадобляться
Комп'ютер з підключенням до Інтернету
Адміністративний доступ до веб-сайту
Збережене зображення .gif для вставки
Порада
Один із поширених способів використання файлу .gif називається spacer.gif. Це зображення являє собою прозорий квадрат розміром 1 на 1 піксель. Цей файл .gif дає дизайнерам сторінок можливість ефективно додавати передбачуваний простір у різних місцях макету. Наприклад, щоб додати простір під блоком тексту, ви можете розмістити spacer.gif у окремий абзац і налаштувати висоту та ширину відповідно до ваших уподобань.
Увага
Збережіть копію веб-сторінки, яку ви змінюєте, перш ніж спробувати додати новий .gif, і спробуйте працювати в автономному режимі, якщо це можливо, доки ви не будете задоволені своїми результатами. Це запобігає оприлюдненню будь-яких сторінок практики та захищає вашу можливість почати все спочатку, якщо у вас виникнуть труднощі.
