Эта статья первая из серии про то как особо не напрягаясь получить удовлетворяющий себя (для начала) дизайн блога, другими словами: создание шаблона по образцу дизайна другого сайта.
Да плагиат, да всё так плохо: но начните с этого. Мы же не будем просто копировать чужой дизайн, может быть...
Начнем.
Есть несколько способов получения своего блога без всяких затрат, одно из них, и пожалуй в данный момент лучшее это - сервис от Google - Blogger. Что такое Google: знают все. Итак Вы создали свой маленький остров в информационном океане - зарегистрировались в Blogger и стали владельцем своего персонального блога. Шаблоны блога представленные для примера не так уж и плохи, но всегда хочется иметь свой, пусть и простой но удовлетворяющий себя - дизайн блога. В сети сейчас масса готовых дизайнов шаблонов для блогов, но не всегда готовое соответствует тому что требуется.
Просматривая выдачу поисковиков на тему дизайна шаблона для Blogger я обратил внимание на то, как вообще заразна тема шаблонов и особенно руководств по их созданию. А если взять тему по раскрутке и заработку с помощью блога, то тут можно наблюдать некую пирамиду создания блогов.
Я заметил одну закономерность: человек интересующийся темой раскрутки и заработка с помощью своего блога, рано или поздно создает свой блог посвященный этой теме. Как пример тема дизайна блогов. В дальнейшем читатели этого блога сами, потихоньку втягиваются в эту пирамиду, и вот уже растут новые ресурсы на ту-же тему. Впрочем меня несколько занесло от темы создания дизайна шаблона для Blogger, продолжим генерить пирамиду. :)
Что такое шаблон? Оболочка формирующая отображение контента блога. Можно сказать что это небольшая программа со своими правилами и условиями. Дизайн блога это создание шаблона. Именно шаблон отвечает за дизайн. Представьте себе газетную страницу. Да, это та же самая верстка. Вот и вся карусель с дизайном.
Когда браузеры имели маленькие номера версий, а список всех сайтов влезал в тонкую жёлтую книжечку, возникли изначальные правила и методы разметки веб-страниц. Да, в то время дизайна как такового в принципе еще и не было, впрочем блоги уже были на подходе. А вот шаблоны точно использовались. Например, верстка сложных страниц с помощью таблиц и невидимых изображений.
Пример верстки мы можем наблюдать на рисунке в начале этой статьи. Это еще не дизайн, это просто схема расположения блоков на странице. Где серый цвет это шапка блога, бардовый - навигация(кнопки и т.д.), зеленый - область текста (контента, статей), фиолетовый - дополнительное меню (типа: календарь, последние комментарии и т.п.), ну и самый нижний т.н.: 'подвал'. Это и есть верстка. Дизайн блога начинается с верстки. Теперь как это делается. Двумя способами: таблицы и блочная верстка.
С развитием браузеров и стабилизацией стандартов, метод дизайна с помощью таблиц окончательно устарел, так как имеет много существенных недостатков. Поэтому постепенно все перешли на так называемую “блочную верстку”. Многие даже считают, что использование таблиц сейчас глупо и не оптимально. Кстати полезную информацию на тему блочной верстки можно найти в статье Владимира Жилинского: 'CSS: блочная верстка'. В дальнейшем знания основ CSS нам еще пригодятся для ковыряния дизайна в шаблоне блога.
Итак, теперь мы поняли что любой дизайн шаблона блога (за исключением дизайна полностью выполненного на Flash, да это возможно на Blogger, но всему свое время.) это столбики и картинки как в газете 'Жизнь'.
Всё вышесказанное имеет непосредственное отношение к созданию, или изменению шаблона блога на Blogger. Теперь покопаемся в шаблоне...
Для начала посмотрим-ка как работает выезжающая панель у меня в блоге. Выезжающая панель неплохой элемент дизайна в блоге. В то же время она довольна функциональна и привлекает внимание. Это в принципе и есть главная задача дизайна.
По просьбе a13x4ndr:
Вчера не смог дойти до компа - сорри :) Исправляюсь.
Установка выезжающей панели в шаблон Blogger показана здесь.