Как сделать шапку для сайта?

Информация, представленная на этой странице ориентирована в первую очередь для начинающих web-мастеров.

Скорее, эта статья для новичков, своего рода школа молодого автора. В ней мы рассмотрим, как самостоятельно с помощью штатной компьютерной программы Paint и онлайн-сервиса (или программы) Pixlr, легко, просто и бесплатно сделать шапку для web-сайта или блога.

Простейший способ создания шапки сайта

Как один из вариантов, выберите в интернете и скачайте фон вашей будущей шапки. Можно в поисковике забить фразу «Фоны для сайта» и выбрать подходящее изображение. Мне, к примеру, нравится сайт бесшовных фонов:
http://bgrounds.ru. Фоны для сайта, безусловно, корректней использовать по назначению, но можно применить и для шапки сайта, при условии их дальнейшего усовершенствования.

А можно ввести поисковый запрос: «Бесплатные шапки для сайта» и что-то подобрать там, или посетить сайт:
http://beloweb.ru/novichkam/besplatnyie-shapki-dlya-saytov-i-dlya-blogov.html.

Затем в специальной бесплатной программе редактирования графических изображений Pixlr на готовую шапку просто нанести название web-ресурса.
Если нет желания скачивать и устанавливать эту программу на компьютер, есть прекрасный онлайн сервис с таким же предназначением и названием:
https://pixlr.com/editor/.

Таким образом, путешествуя по различным полезным ресурсам, можно собрать себе целую коллекцию фонов и шапок.

А теперь немного посложнее

1. Определяемся с выбором изображения шапки и скачиваем его на компьютер.
2. Если скачанное изображение Вам нравится, а размеры шапки отличаются от желаемых, пробуем изменить размеры в Paint:
   1. - допустим, Вы планируете разместить изображение с левой стороны шапки. Для этого нажимаем правой кнопкой мыши на картинку шапки и выбираем «Открыть с помощью Paint»;
   2. - в этой программе можно увеличить шапку до нужного размера. Удлинять в Paint можно только с правой стороны изображения, поэтому нужно повернуть шапку на 180 градусов (Главная → Повернуть), удлинить её и затем опять вернуть в исжодное положение;
   3. - в результате, слева будет белая полоса (белый прямоугольник), который впоследствии закроется картинкой;
   4. - в левом верхнем углу нажимаем Файл → Сохранить как и выбираем расширение. Чтобы сделать картинку уникальной, лучше выбирать расширение, отличное от того, которое было у скачанной картинки.
3. Затем нужно найти картинки, которые будем помещать в шапку, чтобы они подошли по цвету и по настроению, и скачать их. Желательно небольшие, чтобы размер был приближен к высоте шапки.
4. Открываем картинки в «Paint». Убираем лишний фон справа и сохраняем. Если нужно, можем обрезать картинки снизу до нужной высоты.
5. Если картинка нужна необрезанная, можно попробовать изменить высоту в сервисе, где бесплатно делают баннеры онлайн. В качестве примера возьмем сервис BannerFans. Попробуем вставить и обрезанную картинку, и ту, что уменьшили. Посмотрим, что будет лучше смотреться.

Приступим, непосредственно, к созданию шапки web-сайта

Заходим на интернет-портал Pixlr. Он простой и бесплатный. В сети интернет можно посмотреть статьи о преимуществах этого редактора, скачать уроки по работе с ним.

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

В сервисе BannerFans делаем ободок к шапке. Цвета будем выбирать специально яркие, чтобы показать, что возможности для творческих решений огромные. Если изображение красочное, тогда делаем такого же цвета название сайта и ободок шапки. Не допускаем излишне насыщенных красок.

В самом начале шедевра у Вас может не получиться, но пробуйте, дерзайте. Всё зависит от вашего желания и вкуса. Удачи!

На этом всё. Спасибо за внимание. Ваш Л.М.