В предыдущей теме я показал, как зарегистрировать сайт в системе uCoz. Сейчас я покажу, как настроить дизайн.
Шаг 2 - Настройка дизайна Так как мы делаем сайт в стиле Веб 2, нужно подобрать соответствующий дизайн. Среди стандартных шаблонов подходящего я не нашел и, поэтому, мне пришлось искать подходящий шаблон на сторонних ресурсах. В процессе поиска я нашел очень полезный сайт с кучей бесплатных и красивых шаблонов. Вот он: www.free-css.com. Почти все представленные там дизайны сделаны в стиле Веб 2.0 и имеют блочную (DIV'ную) разметку. Сейчас эта разметка самая актуальная.
Недолго искав, я нашел подходящий шаблон:
Теперь нужно его заточить под uCoz CMS. Заходим панель управления uCoz и жмен на "Управление дизайном"
Дизайн сайта лучше всего разделить на три части: шапка, контент и нижняя часть. Для того, чтобы упростить себе работу, шапку и нижнюю часть нужно объединить в два глобальных блока, которые можно использовать во всех модулях. То есть вид HTML кода в редакторе страниц всех модулей будет иметь следующий вид:
Code
$GLOBAL_HEADER$
<.. Здесь будет контент ..>
$GLOBAL_FOOTER$
Для того, чтобы создать глобальные блоки заходим в соответствующий раздел:
Кликаем на кнопку "Добавить блок" и пишем ему название "HEADER" и нажимаем на него в списке блоков.
Откроется страница редактирования шаблонов. Прежде чем начать его редактировать, давайте разберемся в скачанном шаблоне. Для удобства я использовал программу Adobe Dreamweaver CS4. В ней можно посмотреть и код, и получившийся дизайн. Я нашел код шапки и вставил его в этот блок. Нажмите "Сохранить", и сделайте блок нижней части, назвав его "FOOTER".
Теперь отредактируйте все шаблоны так, чтобы шапка и нижняя часть обозначались переменными $GLOBAL_HEADER$ и $GLOBAL_FOOTER$
