Як зробити малюнок на сайті

Зображення пожвавлюють сайт, зацікавлюють відвідувачів, роблять ресурс яскравим і незабутнім. Без фотографій і малюнків будь-який сайт, навіть з дуже цікавим і цінним текстом, буде здаватися нудним і незавершеним. Нескладна процедура вставки зображень на сайт дозволить вашому ресурсу стати яскравіше і придбати нових постійних відвідувачів.
Як зробити малюнок на сайті
Щоб зробити малюнок на сайті, завантажте зображення в файлове сховище сайту. Файли на сайт можна завантажувати за допомогою «менеджера файлів» або по ftp. Для отримання конкретних інструкцій щодо завантаження файлів зверніться до вашого хостера (тому, хто надає хостинг для вашого сайту).
2
Після завантаження картинки дізнайтеся посилання на неї. Посилання на вашу картинку буде такого виду: images / img1.jpg. Якщо Ви знайшли картинку в інтернеті і знаєте посилання на неї, можна, звичайно, використовувати таку ссилку- але краще зберегти цю картинку і залити до себе на сайт через «файловий менеджер», так як при видаленні картинки з іншого сайту на вашому ресурсі вона відображатися теж не буде.


3
Отримавши посилання на потрібний малюнок, вставте її між лапок в наступний HTML-код: . Повинна вийти така конструкція: . замість "images / img1.jpg" повинна бути посилання на вашу картинку. Цей запис потрібно помістити в потрібне місце в HTML-коді вашого сайту.
4
Якщо зображення на сайті потрібно підкоригувати за розміром, то в HTML-коді вкажіть потрібні ширину і висоту зображення. Запис виду width ="100" вказує ширину картинки в пікселях, а запис height ="80" - Висоту зображення в пікселях, де число в лапках і є кількість пікселів. Загальний код зображення з зазначеними розмірами виглядає так: . Цифри в коді замініть на потрібну вам ширину і висоту зображення.
5



Незайвим буде вказати назву зображення для того, щоб при перегляді сайту в режимі без картинок відвідувач міг зрозуміти, які саме зображення присутні на сайті. Для додавання назви вставте в код виведення картинки такий запис: alt ="Назва". Замість слова «Назва» напишіть назву вашої картинки. В результаті малюнок на сайті матиме такий HTML-код: Назва.

Зверніть увагу

Назва потрібного вам малюнка має состять тільки з англійських букв і (або) цифр, інакше на сайті замість зображення буде червоний хрестик.
У коді зображення необов`язково вказувати параметри довжини і ширини - їх використовують тільки при необхідності.

Корисна порада

Перед завантаженням зображення на сайт зменшите картинку до потрібних розмірів, так як занадто великі зображення перешкоджають швидкої завантаженні сторінки і займають більше місця в сховищі файлів.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 180
Увага, тільки СЬОГОДНІ!