Дизайн сайта: что ты такое шаблон?
Начнем с того - что такое - шаблон сайта. Как все уже догадались и сами - это оболочка сайта с её фоном, картинками вверху и по бокам, даже внизу. Да, хотелось бы еще добавить. Это еще и все шрифты, расположение блоков, меню, да и вообще - вся динамика и жизнь сайта. И несправедливо будет сказать, что сменить шаблон - "раз плюнуть". Это можно делать на бесполезных сайтах, которые штампуются на бесплатных хостингах. А мы сейчас говорим о некотором профессиональном подходе, как это не будет выглядеть сначала немного смешно или с небольшой сатиринкой. Смеётся тот, кто последний! А мы станем первыми.
Итак, первая вводная: "вскрыть" существующий шаблон, причем, любой. Выпотрошить из него всё, что непонятно - а это - всё выпотрошить. Не будем обижать тех, кто уже знает, что делать или уже сталкивался со взломом существующих шаблонов. Но кто еще не знает, тому хочу сказать: весь внешний вид шаблона основан на встроенных картинках, из которых, как в мозаике, складывается весь вид сайта. Не всегда, соглашусь. Но в 90% случаев. Если вам попался шаблон с флэш-начинкой или с Java - содержимым, тут я вам, скорее всего, не помогу. Ну, раскурочить существующее - это не проблема, а вот исправить и сделать что-то своё... Знаете что, давайте поживем, может и это увидим!
Давайте остановимся на том, что все современные шаблоны состоят из таблицы CSS и скелета HTML. Иногда сверхновые шаблоны не используют HTML практически совсем. Все картинки и таблицы прописаны в CSS. Это редкость пока, радоваться или переходить на сверхновое - рано судить. Будем работать с тем, что есть сейчас.
Итак, скачаем шаблон, лучше пока попроще. (Это громко сказано, в итоге - это не такой уж и простой шаблон, хотя с виду - простачек)
Возьмем красивый шаблон BlackBearPro для Joomla, который идеально оптимизирован и не нагружает виртуальный хостинг (https://ispserver.com/) даже в пик посещаемости сайта. Скачиваем его к себе на компьютер. Шаблон тёмный, но мы его не будем использовать для праздничных сайтов. Наша цель сейчас - разобрать его на "картинки". Итак, мы имеем шаблон вида:
Красивый тёмный шаблон, но наша цель - изменить его внешний вид. Далеко копать не будем, пусть он останется таким же темным, но мы сменим шапку и низ , не затрагивая общую функциональность шаблона. Давайте придем к результату, что-то типа этого:
Итак, наша первичная цель - изменение шапки - как главного лейбла, бросающегося в глаза посетителю вашего сайта. Шрифты и другие вещи пока трогать не будем. Да они и так хороши, тем более, к нашему тёмному фону другой шрифт и не подобрать. С шрифтами и цветом будем работать на других шаблонах, попроще. Этот шаблон сложный, но в нём просто сменить шапку и вообще все картинки. Поэтому, займемся им.
Продолжение следует...
