Практика разработки Web-страниц

Сайту не хватает рисунков


Говорят, что лучше один раз увидеть, чем сто раз услышать. Возможно, самое сложное при создании веб-страницы – это создать или найти изображения, которые помогут понять вашу информацию. Но от каких изображений останется хорошее впечатление? И где их можно найти? Как и большинство веб-дизайнеров, вы, возможно, хотите использовать комбинацию собственных изображений и изображений, взятых из Internet. Сборка графической веб-страницы чем-то похожа на создание коллажа из журнальных вырезок – вы собираете кусочки из различных источников, затем вырезаете, наклеиваете и добавляете текст для получения желаемого эффекта.


Как и коллаж, ваши веб-изображения могут быть комбинацией фотографий, рисунков и текста из различных источников

Если ваша страница не содержит нужные изображения, сделайте следующее.

  1. Решите, какие элементы страницы вы хотите создать с помощью изображений. Возьмите идеи со страниц в Internet, которые вам больше нравятся, или на сайтах организаций, похожих на вашу. Какую комбинацию текста, графики и фотографий вы хотите использовать? Например, почти все сайты имеют логотип или баннер. Многие другие используют изображения для гиперссылок или выделения текста или слогана. Если вы продаете какую-нибудь продукцию или услуги, вам, возможно, необходимо проиллюстрировать каждую страницу. С другой стороны, поскольку изображения долго загружаются, лучше ограничить себя в их использовании.
  2. Соберите материалы для вашей страницы из различных источников и сохраните их в папке в вашем компьютере. Например, если ваша организация или компания имеет свой логотип или графический знак, найдите файлы в сети или отсканируйте нужные материалы. Если ваши страницы содержат информацию о других компаниях, ссылки на другие сайты, возьмите изображения с этих веб-страниц, особенно, если это ваши партнеры. (Чтобы сохранить изображение, щелкните правой кнопкой мыши на изображении и выберите Save Picture As (Сохранить картинку как) или Save Image As (Сохранить изображение как).)
  3. Если вам нужны еще какие-либо изображения – фотографии людей, товаров, графики или карты для иллюстрации ваших сообщений – настало время создать или найти подходящие рисунки. Чтобы создать их самостоятельно, возьмите изображение с цифровой камеры или используйте соответствующий графический редактор, такой как Adobe Illustrator. Можно просмотреть рисунки из коллекций рисунков clip art или коммерческих коллекций. (См. раздел "Как найти изображения, которые можно использовать легально" далее.)
  4. Попытайтесь установить приблизительный размер вашей страницы и сделать ее набросок на бумаге. Это может помочь при создании таблицы для страницы в дизайнерской программе. Например, если вы хотите, чтобы логотип или баннер занимал всю верхнюю часть страницы, вы можете сделать его 400 пикселов в ширину и 100 пикселов в высоту. Маленький логотип в углу страницы, для сравнения, может быть 100 на 30 пикселов.
  5. Выберите цвет фона или задний план так, чтобы изображения хорошо сочетались с фоном. (Более подробную информацию см. в главе "Фон".)
  6. Теперь материалы для страницы готовы. В графическом редакторе создайте новый файл, задайте его размер и цвет фона. Откройте или импортируйте изображения, которые вы хотите использовать, а затем используйте возможности программы, чтобы скомбинировать, изменить размер, обрезать, в общем, привести в порядок рисунки и графики. Добавьте текст.
  7. Сохраните изображение в формате графического редактора, например Fireworks или Photoshop, чтобы позднее вы, в случае необходимости, могли вносить изменения. Затем экспортируйте изображение в формат GIF или JPEG и сохраните его в одной папке с вашими веб-страницами. Используйте формат GIF для логотипов или рисунков с большими однотонными областями, а формат JPEG – для фотографий или графики с плавными переходами между цветами.





    увеличить изображение
    Скомбинируйте рисунки, фотографии и текст в вашем графическом редакторе, а затем экспортируйте в формат GIF или JPEG

  8. Поместите изображения на страницу. (В HTML-коде используйте тэг <IMG>.) Просмотрите страницу с помощью функции предварительного просмотра (Preview), а затем вернитесь в графический редактор, если нужно внести изменения.


Как найти изображения, которые можно использовать легально

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

  • Коллекции рисунков и фотогалереи, прилагающиеся к вашему графическому или веб-редактору;
  • Коммерческие коллекции рисунков, например www.corbis.com и www.photodisc.com;
  • Поставщики карт, например maps.expedia.com и www.mapquest.com;
  • Коллекции рисунков Microsoft Office на cgl.microsoft.com/clipgallerylive (в FrontPage или Word выберите Picture (Рисунок) в меню Insert (Вставка) и нажмите Clip Art (Картинки));
  • Поищите в сети по clip art, stock images, free images или GIF files.


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


Содержание    Вперед