Создаём шаблон для joomla 1.5

шаблоны сайтов

Собственный шаблон

Если вы тут значит Вам это надо. Перед тем как делать шаблон, необходимо обдумать, важные моменты его создания. Начнём всё по порядку и построим простой шаблон для joomla 1.5. Я специально сделал простой шаблон что бы вы поняли основы, так как начинать нужно с азов, иначе если сделать трудный пример, то можно запутаться и ничего не понять. Исходный файл можно скачать в конце статьи. Если у Вас что то не получается и вы не понимаете не отчаивайтесь задавайте вопросы в комментариях.

Эскиз

Основа основ с чего нужно начать. Когда мне говорят на работе нужно сверстать шаблон и дают исходник картинки в PSD, чаще всего мне попадается не грамотно нарисованный шаблон, так как его рисуют дизайнеры и многие из них незнакомы с вёрсткой и не продумывают такие вещи как расположение модулей, лепят всё в одном слое, используют разные шрифты что крайне утяжеляет работу. Из за чего потом некоторые вещи не перерисовать. И так определимся с эскизом. Очевиднее всего вы будете его рисовать в photoshop, так вот каждый элемент шаблона должен быть на отдельном слое, текст на одном, линия на втором, картинка на третьем. Для чего это нужно: каждый элемент шаблона будет состоять из разных частей, мы его будем собирать как конструктор. Так же можно сверстать любой понравившийся вам шаблон, это конечно тяжело так как Вам нужно будет достать все картинки шаблона, но если у вас будет опыт то это не проблема.
Размер шаблона что лучше фиксированный или резиновый

Есть 2 типа шаблонов. Шаблоны фиксированного размера и шаблоны подстраивающиеся под размер окна веб обозревателя.
Гибкий шаблон: если разрешение Вашего монитора 1920 пикселей то шаблон растянется на всё окно веб обозревателя. В этом методе есть свои плюсы и минусы. Плюсы, можно разместить много информации на странице и сделать сайт информативным. Такой шаблон хорошо подходит для крупных порталов. Минусы, Если у Вас разрешение 1920 а у кого то 1366 пикселей, то у него может ползти (плыть) шаблон - это когда шаблон отображается на мониторе не верно, один модуль налезает на другой картинки перекрывают друг друга.
Фиксированный шаблон: наиболее предпочтительнее, лично для меня это так. Преимущество данного метода является то, что вы всегда можете быть уверенным, что шаблон отобразится правильно не зависимо от разрешения монитора пользователя. Раньше лет 5 назад у многих были мониторы по 17 дюймов и чаще имели разрешение 1024, я бы не стал делать такого размера шаблон я бы ориентировался на 1366 так как это наиболее оптимальный вариант. И с таким размером можно разместить много информации и смотреться он будет лучше чем 1024.
В чём верстать шаблон!? Я имею не в каком редакторе, а в div (дивах) или таблице. Редактор я не использую и вам не особо советую хотя как кому удобно запретить не запретишь. Я использую простой notepad++ очень удобно и так вы лучше усвоите материал. Div сейчас почти все верстают сайт дивами и отказываются от таблиц так как они грамостки, устарели и просто веб мастеру уже не стоит так делать. Мы будем верстать дивами, но не стоит отказываться от таблиц. Дивами немного проблемнее верстать, но зато код в разы будет меньше и разобраться в нём будет проще. Таблицы их я тоже использую не стоит их скидывать со счетов они тоже пригодны но злоупотреблять не стоит.
Запомните что шаблон нужно делать из ходя из потребностей и то что будет на сайте. Так что С выбором нужно определиться сразу мы будем делать шаблон размером 1366 px и верстать в div.

Структура шаблона

Joomla это структурированное отображение данных. Поэтому необходимо определиться с размещением модулей. Это значит нам нужно представить структуру где и что будет расположено. Пример обычной структуры шаблона показан ниже.

Но мне больше нравится вот такая структура она позволяет наиболее информативно использовать шаблон сайта.

Естественно вы вольны сами выбирать структуру шаблона, всё ограничено вашими потребностями и фантазией. Но нам главное понять основы и научиться делать шаблон.

А шаблон я взял с сайта free-templates.ru. Это просто html страничка с разметкой и изображениями. Хорошо подойдёт для будущих тренировок. Пока что это всё что нам надо.


Источник: http://joomla-umnik.ru

Добавить комментарий:
Имя:
E-mail:
2021 © Обсуждение Joomla и других CMS-систем управления сайтами  Правила | О проекте | Обратная связь