Skip to content

ruformat/template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Basic front-end template

Структура папок:

  • includes - частоповторяющиеся участки html-кода (header, footer, ...);
  • static - статичный контент:
    • css - файлы стилей (template.css, blocks.css, ie.css, стили js-плагинов, ...);
    • fonts - файлы подключаемых шрифтов (.ttf, .eot, .svg, .woff);
    • images - изображения, имеющие отношение к дизайну сайта (фоны, логотип, иконки, ...);
    • js - файлы сценариев (script.js, ...), фреймворки (jquery.js) и плагины (jquery.fancybox.js, ...);
  • upload - временные данные (н-р, фото товаров в каталоге, которые после программирования потеряют актуальность).

Стандартные файлы:

  • includes/head.php - содержимое <head>...</head> (стили, мета, ...);
  • includes/js.php - подключаемые к странице js-файлы (файл подключается в конце body, чтобы не блокировать загрузку данных);
  • static/css/style.css - основной файл стилей сайта;
  • static/css/ie.css - стили для IE8 и более старых версий;
  • static/js/script.js - основной файл скриптов сайта;
  • index.php - стандартный стартовый шаблон для верстки страницы;
  • project.php - файл с листингом страниц верстки (для демонстрации клиенту).

Запуск:

Поскольку шаблон построен на php/.htaccess, для работы с ним требуется установить его на какой-нибудь локальный веб-сервер (Apache+PHP). Например, Denwer для Windows.

Сброс клиентского кэша:

В includes/head.php объявлена переменная $version, смена значения которой приводит к смене адресов статики (картинок, стилей, скриптов) на сайте и, соответсвенно, сбросу кэша браузера у любого посещавшего ранее пользователя.

Расположенный в папке static файл .htaccess вырезает из запрашиваемого адреса значение $version и отдает браузеру нужный файл: Например, по адресу static/1.0/css/reset.css будет открываться файл static/css/reset.css.

Для полноценной работы данного механизма, все стили/скрипты/изображения необходимо подключать с использованием вывода переменной $version. Например: <script src="static/<?=$version?>/js/jquery.js"></script>

About

Basic front-end template

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors