Графіка: поради для початківців, Залізо, статті

Існує ряд стандартних помилок, що здійснюються початківцями веб-майстрами при роботі з графікою. Щоб не повторювати їх, дотримуйтесь наведених нижче рекомендацій.

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

Ніколи не використовуйте чужі графічні елементи на своєму сайті!

Можна брати картинки з "клипарта", що продається на CD-дисках, але ні в якому разі не варто "красти" авторські кнопки, банери та інші елементи. Опустимо морально-етичну сторону і перейдемо до практичної. Всі об'єкти, що знаходять на вашому сайті повинні гармоніювати з основним дизайном, в цьому і полягає індивідуальний стиль. Але якщо ви будете використовувати сторонні елементи, "заточені" під конкретний сайт, замість продуманого дизайну вийде змішання стилів, і як результат, повна відсутність будь-якої індивідуальності. В "кліпарти" всі малюнки, як правило, мають стандартний вигляд, тому проблем з ними не виникає.

Фоновий малюнок повинен бути нейтральним!

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

Делите картинки великого розміру на частини!

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

Графічні зображення можуть бути використані в якості посилань!

Додавши в html-код рядок <a href="./020920111200006903.html"> <img src="./020920111200006903.html"> </ a>, Ви отримаєте звичайну посилання. Тільки замість тексту буде використовуватися зображення і при цьому існує можливість роботи з тегами, застосовувані для формування текстової гіперпосилання. Підтримуються атрибути BORDER (створює рамку), LINK (колір звичайного посилання) і ALINK (колір активного посилання).

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

Графічне зображення, що містить текстові написи, має бути збережене в gif-форматі. Зберігаючи зображення в цьому форматі, подбайте про наявність прозорого фону.

Перед публікацією зображення в Інтернеті, оптимізуйте його (Зменшите об'єм файлу) в графічному редакторі. Це сприяє підвищенню швидкості завантаження веб-сторінки.

Схожі статті:


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

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*