Создание и подключение TPL- шаблона. См. Рассмотрим создание и подключение шаблона на примере. Допустим, уже есть HTML- файл такого содержания: < html> < head> < meta name=. CSS- файл следует положить в папку css/cms и назвать style. Изображения желательно положить в папку images. Не забудьте поменять пути ко всем изображениям и CSS- файлам. Замечание. В названии файла шаблона нельзя использовать русские буквы! Чтобы система «увидела» новый шаблон и начала использовать его для вывода страниц, шаблон необходимо добавить в систему. Для этого следует зайти в настройки модуля «Структура», вкладка «Шаблоны» (http: //yourdomain. Вы увидите список уже установленных шаблонов в каждом домене, которые существуют в выбранной языковой версии. Чтобы подключить новый файл шаблона, заполните в самой нижней свободной строке поля «Название шаблона» (дайте ему какое- нибудь осмысленное название, например «Мой тестовый шаблон») и «Имя файла» (в нашем случае, test. Сохранить». Если вы хотите, чтобы этот шаблон использовался в качестве шаблона по умолчанию, поставьте напротив него отметку «Основной». Теперь этот шаблон будет выбран по умолчанию в выпадающем списке выбора шаблонов. Так же он будет использоваться для вывода системных страниц, которые используют шаблон по умолчанию (Регистрация, Восстановление пароля, Карта сайта). Шаблоны будут видны в выпадающем списке при редактировании каждой страницы: Таким образом, на одном сайте можно одновременно использовать много шаблонов, выбирая подходящий шаблон как для отдельной страницы, так и для группы страниц. Попробуйте создать новую страницу (убедитесь, что в опции «Шаблон дизайна» выбран новый шаблон) и посмотрите, что получилось на сайте. На сайте должен появиться ваш HTML- шаблон. Но сейчас он статический. Теперь вам надо сделать его динамическим. Для начала надо определить, какие части HTML- кода будут изменяться. В нашем случае изменяться будут: заголовок окна < title> ;мета- теги keywords и description; заголовок текста < h. Значит, предстоит немного поработать с HTML- шаблоном и вместо изменяющихся участков поставить соответствующие макросы. Например, в начале HTML- файла заданы мета- теги и тайтл: < meta name=. Названия макросов запомнить очень просто. Аналогично поступим с заголовком текста. Было так: < h. Главная страница< /h. А станет так. Заголовок текста выводится макросом %header%: < h. Основной текст страницы тоже изменяется: < p> Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: < /p> < p> Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: < /p> < p> Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: < /p> < p> Текст обо мне: Текст обо мне: Текст обо мне: Текст обо мне: < /p> Для вывода основного текста страницы есть макрос %content%: %content%В начало файла между тегами < head> и < /head> вставляем макрос: %system include. Quick. Edit. Js()%Эта строчка подключает функцию быстрого редактирования и другие полезные возможности. Используя шаблоны для сайтов из коллекции TemplateMonster, вы легко справитесь с Адаптивный HTML шаблон Что входит в комплект шаблона статического сайта (CSS/XHTML). Файл стилей в формате.css, определяющий оформление внешнего вида html – страницы (файл style.css). Изображения в формате JPEG и GIF. Множество разных шаблонов есть на http:// http:// http:// http://www.cwer.ru/category/6191/. Бесплатные шаблоны WebDirector для старта: просто измените цвет зон, вставленные картинки, логотип - через пару Программы для создания сайта обычно ориентированы на новичков или дизайнеров-графиков, не имеющих значительной подготовки в HTML или программировании. Для создания шаблона нам понадобится не очень много знаний, знания по HTML и CSS, хватит просто прочитать статьи в темах на этом Теперь давайте разберемся что нам понадобится для того чтобы создать макет PSD и в дальнейшем сверстать этот шаблон для сайта. Символика МВД России и элементы оформления . You are here ШАБЛОНЫ ФОТОШОП - Шаблоны для сайтов с PSD исходниками. При помощи нее вы сможете, нажав Shift+D, быстро перейти к правке текущей страницы сайта или каких- либо ее фрагментов. В итоге должно получиться следующее: < html> < head> < meta name=. Теперь страница практически полностью динамическая, за исключением меню. Предстоит «оживить» меню сайта. Посмотрим как сверстано меню: < table border=. Само меню как- то оформлено, и у пунктов тоже есть оформление. Например, у всего меню может быть некая рамка или фон, текущий пункт меню может быть выделен жирным и т. Также в одном меню могут быть разные уровни. Выделим обрамление меню: < table border=. На самом деле, все очень просто. Посмотрим на первую часть кода: $FORMS. Есть всего 3 типа таких блоков. Получается HTML- код, в котором содержатся все пункты меню. Этот код вставляется вместо макроса %lines%. Итак, необходимо проставить код, который мы выделили выше (обрамление, пункты меню) в соответствующие блоки. Должно получиться примерно так: < ? FORMS = Array(). $FORMS. Нам встретились новые макросы. Вместо %link% вставляется URL пункта меню, а вместо %text% . Соответственно, при подключении меню к шаблону страницы вместо %menu% надо написать немного по- другому: %content menu('menu. Работа этого и других макросов подробно описана в текущей документации. Работа с ними строится точно по такому же принципу: вы разбиваете необходимый кусок HTML- шаблона на отдельные части, подставляете в соответствующие блоки нужных шаблонов, вставляете на место этого куска соответствующий макрос и он начинает работать. Важно учитывать: не стоит размещать несколько макросов на одной строке. Вложенные макросы могут не сработать в качестве аргумента у других макросов.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2016
Categories |