[ главная ]   [ рейтинг статей ]   [ справочник радиолюбителя ]   [ новости мира ИТ ]



Ответов: 0
25-02-12 07:01







   Web - программирование
PHP


ASP






XML



CSS

SSI





   Программирование под ОС











   Web - технологии








   Базы Данных









   Графика






Данные




Web - технологии / Web Design /

Графика: советы для начинающих

Существует ряд стандартных ошибок, совершаемых начинающими веб-мастерами при работе с графикой. Чтобы не повторять их, следуйте приведенным ниже рекомендациям.

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

Никогда не используйте чужие графические элементы на своем сайте!

Можно брать картинки из «клипарта», продаваемого на CD-дисках, но ни в коем случае не стоит «воровать» авторские кнопки, баннеры и прочие элементы. Опустим морально-этическую сторону и перейдем к практической. Все объекты, находящие на вашем сайте должны гармонировать с основным дизайном, в этом и состоит индивидуальный стиль. Но если вы будете использовать сторонние элементы, «заточенные» под конкретный сайт, вместо продуманного дизайна получится смешение стилей, и как результат, полное отсутствие какой-либо индивидуальности. В «клипарте» все рисунки, как правило, имеют стандартный вид, поэтому проблем с ними не возникает.

Фоновый рисунок должен быть нейтральным!

Прежде чем выбрать фоновый рисунок для сайта, подумайте о потенциальных посетителях ресурса: будет ли им удобно читать текст на таком фоне. Фоны «природной» тематики не используются профессиональными дизайнерами.

Делите картинки большого размера на части!

С помощью графического редактора, например Adobe Photoshop, изображение разрезается на части, которые затем «склеиваются» во время вставки в таблицу, размещенную на веб-странице. Таким нехитрым способом можно значительно увеличить скорость загрузки веб-сайта.

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

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

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

Графическое изображение, содержащее текстовые надписи, должно быть сохранено в gif-формате. Сохраняя изображения в этом формате, позаботьтесь о наличии прозрачного фона.

Перед публикацией изображения в Интернете, оптимизируйте его (уменьшите объем файла) в графическом редакторе. Это способствует повышению скорости загрузки веб-страницы.



Комментарии

 Ваш комментарий к данному материалу будет интересен нам и нашим читателям!



Последние статьи: Web - технологии / Web Design /

Как увеличить эффективность сайта с помощью поисковой формы
12-10-2009   

В этой короткой статье, хотелось бы рассмотреть технический приём, который часто упускают из вида многие онлайн предприниматели, который в тоже время может увеличить эффективность любого сайта в разы... подробнее

Кол. просмотров: общее - 2950 сегодня - 3

Идеальная навигация
12-10-2009   

Все идеальное недостижимо. Но представив себе идеальную навигацию по сайту и выделив ее основные свойства, можно сделать интересные выводы... подробнее

Кол. просмотров: общее - 2814 сегодня - 2

Web-дизайн и кодировки
08-10-2009   

Кодировкой веб-страницы называется способ кодирования текстовой информации для передачи в сети Интернет. Определяющим параметром при кодировании данных считается количество битов, с помощью которых передается один символ (значение)... подробнее

Кол. просмотров: общее - 2916 сегодня - 3

Графика: советы для начинающих
20-09-2009   

Существует ряд стандартных ошибок, совершаемых начинающими веб-мастерами при работе с графикой. Чтобы не повторять их, следуйте приведенным ниже рекомендациям... подробнее

Кол. просмотров: общее - 2706 сегодня - 1

Точечные и векторные изображения: сравнительный анализ
20-09-2009   

Порой, чтобы добиться определенного художественного эффекта, дизайнеры в качестве исходного материала используют точечное изображение, а когда цель достигнута, конвертируют его в векторный формат. Точечные и векторные изображения принадлежат к двум совершенно разным классам, знание технических особенностей которых существенно расширит ваш кругозор, а главное - профессиональные возможности в области веб-дизайна... подробнее

Кол. просмотров: общее - 2853 сегодня - 2



  WWW.COMPROG.RU - 2009-2012 | Designed and Powered by Zaipov Renat | Projects