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

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

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

Вам знадобиться

- Власний сайт
- Малюнок, який потрібно помістити на сайт
- Знати, що таке HTML-код

Інструкція

  1. Щоб зробити малюнок на сайті, завантажте зображення в файлове сховище сайту. Файли на сайт можна завантажувати за допомогою «менеджера файлів» або по ftp. Для отримання конкретних інструкцій щодо завантаження файлів зверніться до вашого хостеру (тому, хто надає хостинг для вашого сайту).
  2. Після завантаження картинки дізнайтеся посилання на неї. Посилання на вашу картинку буде такого виду: http:/ / website/img1.jpg. Якщо Ви знайшли картинку в інтернеті і знаєте посилання на неї, можна, звичайно, використовувати таке посилання, а ліпше зберегти це зображення і залити до себе на сайт через «файловий менеджер», оскільки при видаленні картинки з іншого сайту на вашому ресурсі вона відображатися теж не буде.
  3. Отримавши посилання на потрібний малюнок, вставте її між лапок в наступний HTML-код: <img src=» «>. Повинна вийти така конструкція: <img src=»http: / /website/img1.jpg»>. Замість «http:/ / website/img1.jpg» має бути посилання на вашу картинку. Цей запис потрібно помістити в потрібне місце в HTML-коді вашого сайту.
  4. Якщо зображення на сайті потрібно підкоригувати за розміром, то в HTML-коді вкажіть потрібні ширину і висоту зображення. Запис виду width = «100″ вказує ширину картинки в пікселях, а запис height = «80″ — висоту зображення в пікселях, де число в лапках і є кількість пікселів. Загальний код зображення з зазначеними розмірами виглядає так: <img src=»http: / / website/img1.jpg» width=»100″ height=»80″>. Цифри в коді замініть на потрібну вам ширину і висоту зображення.
  5. Незайвим буде вказати назву зображення для того, щоб при перегляді сайту в режимі без картинок відвідувач міг зрозуміти, які саме зображення присутні на сайті. Щоб додати назви вставте в код виводу картинки такий запис: alt = «Назва». Замість слова «Назва» напишіть назву вашої картинки. У результаті малюнок на сайті буде мати такий HTML-код: <img src=»http: / / website/img1.jpg» alt=»Названіе» width=»100″ height=»80″>.

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

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

У коді зображення необов’язково вказувати параметри довжини і ширини — їх використовують тільки при необхідності.

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

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