Часть II. Подготовка html-кода стандартного шаблона системы к адаптации.

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

Code

Содержимое тегов title и description, естественно, указываете своё.

Далее идет строка, подключающая внешний файл css-стилей для страницы сайта

Code

Cодержимое файла со стилями можно просмотреть и отредактировать в коде шаблона "Таблица стилей (CSS)".

Как только Вы внесёте какие-либо изменения в стандартный файл стилей, строка

Code

примет такой вид:

Code

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

Оставим в покое на время содержимое таблицы CSS-стилей и идём дальше. Строку

Code

изменим на

Code

<body>

В данном случае нет никакого смысла прописывать css-стили в html-коде страницы, если их можно вынести во внешний файл (в Таблицу стилей СCS) например, в таком виде:

Code

body {background-color:#FFFFFF;margin:0;padding:0;}

Это будет семантически правильнее.

И оставшийся участок кода "Страницы сайта"

Code

$ADMIN_BAR$
$CONTENT$
$POWERED_BY$

Как видите, появился ещё один системный код $PОWERED_BY$, обязательный код-ссылка, ведущая на главную страницу системы uCoz.
Убрать этот системный код из html-кода страниц сайта стоит денежку)

Соберем всё, что у нас в итоге осталось воедино:

Code

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>PS-Studio.Info: Портал веб-решений</title>
<meta name="description" content="решения на css, бесплатные шаблоны сайтов, уроки Adobe Photoshop"/>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
$CONTENT$
$POWERED_BY$
</body>

</html>

Если мы сейчас откроем нашу страницу в браузере, то увидим, что она будет состоять из админ-бара и ссылок:

Всё на этом. Мы получили базовый каркас данной стандартной страницы "Страницы сайта" для дальнейшей адаптации, привязки к этому каркасу html-кода и css-стилей стороннего шаблона.

Единственно, мне бы хотелось в завершение работы на этом этапе добавить еще один системный код в наш каркас:

Code

$COUNTER$

Нам же нужна будет статистика посещаемости нашего сайта? Думаю, да)

До встречи в следующем уроке!

Ссылка:

BB-код:

HTML-код:

Ещё по теме:

Всего комментариев: 0

Оставь комментарий первым!

Метки

Опрос: Чего добавлять больше?

Результаты опроса

Главная » 2011 » Май » 17 » Часть II. Подготовка html-кода стандартного шаблона системы к адаптации.