Полное описание работы со скриптом.

U-ADMINISTRATOR. ПОЛНОЕ ОПИСАНИЕ

Адаптировано на новичков.

Это описание скрипта с инструкцией по работе, Вы можете скачать по ссылочке:
инструкция --------(585 kB, формат .rtf - Acrobat Reader)

Оглавление:
1. Принципы работы скрипта, общее описание. Построение сайта для начинающих.
2. Установка скрипта
3. Интерфейс скрипта.
4. Окна редактирования
5. Мастер обработки шаблонов (шаблонизатор)
6. Заключение

1. Принципы работы скрипта, общее описание. Построение сайта для новичков.

Скрипт U-administrator-это мощный универсальный инструмент, позволяющий сделать свой сайт администрируемым без навыков работы с базами данных и языками серверного программирования. В этом описании я постараюсь как можно более подробно и доступно рассказать все тонкости работы со скриптом. Уже совсем скоро Вы сами сможете создать свою собственную админку для Вашего сайта. Все, что Вам действительно нужно знать-это самые основы HTML, чтобы просто понимать, где именно у Вас на страничке располагаются картинки и где текст. Да простят меня опытные пользователи за подобную дотошность в описании, этот скрипт делался так, чтобы с ним мог работать и совсем новичок. Потому описание скрипта адаптировано для наименее подготовленных пользователей. Если все же что-то непонятно - не мучайтесь, просто читайте дальше. Будут примеры - и все прояснится.
Давайте начнем описание с примера. Итак, что же собственно нужно сделать, чтобы воспользоваться преимуществами и удобствами, которые предоставляет скрипт? Уверяю Вас, что никаких особенных трудозатрат и умственных напряжений прикладывать не придется. Сейчас я сформулирую условия, которые необходимы, чтобы скрипт заработал Вам на радость, а ниже постараюсь объяснить, для чего это нужно. Надеюсь, описание окажется небесполезным и для тех, кто далеко не новичок в построении сайтов. Я постарался специально привести массу подробностей и уточнений, буквально «разжевал», чтобы Вы смогли ухватить суть происходящего.

НЕОБХОДИМЫЕ УСЛОВИЯ ДЛЯ РАБОТЫ СКРИПТА
1. Ваш сайт и скрипт должны быть установлены на хостинге, поддерживающем PHP версии 4.3.6 и выше.
2. Файл странички, которую Вы будете администрировать, должен иметь расширение *.php
3. В самом начале файла странички, которую Вы будете администрировать, должна быть размещена специальная строчка. Строчку эту генерирует сам скрипт.
4. Для создания редактируемых элементов, Вы размещаете в файле странички сайта специальные короткие команды скрипта. Их всего 3. Делается это вручную или автоматически (шаблонизатор).

ДАВАЙТЕ ТЕПЕРЬ РАССМОТРИМ ПОДРОБНО ВСЕ ВЫШЕПЕРЕЧИСЛЕННЫЕ УСЛОВИЯ.
1. Первое необходимое условие – это элементарное требование к размещению Вашего сайта. Для новичков, которые вдруг не знают, что такое хостинг и доменное имя - уточню: доменное имя-это название Вашего сайта, по которому его могут найти посетители, например, www.u-administrator.com, а хостинг – это сервер, на котором и будет храниться Ваш сайт, чтобы быть доступным общественному пользованию. Внимание: для нормальной работы скрипта, Ваш хостинг обязательно должен поддерживать PHP не ниже версии 4.3.6 (в принципе, любой платный хостинг удовлетворяет этим требованиям).

2. Как Вы уже наверное сами поняли, это условие говорит о том, что Ваша страничка сайта использует PHP. Следовательно, файл Вашей странички необходимо переименовать, чтобы сервер смог распознать, какой именно язык программирования используется. Например, если Ваша страничка раньше называлась Index.html , то теперь ее нужно назвать Index.php. Ничего сложного нет, но не забудьте обновить гиперссылки, ведущие на эту страничку с других страниц. Разумеется, переживать не стоит. Файл с расширением *.php ничем не отличается от *.html, за одним лишь исключением: теперь можно пользоваться еще и PHP.

3. В самом начале файла странички, которую вы хотите сделать администрируемой, нужно разместить строчку примерно такого вида:
<? INCLUDE `/SATA1/HOME/USERS/YOURLOGIN/WWW/YOURSITE.COM/ADMIN/CLIENT.PHP`;?>
Рассмотрим ее поподробнее. Это собственно команда PHP, которая просто-напросто подключает файл client.php скрипта u-administrator к обработке найденных в файле странички сайта команд.
Первая часть этого адреса – это специфические данные сервера, где расположен Ваш сайт
/SATA1/HOME/USERS/YOURLOGIN/WWW/
Далее идет доменное имя Вашего сайта, под которым он и расположен на сервере. Допустим, yoursite.com.
Далее название папки со скриптом. В примере это папка ADMIN, но Вы легко можете это название поменять. Подробнее смотрите в главе по установке скрипта.
Разумеется, я не настолько редиска, чтобы просить новичков самим адаптировать эту строчку для своего сайта, потому эту строчку Вы просто скопируете из своего скрипта, когда его запустите. А уж скрипт ее сгенерирует для Вас сам. Внимание: в строке лишь содержится адрес, по которому расположен скрипт. Поэтому если Вы перенесете сайт на другой хостинг или переименуете папку со скриптом уже после, то необходимо будет обновить и эту строку в своих файлах.
4. На сегодняшний день, команд скрипта всего 3: вывод и редактирование изображений, текста и метатегов. В дальнейшем, по мере развития скрипта, Вы сможете одной такой командой вставить в свой сайт, например, форум, магазин или доску объявлений. Это всего лишь вопрос времени и Вашего участия в развитии скрипта.
Итак, имеющиеся на сегодняшний момент команды:
<? U_TXT(1); ?> БЛОК ТЕКСТА
<? U_IMG(1); ?> БЛОК ИЗОБРАЖЕНИЙ
<? U_META (1); ?> БЛОК МЕТАТЕГОВ
Не нужно особо ничего выдумывать, команды лучше просто копировать и вставлять. Как видим, синтаксис у них прост: TXT - текст, IMG – изображение, META – метатеги. Буква «U» с подчеркиванием служит лишь для исключения случайных совпадений. Ну а форма <? ?> и точка с запятой – это непременные атрибуты PHP, без которых сервер не поймет, что это команда.
Остановимся лишь на числе в скобочках. Как Вы сами уже, наверное, догадываетесь, в базе данных будет храниться огромное количество Вашей информации. Ее нужно как-то отделять. Потому разные блоки информации просто имеют разные номера. А если Вы несколько раз у себя на сайте используете, к примеру, одну и ту же картинку, то везде можно указать один и тот же блок. Тогда редактирование становится совсем простым: единожды изменив ее, вы измените ее сразу везде.
Числа могут быть любыми, но пожалуйста, примите мою рекомендацию: новичкам в использовании скрипта я советую использовать десятки или сотни для каждой отдельной странички. Например, на первой страничке сайта использовать числа 1-10, на второй 11-20 и т.д. Или же, если блоков информации на странице много, то удобно использовать 1-100, 101-200 и т.д. Незадействованные сразу номера могут пригодиться потом, зато Вам будет намного легче ориентироваться в дальнейшем. Разумеется, у изображений, текста и метатегов своя независимая нумерация, то есть на одной странице могут находиться одновременно <? U_TXT(1); ?> и <? U_IMG(1); ?>. Но вот если Вы разместите на странице дважды код <? U_IMG(1); ?>, то дважды будет выведен на экран один и тот же рисунок, хранящийся в базе данных под номером 1. Думаю, понятно.
С текстом и изображениями все понятно, а что за метатеги такие? В данном случае речь идет о тегах HTML, которые не видны посетителю сайта(кроме заголовка), но важны для правильной индексации в поисковых машинах (Yandex, Google и т.д.) . U-administrator позволяет администрировать 3 вида тегов: заголовок страницы, описание страницы и ключевые слова. Таким образом, при изменении содержания страницы, Вы сможете подредактировать и ее описание с заголовком, а также оптимизировать страничку для лучшей индексации. На выходе получается примерно так: скрипт сам вставляет в код страницы следующие теги, содержимое которых Вы редактируете.
<title> Название страницы </title>
<meta name="description" content=" описание страницы ">
<meta name="keywords" content=" ключевые слова ">
Разумеется чтобы все это начало работать, необходимо в код своей странички заранее вставить команду <? U_META (НОМЕР); ?> . Причем обязательно между тегами <head> и </head>. То есть например, вот так:
<head>
………………
<? U_META (1); ?>
………………..
</head>
Прошу еще раз новичкам обратить внимание, блок метатегов вставляется только между тегами <head> , именно там он и появится в HTML коде.

Теперь я хотел бы привести простенький пример и рассказать, как же все это работает.
Любой сайт начинается с дизайна. Конечно же, Вы уже решили, какой именно сайт Вы хотите сделать. Часто создание дизайна вызывает затруднения, поэтому чтобы новичкам совсем не ломать себе голову, можно поискать в интернете и выбрать себе готовый шаблон сайта, а потом переработать его в соответствии со своими запросами. Получиться должно примерно так: Рис.1. Впрочем, если и этот этап вызывает у Вас пока затруднения, то на помощь должен прийти «Мастер Обработки Шаблонов» или «Шаблонизатор», с которым мы ознакомимся позднее.
На Рис.1 мы видим «голый» дизайн страницы, по образу и подобию которого можно выстроить в дальнейшем весь свой сайт. Как видно из рисунка, контента пока нет, ведь он на каждой страничке будет разный. И вот его-то мы и будем в дальнейшем администрировать.

Рис.1

Наверное, у Вас уже зародился вопрос, а можно ли администрировать еще и дизайн? Отвечу: запросто! Ведь это всего лишь изображения, а скрипт позволяет администрировать практически любые изображения. И Вы сами скоро сможете без труда это делать самостоятельно. Однако дизайн редко нуждается в администрировании, потому лично я не закладываю в дизайн такие элементы.
Вот теперь давайте и остановимся подробненько на контенте. Согласитесь, что представляет собой в общем виде информация для посетителя сайта? Верно, текст и изображения. Когда мы создаем страничку сайта, то уже имеем представление, как именно будет представлена информация. Потому можно заранее «спроектировать» будущую страничку. Давайте так и сделаем. Допустим, мы хотим разделить контент на 2 колонки, как это сделано у меня на сайте. Пользуясь базовыми знаниями HTML, создаем табличку, которая разделяет пространство, отведенное под контент на 2 части: шириной 540 пикселей и 221 пикселей. Высота колонок равна 100%, чтобы колонки могли свободно растягиваться по высоте в зависимости от количества контента.

<HTML>

<HEAD>
<LINK HREF="/IMAGES/FAVICON.ICO"
REL="SHORTCUT ICON">
<META HTTP-EQUIV=CONTENT-TYPE CONTENT="TEXT/HTML; CHARSET=WINDOWS-1251">
<LINK HREF="MAIN.CSS" REL="STYLESHEET" TYPE="TEXT/CSS">
<SCRIPT LANGUAGE="JAVASCRIPT" SRC="MAIN.JS" TYPE="TEXT/JAVASCRIPT"></SCRIPT>

<? u_meta (1); ?> 
</HEAD>
<BODY>

………………………………………………………………………………………………

<TABLE WIDTH="761" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="540" HEIGHT="100%" VALIGN="TOP" STYLE="PADDING: 5PX 10PX 5PX 3PX;">


<? u_txt(1); ?> 
<? u_img(1); ?> <!—первая картинка-->
<? u_img(2); ?> <!—вторая картинка-->
<? u_txt(2); ?> 
<? u_img(3); ?> 
<? u_txt(3); ?> 


</TD>
<TD WIDTH="221" HEIGHT="100%" ALIGN="CENTER" VALIGN="TOP" STYLE="PADDING: 5PX 0PX 5PX 3PX ;">

<? u_txt(4); ?>
<? u_img(4); ?>
<? u_txt(5); ?>


</TD> </TR>
</TABLE>

………………………………………………………………………………………………

</BODY>
</HTML>
Наверное Вы уже догадались, что на странице Вашего сайта вместо загадочных записей <? U_TXT(1); ?> и <? U_IMG(1); ?>
теперь появится редактируемый текст и редактируемые изображения. Все верно! И вот теперь, запустив скрипт u-administrator, Вы сможете редактировать их прямо со страницы Вашего сайта в браузере без всяких дополнительных программ. Возможно, сейчас неискушенный человек испытывает некоторое смущение. Таких команд нет в HTML, что же это за китайская грамота? Давайте тогда я простыми словами расскажу новичкам, как работают серверные скрипты.
Все очень и очень просто, только с виду страшно. Где расположен наш сайт? Правильно, на некоем сервере, то есть компьютере, который постоянно подсоединен к интернету и имеет некоторые специфические настройки. Его задача - отправлять посетителю Вашего сайта ту информацию, которую он просит. То есть сервер отправляет посетителю HTML, а браузер посетителя уже распознает его и выводит на экран. В нашем же случае, мы вначале отдаем команды самому серверу, какую именно информацию отдать посетителю. То есть для сервера строчка вида <? U_TXT(1); ?> - это команда, вместо этой строчки в браузер посетителя отправится полноценный текст, сохраненный ранее в базе данных скрипта.
Схематично я отобразил это на Рис.2

Рис.2

Другими словами, когда посетитель запрашивает страничку сайта у сервера, сервер обрабатывает файл со страничкой сайта. И перед тем, как отдать HTML посетителю, он пытается выполнить команды серверного скрипта. Поэтому в самом начале каждого такого файла странички мы и указываем серверу, что обрабатывать команды будет u-administrator. Помните еще 3 пункт необходимых условий? После этого сервер находит команду (текст, изображение, метатеги). Он обращается к u-administrator и скрипт выполняет эту команду. В нашем случае, скрипт достает из своей базы данных информацию, сам «заворачивает» ее в HTML обертку и отдает ее серверу. А уж тот переправляет ее посетителю, и посетитель видит у себя в браузере не команды, а текст и картинки.
Думаю, с посетителем все понятно. Давайте теперь на закусочку рассмотрим, как происходит редактирование сайта. Обратимся к несколько видоизмененному предыдущему рисунку Рис.3.

Рис.3

Ну как, нашли 3 отличия? :) Верно, теперь вместо посетителя на рисунке админ, то есть тот человек, который имеет право редактировать сайт. И появилась у него теперь прямая связь со скриптом. Да и сам скрипт теперь отдает сайту не совсем ту же информацию, что посетителю. После авторизации в скрипте происходит вот что: админу страницы сайта отдаются в таком виде, что все редактируемые блоки и изображения выделены разноцветными рамочками. Причем рамочки эти становятся гиперссылками, при нажатии на которые админ открывает окна для редактирования. Удобно, не правда ли? К тому же через интерфейс самого скрипта, админ может включать и выключать эти рамочки, просматривать файлы на сайте, рыться в базе данных и делать еще кучу полезных вещей!
Вот на такой оптимистичной ноте я и хочу закончить эту главу. В следующей небольшой главе Вы убедитесь, что скрипт установить на сайт сможет и полный новичок в программировании. Ну а уж потом мы вовсю проедемся по самому скрипту и тем возможностям, которые он предоставляет уже сейчас!

2. Установка скрипта

В этой главе Вы узнаете, как перенести скрипт на свой сайт и подготовить его к работе. Ну давайте обо всем по порядку…
Наверное все уже знакомы с тем, как перенести свой сайт на хостинг. Процедура в общем-то простая, если речь идет только о файлах. Но на всякий случай новичкам все-таки в двух словах расскажу. А вдруг и пригодится кому-нибудь. Ну а кому не надо – просто пропустите ;)
Все, что нужно на первых порах - это установить на свой компьютер Total Commander. Поищите в интернете, весит он немного. С помощью этой программы легко работать с ftp протоколом. Дальше делаем так: запускаем Total Commander, вверху находим FTP, выбираем «Соединиться с FTP сервером», нажимаем кнопочку «Добавить» и в открывшемся окошке вводим свои данные для доступа на хостинг. А именно: сервер (вводим название сервера, начинающееся обычно с ftp.), учетную запись и пароль. Все эти данные Вы обязательно должны были получить после оплаты и регистрации на хостинге. Если ничего такого Вам неизвестно, проверьте почтовый ящик, который Вы указывали при регистрации, письмо с этими данными может лежать там. В качестве имени соединения удобно брать название сервера. После ввода данных жмем «ОК», в предыдущем меню выбираем созданное соединение и нажимаем «Соединиться». После соединения открывается папка на хостинге. Это и есть по умолчанию корневая папка сайта. Теперь мы можем туда заливать свои файлы. Не забудьте, что главная страница сайта по умолчанию называется Index и все, кто наберет имя Вашего сайта в браузере, откроют именно ее.
Итак, в результате вышеописанных действий, мы получили доступ к корневой папке своего сайта. Она - то нам и нужна! Все готово к установке. Теперь смотрим внимательно на папочку со свежей версией скрипта u-administrator, которую Вы скачали у меня с сайта и выполняем простые операции, которые я сейчас перечислю:
1. Переименовываем папку со скриптом. Необходимо выбрать сложное имя, по крайней мере неочевидное. Для чего это делается? Для безопасности. Ну например, некий человек знаком с моим скриптом и названием папки, которая используется по умолчанию (u-administrator). Теперь он может вплотную подобраться к окошку авторизации на Вашем сайте и заняться подбором пароля. Вам оно нужно? Вот потому и переименуйте, это вопрос 10 секунд. Давайте условимся, что новое имя папки со скриптом теперь «v44z55y».
2. Далее откройте переименованную папку. В ней Вы найдете файл user.inc.php Откройте его при помощи блокнота. Внутри найдите строчки как на Рис.3. Задайте свои логин и пароль. По умолчанию логин и пароль «demo». На рисунке они подчеркнуты. Просто вставьте вместо «demo», свои логин и пароль между кавычек. Сохраните файл. В дальнейшем Вы будете вводить эти данные для входа в скрипт. Наверное новичкам следует напомнить, что пароль лучше всего выбирать сложный, не менее 8 символов.

Рис.3

Должны чередоваться буквы с цифрами. Поверьте, все ваши «тайные» пароли вроде «qwerty» эквивалентны ключу от квартиры в тайном месте под половичком у двери. Пароль также ни в коем случае не должен подбираться перебором слов из словаря. В общем, сделайте милость, поступите как я прошу. Разумеется серьезного дядю не остановить и этими мерами, но от Дуремара должно помочь вполне надежно.
3. Теперь можно скопировать скрипт на Ваш сайт. Просто положите всю папку со скриптом к себе в корневую папку сайта. Это просто копировать - вставить, ничего сложного. Все, скрипт уже у Вас на сайте. Остались небольшие доработки.
4. Теперь необходимо поговорить об атрибутах файлов и папок скрипта на сервере. Дело в том, что у сервера своя система безопасности. Поэтому мы должны сами прописать разрешения для работы скрипта. Ну например, мы должны разрешить скрипту сохранять файлы к себе в базу данных. Если мы этого не сделаем сами – то настройки безопасности сервера не позволят ему это делать и скрипт не сможет нормально работать.
Откройте папку "Images" в папке скрипта. Внутри Вы найдете еще две папки, в которых будут храниться Ваши загруженные изображения. Папки называются "Icons" и "Your_images". Для этих папок необходимо установить атрибуты 777. Чтобы установить атрибуты, необходимо выбрать нужную папку в Total Commander, потом выбрать в верхнем меню Файлы -> Изменить атрибуты. Потом отметить как на Рис. 4 . Проделайте то же самое с папкой “your_shablones” в папке скрипта. Туда будут копироваться обработанные шаблоны.

Рис.4

Далее откройте папку "database" в папке скрипта. Внутри Вы найдете 5 текстовых файлов. Это Ваши текстовые базы данных. Для этих файлов необходимо установить атрибуты 666 как на Рис.5

Рис.5

Установка атрибутов текстовой базы данных

Установка завершена!

Внимание! Я привел наиболее «всеядные» разрешения 666 и 777. Они позволят Вам сразу же начать работу со скриптом. Вообще, необходимо исходить из требований и условий своего хостинга и по возможности изменить их на менее открытые, если есть серьезная угроза безопасности. Проконсультируйтесь при необходимости с поддержкой хостинга и проверьте работу скрипта с менее открытыми разрешениями.

Теперь откройте теперь Вашу копию скрипта по адресу http://ваш_сайт/папка_скрипта/ Надеюсь, понятно написал адрес? Ну например, ваш сайт называется yoursite.com А папочка со скриптом называется, «v44z55y».Помните, мы так условились для примера? Теперь запустить скрипт можно по адресу:
http:// yoursite.com/v44z55y/index.php
Окошко авторизации строго спросит у Вас логин и пароль. Введите свои заветные данные, которые Вы сами только что прописали в файле user.inc.php вместо «demo». Теперь откроется главная страница скрипта.
Ну вот и закончились эти ужасно утомительные главы с необходимыми вещами. Теперь начинается сплошное удовольствие :) В следующих главах мы поговорим собственно о скрипте, его интерфейсе и возможностях. Благо теперь Вы уже сами можете открыть свою копию скрипта и наглядно на все это посмотреть.

3. Интерфейс скрипта.

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

Управлять им легко – достаточно просто переходить из папочки в папочку, как мы делаем в большинстве программ. Нажатие на стрелочку «вверх» вызывает переход на папку выше. «Домик» - корневая папка сайта. Попробуйте сами, Вам должна понравиться уже сама возможность передвигаться по файлам своего сайта прямо из браузера. Кроме того, файлы можно и открывать простым нажатием на них.
Все вроде знакомо. Однако имеются и существенные отличия, о них мы сейчас и поговорим. Помните, в первой главе шла речь о том, что достаточно всего лишь вставить в файл своей странички пару команд для скрипта и мы получаем редактируемый блок (текст, изображение или метатеги)? Все верно. А что же получится, если мы еще не ввели никакую информацию в базу данных и открываем уже страничку сайта с этим блоком? В этом случае скрипт проверяет базу данных и если запрашиваемая информация не найдена, он считает, что появился новый блок для редактирования. Скрипт выдает на экран некое начальное значение вроде текста «Блок редактирования текста № 10»( номер конечно же соответствует номеру в команде). Или же создает пустое изображение размером 75х75 с надписью «рис. no10». В первых версиях скрипта все так и работало. Однако после создания файлового менеджера, я продумал еще и алгоритм подсказки. То есть теперь после первого же обращения к нему со стороны файла сайта, скрипт запоминает адрес этого файла. И начинает его подсвечивать в файловом менеджере. Согласитесь, это очень удобно – теперь легко найти в куче файлов именно те, которые администрируются скриптом. Кроме того, скрипт еще делает очень удобную штуку: он подсвечивает не только файлы, но и папки, в которых такие файлы лежат. Теперь не заблудишься и не запутаешься.
Скажите, а что будет, если потом Вы удалите все команды из файла? Скрипт ведь уже знает о том, что в этом файле были редактируемые блоки. Он теперь будет как дурной все время подсвечивать этот файл? А вот и нет! Скрипт при запуске проверяет свою базу данных и файлы, на которые ссылается база данных. Если команд в файле уже нет, то скрипт выкидывает этот адрес и забывает про него. Так что такой файл подсвечиваться уже не будет. Для этой же цели предназначена кнопочка «Обновить данные». Она произведет внеплановую проверку. Так что не грустите особо, если скрипт будет при запуске грузиться некоторое время, всего лишь идет проверка, потом тормозов не будет.
Кстати, если Вы нажмете на подсвеченный файл в менеджере файлов, то перейдете не к самой странице, как обычно, а к окну редактирования этой страницы, в котором имеется перечень всех блоков (команд) на этой странице. То есть, отредактировать страницу мы можем и из файлового менеджера, если нам так удобнее. Подробнее об окнах редактирования мы поговорим чуть позже.

Ну вот, с менеджером файлов мы разобрались. Давайте перейдем к правой стороне главной страницы скрипта. Здесь мы видим ряд кнопок. Давайте их рассмотрим
Вверху мы видим кнопку-переключатель «Режим редактирования включен - выключен».

Эта кнопка предназначена для включения и отключения режима редактирования. Что нам это дает? Допустим, мы отредактировали текст на страничке. Однако в режиме редактирования на странице присутствуют рамочки, позволяющие нам открывать окна редактирования. Это удобно для работы, но мы ведь хотим узнать, что именно увидит посетитель страницы. Ну не выходить же для этого из скрипта, в самом-то деле? Потому просто жмем кнопку и отключаем режим редактирования (по умолчанию он включен). После этого обновляем страничку сайта. Все рамочки исчезли! Мы видим страничку глазами посетителя. Снова жмем заветную кнопку и обновляем страничку сайта (удобно делать это сочетанием клавиш Ctrl-R). Рамочки снова на месте и можно продолжить редактирование.
В некоторых браузерах иногда возникает «глюк». Допустим, мы запустили скрипт и открыли сайт, а рамочки не появились. Просто обновите страничку сайта и все появится!

Перейдем ниже к меню скрипта. Это на сегодняшний день 4 кнопки управления:

1. Сводная таблица данных
Нажимаем и смотрим. Перед нами все блоки информации, сохраненные в базе данных скрипта. Иногда нужно найти необходимый блок или просто порыться, очень удобно, рекомендую.

Вначале идет колонка с номером блока. При нажатии на строчку в ней, нам открывается окно редактирования. Потом идет колонка с адресом страницы, где встречается такой блок. При нажатии, мы открываем саму страницу. Далее первые слова текста (для текстового блока) или миниатюра рисунка (для изображений). И далее режим отображения (о нем поговорим в разделе об окнах редактирования). Для метатегов есть только 2 колонки: номер блока и адрес страницы.

Обратите внимание на значок корзины. На рисунке корзина пуста. Это означает, что сейчас скрипт не нашел блоков информации, которые уже не содержатся ни на одной странице. Таковые могут появиться, если вы нажмете вначале на кнопку «Обновить данные» в менеджере файлов, а потом перейдете к сводным таблицам данных. Учтите – корзина – это не физическое хранение ненужных данных – а предмет сортировки и поиска ненужных. Потому если блок какой-то информации попал в корзину, а он Вам еще может пригодиться – просто используйте на одной из своих страниц блок с этой информацией и он сам перейдет из корзины в список нужных блоков. Кстати, корзина предусматривает удаление. То есть здесь можно почистить базу данных от скопившегося хлама, удалить ненужный текст из базы данных, рисунки, их миниатюры и тд. В этом случае, информация будет удалена безвозвратно.

Вверху сводной таблицы данных мы имеем переключатели – текст, изображения, метатеги. Все просто и сердито :)
2. Палитра для маркировки
Открываем. Перед нами табличка из 156 разных цветов.

Это цвета для рамочек редактирования. Зачем они сделаны? Ну представьте, у Вас черный фон сайта и рамочка выпадет черная. Вы ее увидите? Потому можно набрать свою палитру цветов, адаптированную под Ваш сайт. Цвета для рамочек генерируются скриптом случайным образом из выбранного Вами списка. Просто ставим и убираем галки, потом жмем «Сохранить». Некоторые цвета я выставил по умолчанию.

3. Мастер работы с шаблонами
Вещь принципиально новая и экспериментальная. Требует отдельного подхода. Поговорим о ней позже.

4. Генератор кода
Открываем. Ничего не напоминает? Правильно, об этом мы и говорили в 1 главе. Сверху идут строчки для создания своих блоков, их отсюда удобно копировать на свой сайт. Ну а ниже – собственно сгенерированная строчка, которую и нужно разместить в самом начале файла каждой странички, которую мы будем администрировать. Строчка содержит адрес расположения скрипта на Вашем сайте и генерируется непосредственно для того места, где размещен скрипт. Если изменяется адрес – скрипт перестает работать!
ВНИМАНИЕ:
1. Напоминаю, что строчка должна быть размещена СТРОГО в самом начале файла, никакие символы, теги, пробелы перед ней недопустимы. В противном случае возможны ошибки!
2. После того, как вы уже сохранили эту строку в своих файлах, название папки скрипта, его расположение у Вас на сайте и сервер менять нельзя! Или же придется потом получить новую строку в генераторе и обновить ее во всех файлах.

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

4. Окна редактирования

Окна редактирования – это элементы скрипта, которые и позволяют нам редактировать данные на странице сайта. При разработке скрипта, я постарался сделать так, чтобы окна редактирования были доступны отовсюду. Например, когда Вы запустили скрипт и Ваш сайт перешел в режим редактирования, то при нажатии на одну из цветных рамочек, Вы откроете соответствующее окно редактирования. Или же, из основного интерфейса скрипта при нажатии на подсвеченный файл (см. Главу 3), мы попадаем в основное окно, содержащее список всех редактируемых блоков на странице. А можно и через сводную таблицу данных – как Вам будет удобно.
Как работают эти окна? Помните, в 1 Главе, мы говорили о том, что скрипт отдает сайту запрашиваемую информацию. А теперь легко себе представить, что когда запущенный скрипт находится в режиме редактирования, он может отдать не просто информацию из базы данных, но и видоизмененную информацию. Да, речь идет как раз о рамочках – ссылках, ведущих к окнам редактирования.
На сегодняшний день существует 3 вида окон редактирования, соответствующих своему виду редактируемых элементов. Логично, не правда ли? Если нажимаем на рамочку редактирования изображения, то откроется именно окно редактирования изображений. Аналогично с текстом и метатегами. Насчет метатегов правда есть одна поправка. Они ведь не видны на странице. Потому перейти к метатегам мы можем через общие окна элементов страницы или окна скрытых элементов. Ну об этом чуть позже… не пугайтесь столь громких названий, это всего лишь окна со списками элементов страницы.
Немножко о будущем и возможностях скрипта. Вы наверное уже себе представили, что получится, если мы добавим новые элементы для размещения, например, форум? Верно, тогда добавится еще и окно редактирования форума, только и всего. И так далее. Скрипт построен на очень прочном фундаменте. Этажи можно строить до умопомрачения, было бы время и силы…

1. Окно редактирования ИЗОБРАЖЕНИЙ

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

Давайте рассмотрим режимы отображения информации подробнее.

1. Первый режим «Выделять» - режим по умолчанию. Все отображается.
2. Второй режим – «Не выделять». Необходим в основном для сайтов, обработанных шаблонизатором. Суть этого режима такова. Допустим, мы сделали редактируемый блок, отредактировали его и неожиданно осознали, что редактировать его больше никогда не придется. Или придется, но крайне редко. А на экране у нас и так очень много рамочек для редактирования. В этом случае удобно включить режим «Не выделять». Блок информации становится постоянным и не показывает нам рамочку для редактирования. Однако впоследствии мы все же можем разыскать его в общем списке редактируемых блоков этой страницы и изменить режим отображения, а также изменить информацию.
3. Третий режим – «Скрывать». В этом режиме информация на экран совсем не выводится. Для посетителя этого блока как – бы не существует совсем, в его браузер эта информация просто не передается с сервера ни под каким видом! Разумеется и для нас в режиме редактирования этот блок не виден. Однако мы можем его разыскать вызвав окно скрытых элементов, или же в общих списках.

Именно возможность менять режим отображения, дает нам полный простор действий. Мы теперь не боимся лепить на странице заранее кучу редактируемых блоков «с запасом». Не стесняйтесь накидать в файл страницы запасные элементы, Вы совершенно свободны в своих действиях. Они потом могут еще пригодиться, но никак не помешают. Ведь никогда не поздно просто отключить лишнее!

Далее мы рассмотрим режимы изменения изображений.

Слева мы видим панель изменения размеров.
Эта панель позволяет изменить размеры уже имеющегося изображения. Например, если мы загрузили какое-то изображение, а теперь просто хотим изменить его размер. Ну не искать же заново нужный рисунок у себя на компьютере? Мы просто изменяем размер того, что уже загружен раньше.
Другой вариант: вместо какого-либо рисунка нужного нам размера мы можем создать пустой шаблон, аналогичный тому, который создается по умолчанию (помните, 75х75 ), только размеры можно заложить заранее. Это очень удобно. Например, для разметки страницы под будущий дизайн. Все получается наглядно, вот рисунок будет такого-то размера, а вот текст.
Итак, мы выбираем, что нам нужно: новый шаблон или старое изображение с другим размером. Потом вводим ширину и высоту того рисунка, который хотим получить в пикселях и жмем кнопку "Подтвердить".
Теперь перейдем к загрузке нового изображения. Справа видим панель нового изображения.
Думаю, особые пояснения не нужны. Выбираем рисунок со своего компьютера, задаем размеры в пикселях и жмем "Загрузить". Если изображение очень велико по размеру - загрузка может занять много времени, а обработка изображения сожрать кучу ресурсов сервера, вплоть до его " зависания" на время загрузки. Рекомендую по мере возможности предварительно обрабатывать изображения на своем компьютере перед загрузкой на сайт. Загружать можно следующие форматы изображений: jpg (jpeg), png, gif. После загрузки Ваше изображение будет иметь формат jpg. Именно в этом формате скрипт хранит все изображения.
Обратите внимание на очень важный момент. Представьте себе, что изображение, которое Вы хотите разместить на сайте и размеры, которые Вы задаете, имеют совершенно разные пропорции. Как поступит скрипт в этом случае?
В этом случае скрипт будет действовать по предложенной мной технологии. Вначале скрипт оценивает непропорциональность исходного и конечного изображений. Если изображения более-менее пропорциональны (не более 10% диспропорции по моему оценочному критерию), то производится простое пропорциональное сжатие. То есть больший рисунок просто уменьшается без обрезки ракурса. Но вот если диспропорция велика, то обрезки не избежать. Далее скрипт оценивает направление диспропорции. Если диспропорция в ширине изображения - просто вырезается пропорциональный кадр из середины. Примерно как на рисунке.

Обрезка середины изображения про горизонтальной диспропорции

А вот если диспропорция в вертикальном направлении- то обрезается таким образом, что 1/3 часть обрезанного остается сверху и 2/3 снизу. Это необходимо потому, что при вертикальном расположении фото, значимая часть обычно расположена сверху.

Обрезка изображения при вертикальной диспропорции

Думаю, такой метод оптимален. Примерно так обычно и делают миниатюры. Я лишь добавил методику оценки диспропорции и выбор метода обрезки в соответствии с такой оценкой. Впрочем, очень надеюсь, что Вам не придется резать свои рисунки без особой на то нужды. Для этого нужно всего лишь придерживаться хотя бы приблизительных пропорций.
Подробнее об этом методе обработки, Вы можете прочитать в моей статье, опубликованной на сайте: http://www.u-administrator.com/articles.php
Давайте теперь перейдем ниже по окну редактирования изображений. Здесь мы видим еще одно поле для добавления информации: « Дополнительные параметры изображения (содержимое тега <IMG>)».
Для чего эта структура? Вы знаете, изначально ее не было. Но гонка за универсальностью скрипта поставила мне еще одну задачу. Дело в том, что как Вы уже знаете, скрипт сам генерирует HTML и скармливает его серверу, а оттуда посетителю. А как в такой ситуации добавить элементарный альтернативный текст к картинке или еще что нужное? До сих пор было никак. Поэтому и пришлось создать подобное окошко для ручных действий, которое может оказаться очень полезным для людей, выжимающих из HTML больше, чем просто отображение картинки. Работать с окошком просто. Скрипт сам генерирует теги <img….> и сам вставляет размеры изображения. Ну а все дополнительные теги, которые должны находиться внутри тега <img….>, Вы можете вписать туда сами. Например, если Вы просто впишете в окошко alt="Рисуночек", а потом сохраните, то рисунок в браузере пользователя будет показывать альтернативный текст.
Ну вот в общем - то и все с окном редактирования изображений. Осталось только упомянуть про загадочную надпись - ссылку внизу окна: «Показать метатеги и невидимые блоки на этой странице ».

Надеюсь, Вы уже сами на нее нажали. Это просто удобное окошко, которое показывает ТОЛЬКО СКРЫТЫЕ блоки на данной странице. В отличие, например, от полного списка, где показаны все элементы. Так удобнее переходить к метатегам, которые всегда скрыты, или искать свободный блок. Такая ссылочка есть и в окне текста, и в окне метатегов. Отображаются в этом окне все блоки, помеченные 2 и 3 режимами отображения, то есть «Не выделять» и «Скрывать».

2. Окно редактирования ТЕКСТА
Ну вот мы добрались и до редактирования текста. Здесь будет гораздо проще, ведь мы уже рассмотрели все нюансы окна редактирования изображений, а они схожи во многом. Думаю, повторяться не нужно. Потому здесь рассмотрим только особенности редактирования текста.
Итак, окно обрабатывает код вида <? u_txt(номер); ?>. Точно так же, как и изображение, блок может быть иметь режимы отображения: выделен, не выделен и скрыт. Да и шапка аналогична. За одним существенным моментом. Обратите внимание на ссылку "Посмотреть текст из базы данных" внизу шапки.
Давайте немного остановимся на редактировании и все станет понятно. Итак, в окне ниже шапки мы редактируем текст и всю остальную информацию текстового блока. После того, как мы нажмем "Сохранить", эта информация запишется в базе данных. Но только после сохранения. До этого, мы видим свои действия только у себя на экране. Вот как раз при нажатии на ссылку "Посмотреть текст из базы данных", мы видим в отдельном окне только то, что реально записано в базе данных. Именно эту информацию увидит потом посетитель Вашего сайта.
Теперь давайте рассмотрим само окно редактирования текста. В этом окне Вы можете вводить любую информацию при помощи верхней панели. Особо рассказывать как пользоваться панелью, я Вам не буду. Все простенько и со вкусом.

Выделяете курсором текст и выбираете из панели нужную операцию. Теперь выделенный текст будет окружен тегами в квадратных скобочках. Это псевдоязык, нечто вроде BBcode, которым пользуются на форумах. Браузер такого бреда не понимает. Однако скрипт понимает и браузеру он отдаст уже вполне приличные теги HTML. Достоинство такого псевдоязыка - он очень прост в понимании и потрясающе функционален. Да и вручную теги рисовать не придется - пользуйтесь панелью. Кстати, обратите внимание на символ «галочки», он последний на панели управления. Это запуск предварительного просмотра, о котором мы сейчас и поговорим. Я же сделаю только маленькое отступление. Сразу левее этой галочки есть значок, который полезен тем, что он убирает все теги в выделенном тексте. Ну наплодили Вы кучу ненужных тегов, к примеру. Просто выделяете всю эту мешанину и жмете эту кнопочку на панели. Все теги пропадают.
Ну а теперь предварительный просмотр. Очень полезная штука. Показывает, что именно делают те теги, которые Вы применили и как это будет выглядеть на экране браузера после сохранения. Учтите, предварительный просмотр работает в режиме реального времени, эта информация есть только у Вас на экране. Поэтому не забывайте сохранять Ваши изменения. Кстати, при нажатии на эту галочку повторно, окно предварительного просмотра обновляется.

Ну вот, вроде бы обо всем поговорили. Немного нужно еще рассказать о вводе текста. Как видите, можно вводить не только текст, но и гиперссылки и даже посторонние рисунки. Для показа рисунка нужно ввести его адрес, например
[ img] http:// u-administrator.com/images/butt.gif [ /img].
Видите, адрес, который заключен между тегами рисунка. Эти и все другие теги здесь обязательно имеют начало и конец. Начало - простой тег [ img], а конец-то же самое с наклонной чертой [/img] . Весь текст внутри тегов относится к ним. Текст может быть заключен сразу в несколько пар тегов. Например, если нам нужен текст большой, жирный и подчеркнутый, мы делаем так:

[ u][ b][ big]текст[ [ /big][ /b][ /u]

Старайтесь не рисовать теги вручную, пользуйтесь меню. Лишние пробелы и прочие символы повредят работе тега, будьте внимательны! Также всегда должна соблюдаться последовательность. То есть если открывает такая последовательность: [ u][ b][ big], то закрывать должна такая же [ /big][ /b][ /u]. То есть ближними к тексту между тегами оказываются [ big][ /big] , за ними идет пара [ b][ /b] и т.д.
В общем, я уверен, что тот, кто пользуется форумами, не найдет здесь ничего принципиально нового для себя. Ну а остальные тоже легко освоятся, не высшая же математика, в конце концов ;) Да и методом «втыка» все можно проверить, есть ведь предварительный просмотр.

3. Окно редактирования МЕТАТЕГОВ
На «закуску» самое простое окно.

Окно редактирования метатегов, заголовка и описания

Задача редактирования метатегов конкретной страницы возникает достаточно часто, если содержание страницы изменяется, или же Вы ищете оптимальный заголовок. Впрочем, даже если Вам это нужно раз в столетие, U-administrator предлагает Вам существенно упростить себе жизнь и в этом вопросе. Он САМ за Вас нарисует эти теги на каждой странице, где вы разместите простенькую запись <? u_meta(номер); ?>.
Напомню, что достаточно вставить блок кода в том месте Вашей страницы, где должны располагаться метатеги <title></title>, <meta name="description" content="">, <meta name=" keywords" content="">. Разумеется, это должно быть где-то между тегами <HEAD> и </HEAD> Вашей страницы. Итак, Вы вставили код <? u_meta(номер); ?> в свою страницу между тегами <HEAD>, выполнили остальные необходимые условия для работы скрипта. Теперь достаточно просто изменять содержимое этих полей на страничке редактирования по принципу: написали-нажали "Сохранить" :) И Ваша страничка будет соответственно менять содержимое этих полей. Проверить легко. Достаточно кликнуть правой кнопкой на страницу Вашего сайта и выбрать просмотр исходного (HTML) кода. Вы увидите, что все вышеописанные метатеги уже есть и в них содержится та информация, которую Вы ввели на страничке редактирования.
Теперь определимся, как именно можно открыть окно редактирования метатегов, чтобы вписать туда данные своей странички? Очень просто, существует уйма путей. Снова напомню, что метатеги относятся к скрытым блокам, то есть на экране браузера их не увидишь. Поэтому самый простой способ - открыть окно по ссылке «Показать метатеги и невидимые блоки на этой странице », которая имеется внизу всех окон редактирования каждой страницы. Ну и конечно же из окон с общими списками блоков. Трудно не найти.
На этом я заканчиваю эту большую и интересную главу. В следующей главе мы рассмотрим новый и экспериментальный элемент скрипта - шаблонизатор. Особенно он будет полезен полным новичкам и лентяям ;) Заинтриговал? Милости прошу в следующую главу!

5. Мастер обработки шаблонов (шаблонизатор)

Прежде чем мы начнем рассматривать шаблонизатор и его возможности, я хотел бы пояснить, откуда вообще взялась идея создания подобного инструмента. Впрочем, наверное, как и все хорошие идеи – от лени ;) Уж больно заманчивой казалась идея автоматизации процесса обработки шаблона. Кроме того, мне не давала покоя мысль, что u-administrator ничего не может предложить полным новичкам. Ну и самый важный стимул: если у Вас уже есть сайт, который Вы хотите сделать администрируемым – Вам все карты в руки, не придется вручную вставлять команды!

Честно говоря, начиная работу над шаблонизатором, я не верил в успешность предприятия. Уж очень глобальной казалась идея – создать некий «черный ящик», на вход которого можно запихивать произвольный шаблон, скачанный из интернета или свои странички, а на выходе иметь уже администрируемый сайт. Причем без миллиона уточняющих непонятных вопросов в процессе обработки. Несколько раз за время работы с этой штукой, я был готов уже плюнуть и отступиться от своей затеи, казавшейся утопией. Однако, всеми правдами и неправдами, мне удалось доползти до финиша. Конечно же, шаблонизатор еще очень и очень далек от идеала, но со своей задачей во многих случаях он начал справляться вполне успешно и красиво. Очень надеюсь, что Ваши советы и рекомендации, помогут мне доработать и отшлифовать этот чрезвычайно полезный инструмент.

Итак, Вы наверное уже поняли, что задачей шаблонизатора является преобразование произвольных страниц и целых шаблонов в их администрируемый эквивалент. Процесс происходит именно так, как было выше описано. Вы просто указываете скрипту папку с шаблоном или отдельную страничку для преобразования. А уж он все это дело пережевывает и складывает результат в том же виде в свою папочку «your_shablones» . Найти эту папку просто, достаточно открыть папку скрипта. Ну а чтобы «зарядить» файлы для обработки, нужно просто скопировать их с компьютера себе на сайт, а потом указать на них шаблонизатору.
Давайте откроем сейчас в скрипт и нажмем на кнопочку «Мастер работы с шаблонами». На первый взгляд, ничего особо нового на странице не видно. Однако имеющийся в шаблонизаторе менеджер файлов несколько отличается от привычного нам. Хотя бы тем, что в этом менеджере есть только директории (папки). Все файлы, находящиеся в открытой сейчас директории, видны уже отдельно, в правом окошечке. Причем некоторые из них (допустимые к преобразованию) мы можем отметить «галочкой». Наверное Вы уже поняли, как это работает. Мы или отмечаем галочкой нужный файл для преобразования, или ставим галочку в позиции «Автоматический выбор». В случае автоматического выбора, будут обработаны ВСЕ возможные файлы не только в выбранной директории, но и во всех вложенных в нее! Будьте осторожны с автоматическим выбором. На обработку КАЖДОГО файла требуется несколько минут. Представьте, что будет, если их у Вас там их штук 20 -30… После этого нажимаем кнопочку «Выполнить», подтверждаем преобразование и запасаемся терпением надолго. В результате мы должны получить страницу шаблонизатора с жизнерадостной надписью «Обработка завершена». На этой страничке будет открыта папка с только что преобразованными нами файлами, которые можно открыть прямо нажав на них и полюбоваться, что получилось. У меня получается хорошо ;) Например, вот так:

Результат обработки произвольного шаблона

Что происходило эти несколько минут? Объяснять очень долго и мозг кипеть начнет с первых же слов, уж поверьте! Но вкратце скажу. В файлах вместо текста и изображений расставлены команды скрипта, также установлена первая строчка с адресом скрипта, установлена команда для редактирования метатегов. Шаблонизатор проверил ссылки на все рисунки в этом файле, сохранил сами рисунки в базе данных, создал миниатюры к этим рисункам и сохранил их тоже. Проверил ссылки на внешние css файлы и скопировал их. Отделил фоновые изображения от редактируемых и фоновые изображения положил в копию оригинальной папки изображений. Также шаблонизатор «распознал» знакомые теги HTML для оформления текста и заменил их на свой код (при редактировании текста, Вы увидите, что теги BBcode уже расставлены в соответствии с оригинальным текстом), сохранил текст в базе данных и т.д. Кроме того, шаблонизатор «спрятал» от преобразований java script, php, а потом вернул их на место. Вообще, шаблонизатор очень бережно относится к неоднозначным вещам. Например, он совсем не трогает и не обрабатывает содержимое форм HTML. Я закладывал принцип: «не навреди». Задача ведь стоит облегчить жизнь, а не бездумно изменить все, что только можно, в этом и заключена сложность подобной обработки… Для форм по-хорошему, в будущем придется делать отдельный блок с отдельным окном редактирования.

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

Внимание: вся информация попадает в базу данных именно той копии скрипта, которая и обрабатывала шаблон!

Как видим из изображения выше, структура страницы прекрасно сохранилась. Все элементы стали администрируемыми. Даже больше чем надо. Это минус механического преобразования. Но и его плюс, мы теперь легко можем менять дизайн каждого элемента по своему вкусу. Уже вспомнили, что можно сделать с элементами, которые мы менять не будем? Правильно, загоняем их в режим отображения «Не выделять». В итоге мы очистим плацдарм от ненужных рамочек и оставим на странице только полезные элементы, которые будем редактировать. Обычно на это уходит еще несколько минут. Вот так. За 5-6 минут мы практически без усилий сделали страницу администрируемой! Меняйте заголовки с названиями, вставляйте свой текст и фото. В общем, наслаждайтесь жизнью без всяких HTML редакторов!

Внимание: во время обработки файлов, шаблонизатор выедает все отведенные Вам ресурсы сервера. В это время Ваш сайт «зависает». Старайтесь пользоваться обработкой только в незагруженные часы и уж по крайней мере, не ставьте сверхзадач в десятки файлов!

Давайте теперь подведем маленькие итоги и сформулируем очередность операций, чтобы Вы не запутались.
1. Вначале необходимо определиться с исходными файлами. Давайте создадим отдельную папку у себя на компьютере и скопируем туда все файлы, которые мы хотим преобразовать. Не забудьте изображения, внешние стили css, скрипты и т.д.
2. Проверяем файлы на работоспособность у себя на компьютере, чтобы убедиться, что мы ничего не забыли и чтобы потом зря не грешить на шаблонизатор ;) Убедитесь, что все рисунки открываются и стили оформления не изменились.
3. Копируем папку целиком к себе на сайт. Например, при помощи все того же Total Commander. Проще всего в корневую папку сайта. Снова проверяем файлы на работоспособность. Например так: http://yoursite.com/folder_name/file.html Где yoursite.com – это название Вашего сайта. folder_name – название папки, куда Вы скопировали свои файлы. File.html – название файла, который Вы хотите запустить.
4. Запускаем скрипт u-administrator. Нажимаем на кнопочку «Мастер обработки шаблонов». Находим в левом менеджере файлов свою скопированную папку folder_name. Убеждаемся, что в правом окне видны наши файлы. Отмечаем необходимые файлы галочками или ставим одну галочку «Автоматический выбор». Нажимаем кнопку «Выполнить». Подтверждаем выполнение. Ждем. Можно попить чайку :)
5. После обработки убеждаемся, что появилась страничка шаблонизатора с надписью «Обработка завершена». Запускаем обработанные файлы для проверки. Если необходимо – обновляем страничку (бывает что браузер сразу не показывает рамки редактирования).
6. Если все хорошо – заходим к себе на сайт при помощи Total Commander, открываем папочку со скриптом u-administrator. В ней находим папку «your_shablones». Внутри будет наша папка folder_name с обработанными файлами. Забираем оттуда все файлы и копируем в корневую папку своего сайта (в общем, по назначению). Удаляем с сайта самую первую папку с исходными необработанными файлами, чтобы потом не забыть.
7. Снова открываем обработанные файлы в браузере и редактируем их так, как нашей душе угодно. Скрипт уже хранит у себя информацию, касающуюся номеров команд, использованных на этих страницах. Наш сайт стал администрируемым!
Ну вот и все! Весь этот список выглядит несколько угрожающе, но на самом деле это несложные рутинные процедуры. Мы всего лишь создаем условия для обработки и забираем результат. У Вас обязательно все получится, даже не сомневайтесь. Собственно, что Вы теряете? Проверьте сами, а вдруг понравится? Тогда ведь вы сэкономите массу времени…

6. Заключение

Ну вот и подошло к финальному моменту это достаточно объемное описание. Очень надеюсь, что Вам оно понравилось и Вы действительно смогли извлечь максимум информации, что оно оказалось полезным и для полных новичков. Я очень старался. Честно :)
Если у Вас возникли вопросы – пожалуйста, не стесняйтесь задать их на форуме, или в письме (форма для отправки писем есть на сайте). Заданный вопрос поможет мне подкорректировать инструкции и выявить «белые пятна».
Если у Вас возникли идеи или рекомендации – жду с превеликим удовольствием. Работы море, но постараюсь в первую очередь решить наболевшие проблемы.
Ну а уж если Вы просто захотите сказать : «Спасибо!», то мне будет очень приятно, значит все же не зря старался :)
На этом прощаюсь и жду Вас на страницах нашего форума.

С уважением и наилучшими пожеланиями,
Евгений Орлов
© www.u-administrator.com

Главная Описание Скачать Форум Статьи F.A.Q.