Подготовка шаблона для построения сайта на PHP в Dreamweaver

Подготовка шаблона для построения сайта на php состоит в определении мест в шаблоне, где будут выводиться результаты работы различных скриптов. Таких мест может быть превеликое множество. Но есть основное из них, для которого собственно все и затевается. Это место для контента страниц сайта. В нашем шаблоне оно уже было определено с самого начала. Остается, только в этом месте записать какую-либо переменную, через которую затем и будет выводиться контент различных страниц сайта. Но мы с самого начала договорились, что страницы сайта мы будем писать на обычном html. Поэтому, чтобы выводить их с помощью скриптов необходимо будет делать замену и в том месте, где предполагается выводить контент страниц сайта мы поставим не просто переменную, например типа $text, а, что-то вроде ее клона (не суть важно название), например в таком виде %text%. Еще раз обращаю внимание на то, что способов построения сайта на php много, об этом шла речь на предыдущих стрницах раздела по поводу шаблонизаторов. Не будем вдаваться в сложности и создадим свой оригинальный и несложный шаблонизатор, который будет доступен для понимания новичкам.

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

Итак, продолжим подготовку шаблона для построения сайта на php. Разобъем шаблон, а точнее файл index.html на несколько частей, например на три. Первая это шапка, обзовем ее top.html, вторая будет body.html для контента, третья bottom.html для левого, правого меню и копирайта или футера. Это сделать просто. Необходимо файл шаблона index.html три раза сохранить, как top.html, body.html и bottom.html последовательно выплнив три раза операцию Save As..., и затем удалить из каждого из них ненужные части кода. Далее, для удобства необходимо создать папку templates и переместить туда эти файлы вместе с файлом index.html. В папке "templates" необходимо создать папку "pages". В ней будут храниться файлы страниц сайта, а всамой папке "pages" неоходимо создать папку "meta", где будут храниться файлы мета тегов для каждой отдельной страницы сайта. Хотя этого можно было-бы и не делать, поскольку основные поисковые машины на сегодня игнорируют всякие мета теги, вообщемп от них толку, что от козла молока. Но поисковых роботов достаточно много, не все из них не учитывают при индексации мета, кроме того мета теги на странице должны быть как правило. Ткже удет полезно создать папки для php "php" и java "js" скриптов и прапку "data", где будут храниться в текстовом виде различные меню будущего сайта.

Далее продолжим подготовку уже частей шаблона к построению сайта на php. Придумаем названия переменным, которые будут менять содержание заголовков страниц, мета тегов, меню, контента и т. д. и расставим в частях шаблона в нужных местах их названия с каким-нибудь префиксом, а лучше для наглядности, например заключенные в %%. Зачем это нужно? Технология проста. Мы напишем простую функцию на php, которая будет работать с частями нашего шаблона, как со строками. Функция будет помещать в места названий переменных заключенных в %%, содержимое самих переменных в виде самих страниц, мета тегов и т.д., которые предварительно будут загружены в виде строк в эти переменные, а затем выводить по очереди измененный таким образом код частей шаблона. Таким образом в местах заключенных %% информацию можно динамично менять от страницы к странице. Это может быть содержание самих страниц, их заголовки, мета теги с содержимым и многое другое. На картинке ниже показана такая вставка в файле body.html в месте, где будет динамично меняющийся текст страниц сайта.

вставка динамической страницы

Кроме того, наш будущий сайт должен содержать в своем корне файлы .htaccess и robots.txt, о которых пойдет речь немного позже. Для начала мы их просто создадим пустые выполнив простую операцию File −> New −> Save As..., сохранив их в корне нашего будущего сайта. Теперь правая панель Dreamweaver будет иметь вид представленный на картинке ниже.

Файлы проекта сайта

Сам преобразованный и обновленный шаблон, со вставленными названиями переменных заключенных в %% в части шаблона необходимо скачать и полностью заменить им содержимое папки D:/Mysitephp.

Top.Mail.Ru