Рассмотрим пример из готового шаблона Шаблон взяла первый попавшийся, так что - возможны варианты
желательно аккуратно собрать все из кодовой части в одну кучу, чтобы посмотреть внимательно на открывающие и закрывающие теги php
<?php и
?><?php
/*------------------------------------------------------------------------
# бла-бла-бла
# бла-бла-бла
# бла-бла-бла
-------------------------------------------------------------------------*/
это комментарий, сюда можно писать что угодно, а можно вообще ничего не писать. Обычно здесь пишут название шаблона, производителя, почту... что в голову прийдет
defined( '_JEXEC' ) or die;
Закрываем прямой доступ извне к файлу.
$template_path = $this->baseurl.'/templates/'.$this->template;
?>
это указание пути к папке, в которую установлен шаблон
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Объявление W3C стандарта - грубо выражаясь, пояснение браузеру по каким правилам читать код. Полезно почитать
здесь и
здесь<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
собственно, начинается сам
head Здесь указан пример подключения необходимых для работы яваскриптов и библиотек. В данном случае подключается с внешнего сайта библиотека jquery
<script type="text/javascript">
jQuery.noConflict();
</script>
Указываем, что jquery должна работать в режиме, исключающем конфликты с др. библиотеками
<jdoc:include type="head" />
Подключение информации, выводимой движком Joomla в секцию head
<link rel="stylesheet" href="<?php echo $template_path ?>/css/template_css.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $template_path ?>/css/layout.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $template_path ?>/css/vm_furniturestore.css" type="text/css" />
Подключение стилей CSS для шаблона
<!--[if lt IE 6]>
<style type="text/css">
<link rel="stylesheet" href="<?php echo $template_path ?>/css/ie6.css" type="text/css" />
</style>
<![endif]-->
</head>
Подключаем, если требуется, особые стили для различных браузеров, в данном случае, для ie6 и закрываем секцию head
Это не все, есть еще подключение параметров шаблона и многое другое, но, думаю, для начала хватит