Шаблон(дизайн) сайта template/index.php

Шаблон сайта — совокупность оформленных и сверстанных в HTML и(или) PHP страниц, графических и служебных файлов, которые могут использоваться для создания типового сайта любой направленности.

Как правило, шаблоны сайтов состоят из графических файлов дизайна распространенных форматов (PNG, JPEG, GIF), помещенных в отдельную папку; статических html(php)-страниц и файлов таблицы стилей (CSS), а в некоторых случаях ещё и Flash.

Наш шаблон самого конструктора, находится в папке /templates/. Основной его файл, это index.php, в котором прописан формат вывода контента. В index.php определены теги обязательные для html страниц, а также подключены стили css.

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <! DOCTYPE…>, которая обычно выглядит примерно так:

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN"

" https://www.w3.org/TR/html4/strict.dtd" >

Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее.

Далее обозначается начало и конец документа тегами < html> и < /html> соответственно. Внутри этих тегов должны находиться теги заголовка (< head> < /head>) и тела (< body> < /body>) документа.

В нашем шаблоне используются переменные, изменяя значения которых, изменяется содержание страницы. У всех переменных, есть значение по-умолчанию, чтобы в случае, если мы не задали их, шаблон все равно выводил адекватную страницу.

Переменные располагаются в тегах, описанных в css файле

< div id=" menu" >

< ul>

$top_button_1

$top_button_3

$top_button_2

< /ul>

< /div>

Пример описания меню в css

#menu

{

float: right;

width: 700px;

}

#menu ul

{

float: right;

margin: 0px;

padding: 60px 0px 0px 0px;

list-style: none;

line-height: normal;

}

#menu li

{

float: left;

margin-left: 2em;

}

Изменяя файл css, можно напрямую воздействовать на внешний вид нашего конструктора. Для файлов магазина, отдельный css