Как создать шапку для сайта.

shapka_dlya_saita

Здравствуйте дорогие читатели блога «Создание и продвижение сайта». Сегодня хочу рассказать вам о том, как легко сделать красивую шапку для сайта или блога. Можно сделать шапку сайта в фотошопе, и я расскажу об этом в следующем уроке. А сегодня мы будем создавать шапку сайта в бесплатной, маленькой, лёгкой, и удобной программе XHeader.

Скажите честно, как часто вы меняете шапку своего блога или сайта? Это же такая головная боль! – скажете вы.  Позвольте с вами не согласиться, с программой   XHeader – можно менять шапку ежедневно! При этом вы затратите всего лишь один час своего времени, сделав 10 шапок, и загрузив их на сайт в папку, где находится ваша шапка блога.  А потом, зайдя в панель управления сайтом, можно с лёгкостью менять шапки, придавая блогу неповторимость и шарм.

Быстрое создание шапки для сайта или блога.

Скачиваем бесплатную версию программы  XHeader, распаковываем и запускаем. Ссылка на программу в конце статьи. Откроется окно, с предложением купить полную версию программы за 49$. Жмём – «NoThanks».  Открывается такое окно, жмём на верхней панели – New.

shapka_dlya_saita

Открывается следующее окно, нажимаем «LoadformTemplateLibrary».

shapka_dlya_saita

На следующей панели можно выбирать шаблоны. В левой части панели перечень тем. Шаблонов любой тематики очень много. Кулинария, Красота, Бизнес, Спорт, Путешествия, Животные, Детские и ещё множество других тем. Нажимаем на любую тему, и в правом окне просматриваем шаблоны.  Нажимаем на понравившийся шаблон – ОК.

shapka_dlya_saita

Открывается окно редактора. Здесь можно добавлять надпись, картинки, применять различные эффекты. Давайте рассмотрим панель:

  1. перемещение выделенного объекта
  2. добавление  текста
  3. добавление линии
  4. рамка
  5. цветной квадрат
  6. круг
  7. цветной круг
  8. добавление изображения
  9. Последние две кнопки отвечают за перемещение слоёв

О перемещении слоёв расскажу подробнее. Например, вы написали текст, а затем решили сделать этот текст на каком либо фоне.  Берёте цветной круг, или квадрат, и размещаете его поверх слов, а затем при помощи последней кнопки перемещаете выделенный фон под слова. Или, если выделены слова, то предпоследней кнопкой перемещаете их поверх слоя.

shapka_dlya_saita

Написав текст,  выбираете размер, шрифт, щёлкаете по шаблону, и устанавливаете текст в нужном месте.  Ниже, под редактором, можно придать эффект тексту. В колонке справа, поставив галочку (Addshadow),  выбираете тень для текста.  Верхний ползунок отвечает за перемещение  тени по горизонтали, можно,  двигая ползунок, сместить тень вправо или влево.  Нижний ползунок отвечает за смещение тени по вертикали,  вверх или вниз. Ещё ниже в выпадающем окне вы можете выбрать резкость тени. Самое верхнее значение  в списке – резкая тень, каждое последующее значение будет делать тень более размытой.

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

Сохраняете шапку для блога в формате JPEG, или  PNG и загружайте на хостинг. В программе предусмотрен выбор сохранения шапки для сайта в различном качестве и весе. Выбирайте качество не более 80%. Картинка не пострадает, качество изображения отличное, и вес шапки для сайта небольшой.  Во многих темах можно загружать шапку сайта из административной панели блога и там же выбирать, какую шапку сделать видимой. Но если в вашей теме нет такой функции, то не расстраивайтесь. Просмотрите,  в какой папке хранится изображение  шапки блога, и замените его,  на новое изображение.

Если по какой то причине, вы не успели закончить создание шапки сайта, и хотите позже доработать её, то нужно сохранить в формате — XHF, а потом, открыв недоделанную картинку — «Open XHF», закончить  работу.

Отдельно хочу затронуть вопрос о размерах шапки. В программе все шапки создаются одного размера: 950 пикселей по ширине, и 175 пикселей по высоте. Если на вашем сайте нужна шапка другого размера, то открываем картинку в фотошоп.  Нажимаем «Изображение» — «Размер изображения».  В открывшемся окне ставим необходимое значение ширины, а высота поменяется автоматически, жмём «ОК».  Сохраняем измененное изображение. Всё создание шапки для сайта успешно завершилось!

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

Сняла процесс создания шапки для блога на видео. Если из описания вам что то показалось непонятным, то посмотрите видео ролик, и всё поймёте.  Простите за голос, я простыла.  Приятного просмотра!

Ещё одно видео, прошу совета, напишите, какое видео вам понравилось больше.
Желаю вам творческих успехов, не бойтесь творить красоту! Кстати вы сможете хорошо заработать,  создавая шапки для сайта, или баннеры на заказ. Но для этого вам нужно прочитать, как создать баннер за пять минут, а также как создать баннер в фотошопе!

Скачать программу можно здесь — https://www.dropbox.com/s/kczbhaa6q95gzvz/xheadersetup1215.exe

Или здесь — https://cloud.mail.ru/public/97e1fb7e1e4d/xheadersetup1215.exe 

С любовью, ваша Ирина Баталова.

Ссылка на основную публикацию