Верстка блога. Зачем она нужна и кто мне ее сделал?

Автор: Владислав Челпаченко Блогосфера 86 комментариев 40993 просмотров

Всем привет, уважаемые коллеги и друзья!

Что такое верстка блога? Кто умеет ее делать? Как она связана с шаблоном и стоит ли делать редизаин бесплатного шаблона? 

 

верстка

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

Что такое верстка блога?

Верстка - это создание скелета (структуры) будущего или редактирование уже имеющегося сайта. Можно еще назвать это составлением макета или шаблона веб-ресурса. Осуществляется верстка с помощью html тегов и css стилей, т.е. набирается определенный набор символов на клавиатуре в любом html-редакторе или даже обычном блокноте и  потом просматривается браузере. Ю андестенд ми? 

Хорошо, только для самых новичков еще подробнее. К примеру, Федя Блогов набирает набор специальных крокозябр  в блокноте и сохраняет его в формате html. Потом он открывает этот файл через любой браузер и получает на экране результат своего труда. Посмотрите на эту картинку и Вам все станет ясно:

верстка

Это самый простой пример для наглядности. На самом деле верстка подразумевает составление блоков выполненных в формате php (hypertext preprocessor - скриптовый язык программирования), которые в совокупности образуют сайт (блог). Самые распространенные шаблоны включают в себя несколько таких блоков (хедер, боди, футер).

Хедер - шапка (голова) веб-ресурса. Она располагается в верхней части, файл с ее кодом называется header.php

хедер

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

*Не жалейте денег на создание красивой шапки, она играет очень важную роль. Отдайте один раз 3-5 тысяч рублей и радуйте своих посетителей красивым оформлением. 

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

тело

Тело сайта, как правило, формируется из поля под основные записи (single.php), сайдбара (sidebar.php) и комментариев (comments.php)

Футер - подвал (нижняя часть блога). Исходя из названия, не трудно догадаться, где находится эта часть. Но все равно покажу:

подвал

Футер сайта, формируется и упаковывается в файл под названием footer.php

Но  этих блоков не достаточно для красивого дизаина, поэтому создаются css стили или еще их называют правила (style.css). C помощью них задаются определенные формулы, которые изменяют вид обычных html тегов.

На этом ликбез закончен. Всем советую изучить Бесплатные курсы по html и css Евгения Попова - лидера технических моментов сайтостроения. Я начинал именно с них и Вам рекомендую:

Таким образом, мы разобрались, что

Сверстать сайт - это значит прописать различные html коды и css правила, которые в конечном итоге образуют шаблон (каркас).

А как их прописать так, чтобы они отображали красивый шаблон? Кто это умеет делать? 

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

Кто умеет делать верстку блога

профессионально? 

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

Найти таких специалистов можно на фрилансе. Поверьте, там много хороших спецов, которые все сделают быстро и качественно. Главное, чтобы Вы ориентировались в ценах и знали сколько примерно это стоит.

Для сравнения могу сказать, что я за верстку своего бесплатного шаблона отдал 2500 рублей, но мне делали практически переверстку, если так можно выразиться. Посмотрите как выглядел мой блог раньше (это видео послужило ТЗ фрилансеру).

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

В среднем верстка выполняется в течении 2-3 дней, все зависит от оперативности и опыта работы специалиста. Мой блог стал вот таким ровно через три дня после отправки тематического задания:

Как Вы уже услышали из видео, верстку блога мне делал Артем, связаться с ним можно по скайпу - wind_001

Он нем я узнал от Саши Борисова, сказал специалист хороший, поэтому на фриланс идти не пришлось. Кому-то может и придется, т.к. Артем практически всегда занят.

Еще могу посоветовать Игоря Половинкина и его блог http://dark-design.ru, который также поможет навести красоту на Вашем блоге. С ним сотрудничал лично, поэтому можете ему доверять.

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

Как верстка блога влияет на продвижение?

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

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

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

На сегодня у меня все. Все вопросы задавайте в комментариях ниже, по возможности всем отвечу.

И, напоследок, хочу показать Вам обалденное видео со свадьбы моего боевого друга. Вот что значит профессиональные операторы.

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

Поделитесь этой страничкой со своими друзьями, они будут Вам благодарны

Присоединяйтесь к обсуждению 86 комментариев

ОтвLeave a Reply to Наталия Отменить ответ