Отвечаем в
мессенджерах

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

Как изменить шапку сайта. Меняем шапку сайта

Для начала нам нужно определиться с тем, какую именно шапку Вы хотите видеть на своем сайте Ucoz. Лично я советую Вам подобрать такую шапку, которая бы сильно не «напрягала» взгляд и полностью отражала тематику Вашего сайта, чтобы посетители, зашедшие на него, знали, где они находятся.

К примеру, если Вы на своем сайте занимаетесь продажей кондиционеров, то и шапка должна быть соответствующей. В идеале, лучшим вариантом будет поместить на нее некоторые элементы кондиционера (изображение, деталь, и т.д.), чтобы получить максимальный эффект.

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

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

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

  • Подбирая шапку, делайте упор, прежде всего на ее ширину. Почему это так важно? Дело в том что, не слишком длинное изображение, после размещения на сайте придется повторять по горизонтали, из-за чего ухудшится ее внешний вид и появятся нежелательные «швы». Чтобы такого не допустить, старайтесь подобрать широкое или «бесшовное» изображение.
  • Ну что же, после подбора необходимой нам шапки, перейдем к самому главному – к ее размещению на сайт Ucoz.

Помещаем шапку на сайт Ucoz

Зайдите в панель управления сайтом, нажмите по вкладке «Дизайн» и выберите «Управление дизайном». После этого, перед Вами откроется новое окно со списком всех глобальных блоков и страниц сайта, из которого Вам нужно выбрать пункт «Верхняя часть сайта». Именно здесь мы и будем размещать нашу новую шапку.

Но перед этим нам нужно загрузить ее на сайт. Для этого нажмите в верхней панели по «Инструменты», и перейдите в «Файловый менеджер». В самом низу открывшегося окна, нажмите по кнопке «Выберите файл» и загрузите шапку на сайт. Готово, теперь можно приступать к написанию кода.

Вернитесь обратно в пункт «Верхняя часть сайта» и в самом верху текстового поля, содержащего в себе код страницы, напишите следующие строки:

<table width=”100%” height=”[Высота изображения]” style="background:url('[Путь к шапке]') no-repeat center"> <tr><td></td></tr> </table>

Где «[Высота изображения]» - это размер изображения по вертикали, а «[Путь к шапке]» - соответственно, путь к самой шапке на сайте. Атрибуты «no-repeat» и «center» необходимы для того, чтобы шапка не повторялась (по горизонтали и вертикали), а так же чтобы расположить ее по центру.

<tr> и <td> - это специальные теги таблицы <table>, в последнем из которых (<td>) Вы можете размещать текст, сторонние изображения, и другие элементы дизайна.

Вот вроде бы и все. Шапка размещена на сайте, и можете посмотреть окончательный результат. Если Вас не устраивает ее положение, то советую отредактировать код шапки так, как Вам будет нужно. Это не так сложно, и прочтя серию статей уроков HTML, ссылку на которые я оставил чуть выше, Вы легко сможете этому научиться.

На сегодня все. Подписывайтесь на обновления сайта, а так же поделитесь данной статьей « Как изменить шапку сайта Ucoz. Меняем шапку Ucoz » со своими друзьями и знакомыми.

Всем пока и удачи!

Ищите полезные ресурсы по SEO-продвижению сайта? Хотите быть в курсе последних новостей в сфере интернет-маркетинга? 

  1. Рассказываем об интернет-маркетинге исходя из практического опыта. На конкретных примерах показываем, как пользоваться различными инструментами интернет-маркетинга, как правильно анализировать результаты, как добиваться поставленных целей и задач.
  2. Для экономии вашего времени, размещаем актуальные новости в сфере интернет-маркетинга со своими разъяснениями и комментариями.
  3. Делимся полезными ресурсами для SEO-специалистов, интернет-маркетологов, копирайтеров, программистов, специалистов по рекламе.

Добавляйте раздел SEO-новости в закладки и будьте в курсе актуальных новостей сферы интернет-маркетинга!

Остались вопросы? Отправьте нам сообщение

Выберите тематику вашего сайта

Тематика сайта

Не нашли тематику для своего сайта?

получите индивидуальное предложение