1x1.gifРазработка сайта

1x1.gifУстановка системы управления

1x1.gifРаспространенные ошибки

1x1.gifСоздание собственного дизайна

1x1.gifСистемные вызовы

1x1.gifНастройки модулей

1x1.gifСервисные страницы

1x1.gifУправление сайтом

Создание шаблонов оформления.

Если Вы не профессиональный дизайнер или верстальщик, то Вы можете создать шаблон оформления сайта с помощью специальных программ, редакторов, таких как: HomeSite, FrontPage, DreamWeaver.

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

  • templates - для хранения HTML-файла шаблона (обязательно)
  • images - для хранения графических элементов шаблона (обязательно)
  • style - для хранения файла стилей  (обязательно)

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

Создадим и оформим по своему вкусу файл шаблонов оформления, сохранив его под именем template.htm в папке templates; все графические элементы надо сохранить в папке images, каскадную таблицу стилей сохраним в папке style.  

ВНИМАНИЕ! 
Если Вы неправильно назвали папки или сохранили графические файлы 
в другую папку, внешнее оформление сайта может быть искажено!

Теперь пришло время оформить программную часть шаблона. 
Ознакомьтесь с этим повнимательнее.

  • Заголовок Вашего шаблона должен содержать (можно скопировать его содержимое):

<html>
<head>
<title> {Var:PageTitle} </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<meta name="description" content=" {Var:PageMeta} ">
<meta name="keywords" content=" {Var:PageKeywords} ">
<meta name="classification" content=" {Var:PageMeta}">
<LINK REL="stylesheet" TYPE="text/css" HREF="../style/style.css">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="site-created" content="вставить дату создания">
<meta name="revisit" content="7 days">
<meta name="revisit-after" content="7 days">
<meta name="audience" content="all">
<meta name="allow-search" content="yes">
<meta name="robots" content="index, all">
<meta name="author" content="SWE-ART Web-design&programming(www.swe.ru)">
<meta name="CMS" content="SSPRO (c)SWE-ART (www.sspro.ru)">
<meta name="Copyright" content="2004 (c) SWE-ART Web-design&programming(www.swe.ru)">
<meta name="home_url" content="http://www.адрес Вашего сайта.ru">
<meta name="other.language" content="Russian, English">
<script language=javaScript src="../js/sc.js"></script>
</head>

переменные:

  • {Var:PageTitle} - отвечает за формирование заголовка страниц

  • {Var:PageKeywords} - отвечает за формирование ключевых слов,

  • {Var:PageDescription} - отвечает за формирование описания страниц

  • {Var:PageMeta} - метаописание страницы.

Также тэг <body> должен содержать переменную onLoad="isLoad=1;

Пример:
<body topmargin="0" leftmargin="0" background="../images/fon.gif" onLoad="isLoad=1;">

  • Установите системный вызов {var: PageContent} в том месте шаблона куда должен осуществляться вывод контента (содержимого) страниц.

  • Установите вызов, формирующий заголовки страниц:

{Var:PageName}{var:CatalogItemName: notshowifItemName=1}{var: ItemName: outbefore=}, где:

  • {Var:PageName} - выводит заголовок статичных страниц;

  • {var:CatalogItemName: notshowifItemName=1} - выводит в заголовок название категорий каталогов;

  • {var: ItemName: outbefore=} - выводит в заголовок название Item (товара, новости, статьи, вопроса...)

 

  • Расставьте другие вызовы в тех местах, где это предусматривает дизайн (например - вызов меню или анонсов новостей).

 Пример оформления шаблона:

 

Внедрение шаблонов оформления.

1. Используя FTP перенесите графические изображения и файл стилей на сервер в соответствующие папки: images и style
2. После того, как все элементы дизайна загружены, пора приступать к регистрации шаблона оформления в системе. Для этого выбираем пункт Конфигурация сайта=>Регистрация дизайна.

Зарегистрируйте новый шаблон, введя его название и нажав на кнопку “Создать”. Лучше, если название будет как-то характеризовать шаблон, например - не “дизайн1”, а  “Зеленый дизайн” или "Дизайн главной страницы".

Далее нажите на название и войдите в режим внедрения дизайна:

Задайте заголовок страницы (название.htm), описание страницы (не обязательный параметр), дальше в разделе дополнительные возможности установите параметр: Использовать как сервисную страницу, установите подчиненность шаблона: ШАБЛОНЫ ОФОРМЛЕНИЯ (Design), скопируйте в основное поле HTML код страницы  и нажмите кнопку "Сохранить"

Далее снова выбираем пункт Конфигурация сайта=>Регистрация дизайна.

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

При наличии нескольких шаблонов дизайна в системе, у Вас появляется возможность назначить шаблон по умолчанию для всех страниц т.е. у всех страниц сайта будет установлен отмеченный дизайн (кроме тех, у кого в дополнительных настройках указан другой вариант дизайна). Установите “по умолчанию” для одного из шаблонов оформления и нажмите "Сохранить", тогда не придётся назначать шаблон оформления каждой странице.

Шаблоны можно редактировать: если Вы нажмете на название шаблона, то откроется режим редактирования страницы.

 
 

Для удаления варианта дизайна установите флажок в графе "Удалить" и нажмите кнопку "Сохранить".