|
Процесс проектирования страницы на локальной машине
Веб-страница, которую вы видите на сайте под управлением Joomla — не статична. Она формируется динамически при каждом просмотре и наполняется содержанием, хранящимся в базе данных. Страница, появляющаяся в вашем браузере, создается с помощью содержащихся в шаблоне различных команд PHP, этапы проектирования которого мы с вами и рассмотрим.
Сегодня повсеместной нормой стало использование WYSIWYG-редакторов (What You See Is What You Get), таких как Dreamweaver. Как следствие етого, веб-дизайнер может при создании сайта не писать ни строчки HTML-кода. Однако, в процессе создания шаблона Joomla, это невозможно, потому что WYSIWYG-редакторы не умеют отображать динамические страницы. Это означает, что разработчик должен писать код «руками» и смотреть результаты работы PHP, запущенного на веб-сервере. При достаточно быстром канале интернет, вполне можно пользоваться веб-сервером хостинга, но большинство разработчиков использует «локальный сервер» на собственном компьютере. Это соответствующие пакеты программ, которые обрабатывают веб-страницы на компьютере разработчика.
Для создания веб-страницы не существует никакого «правильного пути», все полностью зависит от желания, привычек и потребностей разработчика. Более склонные к работе в графикой делают «эскиз» страницы в графическом редакторе, таком как Photoshop, затем разбивают изображения для использования на странице (метод, известный как «нарезка» или «slice and dice»). Больше склонные к технологии сразу открывают CSS и начинют писать код. Однако, как уже было сказано, разработчик шаблона Joomla не сможет увидеть эффект от внесения изменений в код в том же редакторе. Процесс редактирования выглядит так:
- внести изменения в HTML-редакторе, записать файл;
- на локальной машине должен быть запущен веб-сервер с сайтом под управлением Joomla;
- чтобы посмотреть шаблон в действии, обновить страницу в браузере;
- вернуться к пункту 1.
Стоит заметить… При создании шаблона неплохо иметь локальный веб-сервер с запущенной Joomla, тогда вы сможете видеть эффект от вносимых изменений. Не забудьте нажать кнопку «Обновить страницу».
Веб-сервер для локальной машины
В Главе 2 мы разбирали установку одного из веб-серверов на локальной машине. Там подробно рассматривалась установка сервера WAMP5. Для более продуктивного рассмотрения материала этой главы вам потребуется установленный и сконфигурированный веб-сервер и если вы его еще не установили — сейчас самое время этим заняться. Я подожду.
От переводчика: Надо отметить, что WAMP5 теперь называется WampServer 2 и может быть взят на официальном сайте: www.wampserver.com. Впрочем, я бы рекомендовал для задач отладки сайта комплект «Денвер».
Совет: Есть одна полезная технология, позволяющая сделать процесс проектирования веб-страницы более эффективным. Настройте CSS на сервере с Joomla, создайте страницу и откройте в браузере ее исходный код. Скопируйте исходный код и вставьте его в свой WYSIWYG-редактор. Теперь вы можете отлаживать страницу и таблицы CSS не задействуя цикл шагов, описанных выше.
Внимание! Бесплатный редактор XHTML
Для тех, кому не хочется платить за коммерческие версии редакторов, таких как Dreamweaver, существуют бесплатные WYSIWYG-редакторы. Хорошим выбором может служить Nvu. Он имеет встроенную верификацию и 100% открытый исходный код. Это означает, что любой имеет право бесплатно загрузить исходники Nvu и произвести все необходимые изменения.
От переводчика: У Nvu есть параллельная ветка развития — KompoZer. Как утверждают разработчики, в своем варианте они исправили ошибки и недочеты Nvu. Посмотрел и тот и другой. Не впечатлился. Nvu корежит код а KompoZer, при попытке открыть в нем страничку .php с кодом, выкинул код php нафиг и переписал теги HTML на свои. Очень мило… Так что и в дальнейшем буду пользоваться Aditor'ом или перейду на Notepad++ (http://notepad-plus.sourceforge.net/ru/site.htm) так как Адитор больше не поддерживается. Хорошо, надежно и без всяких WYSIWYGов.
Дальше »
|
|