Привет!

Нам нравится создавать сайты для интересных людей: о социальной и необычной деятельности, об удивительных человеческих и нечеловеческих существах, о чудесах и странностях, о том, что снится и о том, что стучится в двери.

Мы работаем с европейскими и русскими заказчиками, с теми, кто действительно любит то, чем он занимается.

Таким образом мы вкладываемся в игры Духа, и мир для нас становится глубже.

Семантически корректный код разметки

Как уже говорилось ранее, под понятием «семантический код (X)HTML» подразумевается код разметки, который описывает только содержимое, и ни в коем случае не представление. В частности, это означает струк­турированную организацию тегов Н1, Н2 и других и использование таблиц исключительно для представления табличных данных, но не для раз­мещения элементов на странице.

Каскадные таблицы стилей (CSS)

С семантическим кодом разметки неразрывно связаны каскадные таб­лицы стилей (Cascading Style Sheets - CSS), которые управляют внешним видом веб-страницы. Каскадные таблицы стилей - это довольно простой механизм, позволяющий изменять оформление (то есть шрифты, цвета, отступы и другие элементы оформления)

Разработка сайтов на базе Joomla, соответствующих требованиям стан­дартов, в настоящее время представляет серьезную проблему. В первой серии версий 1.0.Х для оформления страниц очень широко использова­лась табличная разметка. В этих версиях фактически не используются каскадные таблицы стилей и не воспроизводится семантически коррек­тный код разметки. Эта проблема в основном обусловлена тем обстоя­тельством, что очень немногие сторонние разработчики используют CSS - большинство традиционно применяют таблицы при генерации своего кода разметки.

К счастью, разработчики ядра Joomla поняли суть проблемы. В вер­сии 1.5 у разработчиков шаблонов появилась возможность полностью переопределять вывод, получаемый от ядра системы (который называ­ется представлением), отказаться от таблиц и по-своему настроить внешний вид страницы.

Но даже в этом случае при создании шаблона все равно необходимо побеспокоиться о доступности (например, предусмотреть возможность изменения размера шрифта), удобстве (удобная навигация) и о поиско­вой оптимизации.

 

Это нужно знать----------------------------------------------------------------------------------------------------------------------------

Создание шаблонов, удовлетворяющих требованиям стандартов, - это путь, а не цель. Идея состоит вовсе не в том, чтобы привести код разметки в соответствие с требовани­ями стандартов, а в том, чтобы сделать шаблон максимально доступным как для людей, так и для поисковых роботов.

 

Создание простого шаблона

Чтобы понять, из чего состоит шаблон, мы начнем изучение с пустого шаблона Joomla.

Файлы шаблона

Шаблон Joomla состоит из различных файлов и папок. Файлы и папки шаблона должны размещаться в каталоге /templates/ внутри каталога установки Joomla, в своей собственной папке. Так, если бы у нас было установлено два шаблона, содержимое нашего каталога могло бы вы­глядеть примерно так:

/templates/element /templates/voodoo

Обратите внимание: имена каталогов, в которых находятся шаблоны, должны совпадать с именами шаблонов, в данном случае element и voo­doo. Очевидно, что имена чувствительны к регистру и не должны содер­жать пробелов.

Внутри каталога шаблона располагается несколько ключевых файлов:

/element/templateDetails.xml /element/index.php

Имена этих двух файлов и их размещение должны в точности совпадать с приведенными здесь, потому что именно под этими именами они ис­пользуются основным сценарием Joomla.

Первый файл - это XML-файл шаблона.

templateDetails.xml

Этот файл содержит метаданные в формате XML, с помощью которых Joomla определяет, какие еще файлы будут необходимы при загрузке веб-страницы, использующей этот шаблон. Обратите внимание на заглав­ную букву D. В этом файле также хранится информация об авторе, об


авторских правах и файлах, входящих в состав шаблона (включая любые используемые изображения). И последнее, для чего используется этот файл, - для установки шаблона со стороны внутреннего интерфейса.

Второй файл содержит механизм шаблона:

index.php

Этот файл имеет очень большое значение. Он отвечает за размещение элементов веб-страницы и сообщает системе Joomla, где на странице должны находиться различные компоненты и модули. Он представляет собой комбинацию программного кода на языке РНР и кода разметки (X)HTML.

Практически во всех шаблонах используются дополнительные файлы. Обычно (хотя и необязательно) эти файлы получают имена и размеща­ются в подкаталогах, как показано ниже:

/element/template_thumbnail. png /element/ess/template.ess /element/images/logo.png

Давайте рассмотрим, что означают некоторые строки в этом файле:

•   <install version="1.5" type="template">. Содержимое XML-документа представляет собой инструкции по установке. Параметр type= "template" сообщает, что это шаблон и что он предназначен для установки в сис­тему Joomla 1.5.

  • <name>TemplateTutorial15</name>. Определяет имя шаблона. Имя, ука­занное здесь, будет использоваться для создания каталога, куда бу­дет помещен шаблон. Отсюда следует, что имя шаблона не должно содержать символов, недопустимых для имен файлов, например пробелов. Если шаблон устанавливается вручную, вам необходимо создать каталог, имя которого будет идентично имени шаблона.
  • <creationDate>August 2007</creationDate>. Дата создания шаблона. Этот элемент заполняется в свободной форме и может содержать описание даты в произвольном формате, например May 2005, 08-June-1978, 01/01/2004 и т. д.
  • <author>Barrie North</author>. Имя автора шаблона - наиболее веро­ятно, что сюда вы должны вписать свое имя.
  • <copyright>GPL</copyright>. В этом элементе размещается информа­ция об авторских правах. На форуме сайта Joomla вы можете найти руководство «Licensing Primer for Developers and Designers » (Учеб­ник по лицензированию для разработчиков и дизайнеров).
  • <authorEmail> Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript </authorEmail>. Адрес электрон­ной почты, по которому можно связаться с автором.
  • <authorl)rl>www. compassdesigns. net</authorUrl>. Адрес веб-сайта автора.
  • <version>1. 0</version>. Номер версии шаблона.
    • <f iles></f iles>. Список файлов, входящих в состав шаблона. Имена файлов шаблона указываются с помощью тегов <f ilename>: <files>

<filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>js/somejsfile.j s</filename> <filename>images/threecol-l.gif</filename> <filename>images/threecol-r.gif</filename> <filename>css/customize.css</filename> <filename>css/layout.css</filename> <filename>css/template_css.css</filename> </files>

  • В разделе <f iles> должны быть указаны все файлы, независимо от их типа, будь то файлы шаблона с исходными текстами на языке РНР или изображения для предварительного просмотра. Имя каж­дого файла в этом разделе должно быть заключено в теги <f ilename> </f ilename>. В этот раздел должны включаться любые другие файлы, как в данном примере - файл с текстами сценария на языке JavaScript, который необходим для работы шаблона.
  • Все изображения, используемые шаблоном, также должны вклю­чаться в раздел <files>. Их также необходимо заключать в теги <f ilenamex/f ilename>. Пути к файлам указываются относительно корневого каталога шаблона. Например, если шаблон размещается в каталоге YourTemplate, а все изображения - в каталоге images внутри каталога YourTemplate, тогда правильный путь к файлу бу­дет иметь следующий вид: <filename>images/my_image. jpg</f ilename>.
    • Наконец, в разделе <f iles> должны перечисляться все каскадные таблицы стилей. Их также следует заключать в теги <f ilename> </f ilename>, а пути к файлам указывать относительно корневого ка­талога шаблона.
    • <positions></positions>. Доступные в шаблоне позиции для моду­лей.
    • <params></params>. Здесь перечисляются параметры, которые могут передаваться шаблону для использования его дополнительных воз­можностей, таких как изменение цвета шаблона.