7)  Создание шаблонов

В предыдущих уроках мы уже рассмотрели основы того, как можно подойти к созданию вашего сайта. Принципиально эти шаги являются универсальными и подойдут вам в применении к любой cms, потому что принципы использования html, css и php во всех системах подобны.

Главным отличием megainformatic cms является независимость и снятие многих ограничений на внедрение дополнительных модулей. Однако цена этому - крайняя минимализация и упрощение функционала.

Казалось бы - самым простым способом является взятие необходимого кода из index.php и вставка в эти файлы. В принципе да, но не совсем так.

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

А как же сделать лучше тогда ? Спросите вы.

Воспользуемся опытом, который можно позаимствовать из других CMS. Мы конечно возьмём самый простейший вариант. И вот как он выглядит:

1) Сейчас у нас есть index.php, который содержит html, css код оформления нашего сайта, а также необходимый php код отвечающий за вывод контента и подключение других модулей; Модули которые я перечислил выше оформления не содержат вообще - только необходимый минимум php кода для обеспечения своей функциональности;

2) Шаг первый - мы должны разбить код файла index.php на 4 логические части -

header.php, menu.php, content.php, footer.php

эти файлы мы поместим в отдельную папку blocks

в файл header.php пойдёт весь код начиная от начала файла index.php и до строки

<div id="top"><a href="http://www.megainformatic.ru"><img src="images/skin/top.jpg" alt="создание игр, уроки, создание сайтов" width="800" height="111" border="0"></a></div>

включительно

в файл menu.php пойдёт весь код между строками -

<!-- ====== MENU ========= -->

<!-- ====== MENU ========= -->

в файл content.php нужно вставить код между строками -

начиная со строки следующей сразу же за блоком меню

<div id="infoleft">

и до второго появления строки

<!-- =============/ CONTENT ================ --> включительно !

оставшийся код пойдёт в файл footer.php

после того как эти файлы будут созданы, вам останется изменить код файла index.php на следующий -

include "blocks/header.php";
include "blocks/menu.php";
include "blocks/content.php";
include "blocks/footer.php";

?>

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

Каким образом ? А по аналогии с тем, что мы сотворили с index.php - мы разбили весь его код на 4 независимые части, которые теперь отвечают за формирование - заголовочной части шаблона сайта (header), блока меню (menu), контента (content), нижней части страницы (footer).

Значит чтобы превратить например модуль map.php в оформленный по шаблону мы вставляем в его начало следующий код

<?php

$pagetitle_overloaded = "Мега Информатик - Карта сайта"; /*данная переменная определяет новый заголовок для страницы, иначе он берется из модуля header.php */

include "blocks/header.php";
include "blocks/menu.php";

?>

<div id="infoleft">

<div id="infoleft_content" align="justify">
<font color="#0000FF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Сегодня</font>
<?php
$mounth = date("n");
$day = date("j");
$year = date("Y");
$time = date("G:i ");
$mounth_ru = "";
switch ( $mounth )
{
case 1: {
$mounth_ru = "января";
break;
}

case 2: {
$mounth_ru = "февраля";
break;
}

case 3: {
$mounth_ru = "марта";
break;
}

case 4: {
$mounth_ru = "апреля";
break;
}

case 5: {
$mounth_ru = "мая";
break;
}

case 6: {
$mounth_ru = "июня";
break;
}

case 7: {
$mounth_ru = "июля";
break;
}

case 8: {
$mounth_ru = "августа";
break;
}

case 9: {
$mounth_ru = "сентября";
break;
}

case 10: {
$mounth_ru = "октября";
break;
}

case 11: {
$mounth_ru = "ноября";
break;
}

case 12: {
$mounth_ru = "декабря";
break;
}

}
echo "<font color=\"#0000FF\" size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\"> $day $mounth_ru $year года $time </font><br>";
?>
Здравствуйте!
Вы попали на исследовательско-креативный сайт Мега Информатик. Наша цель
- создание, накопление и популяризация знаний в области создания компьютерных
игр, а также собственно создание игр.

</div>

</div>

<div id="inforight">

<div id="inforight_content" align="justify">
Мега Информатик функционирует с 20 февраля 2006 года, когда был создан первый
сайт на хостинге pochta.ru. Много воды утекло с тех пор. Уже нет хостинга
boom.ru, на котором также размещался сайт, хостинг pochta.ru объединился
с qip.ru. Много событий произошло и в жизни самого сайта. О самых последних
новостях Вы сейчас и узнаете.
</div>

</div>



<!-- ====== CONTENT ================= -->

<div id="content-container" align="justify">

<div id="content">

<table width="85%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
<td><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Карта
Сайта megainformatic.ru</font></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<?php
include "config.php";

$pageid = 1;
$pagetitle = "сайт Мега Информатик - Новости";
//for ( $pageid = 1; $pageid <= 62; $pageid++ )
while ( $pagetitle != "" )
{
$pagetitle = "сайт Мега Информатик - Новости";

if ($rc = mysql_connect($dbhost, $dbuser, $dbpassw))
{
mysql_select_db($dbsite);
$table = "papers";

$sql = "SELECT * FROM $table WHERE pageid = '$pageid'";
$s = mysql_query($sql);

$a = mysql_fetch_array($s);
$pagetitle = $a[pagetitle];


if ($pagetitle == "" )
{
$pageid = 2;
$pagetitle = "сайт Мега Информатик - Новости";
break;
}

mysql_free_result($s);
}

echo "<tr>
<td>&nbsp;</td>
<td><p><a href=\"index.php?page=".$pageid."\"><font size='2'

face='Verdana, Arial, Helvetica, sans-serif'>".$pagetitle."</font></a></p></td>
<td>&nbsp;</td>
</tr>
";
$pageid++;
}

?>

</table>

</div>

</div>

<!-- =============/ CONTENT ================ -->

В следующих наших уроках нас ждут обновления системы на тему -

- переключение шаблонов через админку сайта, новый вариант системы шаблонов;

- отслеживание в админке списка статей, проектов, пользователей;

Об авторе проекта

Предлагаю вам свои услуги по разработке и продвижению - сайтов, программных продуктов и дизайнерских решений в области дизайна сайтов и оформления игр и программ. Также консультирую и осуществляю информационную поддержку по интересующим вас вопросам.

Контакты:

icq: 406469097, 406469097@qip.ru

Skype - megainformatic

В 2001 году закончил Марийский Государственный университет.

В 2004 году аспирантуру при МарГУ.

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

Также консультирую по этим вопросам и смежным с ними областями. Провожу тренинги и уроки - Photoshop, Corel Draw, 3ds max, php, html+css, javascript, delphi, c++, создание игры, создание музыки, создание сайтов и многое другое.

Сфера интересов: информационные технологии, графика, программирование, разработка веб-приложений и компьютерных игр.

В области информатики и ИТ (информационных технологий) разработаны программы учебных курсов по работе в Windows XP, Word, Excel, Access (базы данных).

По компьютерной графике: учебные курсы по работе в Adobe Photoshop, Corel Draw, 3DS Max.

Все эти курсы адаптированные для удаленного обучения и самообучения представлены на сайте в виде статей и пособий.

Немного о себе:

Компьютерами и информатикой занимаюсь с 1992 года. В то время начинал с компьютера "Электроника БК-0010.01". На нем освоил практически все азы информатики и информационных технологий: работу с документами (в текстовом редакторе TED8), основы программирования на бейсике и в машинных кодах, создание изображений и работу с графикой, создание музыки (KLAVESIN). С 1998 года перешел на IBM. Первой моей машиной был IBM-совместимый PC - 286/10/1 Mb RAM/40 Mb HDD. Шло время, я переходил на более совершенные машины, продолжал осваивать Информационные технологии и Информатику.

С 2002 года занимался преподавательской деятельностью. Свой путь начинал в Марийском Государственном университете, вел предмет " Информационные технологии в земледелии", а также "Процессы и аппараты пищевых производств". С 2003 года занимался проведением индивидуального обучения для всех желающих и курсов для Операторов ПЭВМ. С 2005 года вел также курсы компьютерной графики и дизайна.

2005 - апрель 2006 гг вел учебные курсы по различным направлениям и индивидуальным программам. В основном это обучение по направлению Оператор ПЭВМ и компьютерная графика и дизайн, индивидуальные занятия по специальным программам.

с мая 2006 года по октябрь 2010 года занимался профессиональным компьютерным дизайном и разработкой индивидуальных игровых проектов.

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

Особо интересуюсь и занимаюсь проблемами создания и разработки компьютерных игр. В связи с этим готовятся материалы для опубликования на сайте и проведения обучения - по данной тематике, т.е. программировании компьютерных игр в Delphi и на C++, а также по теории и практике дизайна и проектирования компьютерных игр от нуля: начиная от идеи, через разработку дизайн-проекта, создание графики, звука и музыки, программирование, тестирование, отладку и продвижение окончательного продукта.

Контакты:

icq: 406469097, 406469097@qip.ru

Skype - megainformatic