Инструкция по созданию сайта на MODx. Урок 1 — Вступительный
Я воздержусь от подробного описания системы управления и не стану петь дифирамбы, восхваляя её. Если вы читаете эту статью, значит вы уже для себя решили, что будете её использовать или хотя бы просто попробуете ее в действии. Если же вы абсолютно не представляете, что такое MODx — прочитайте одну из первых статей в моем блоге, которая даст вам краткое представление о этой системе.
Итак, по умолчанию у вас есть: компьютер, с установленной на нем операционной системой, клавиатура по которой нужно тискать, мышка чтобы кликать и классный (или не очень классный, но все еще любимый вами ) монитор, или все выше перечисленные пункты может заменить не менее полезная вещь — ноутбук. Так же вы уже вооружились, что немаловажно, огромным желанием научиться делать сайты, делать их легко и непринужденно и получать от этого процесса неописуемое удовольствие. Ваша задача — устроиться поудобнее и внимательно следить за происходящим, при необходимости проделывая на своем компьютере то, о чем узнаете из написанного. Остальное я беру на себя.
Для начала расставим точки над «ы», и определим план наших действий. Я хочу, чтобы вы научились делать сайты разной сложности. Вы этого хотите? Поэтому начинать мы будем с простого, и по мере приобретения вами новых знаний, будем постепенно усложнять задачи. Я считаю, что неплохо бы было начать изучение MODx с создания сайта-визитки. Это поможет вам понять основные принципы системы и ее отличительные особенности, которые необходимо знать для постановки более сложных задач. Поэтому начнем знакомство с системой с реализации визиточки. Кстати сайты-визитки, наравне с корпоративными сайтами, составляют значимую долю из общей сложности всех заказов в web-индустрии.
Для тех кто в танке, я приведу определение сайта-визитки, любезно предоставленное википедией. Сайт визитка — небольшой сайт, как правило, состоящий из нескольких веб-страниц, и содержащий основную информацию о коммерческой или некоммерческой организации, частном лице, компании, товарах или услугах, прайс-листы, контактные данные и форму обратной связи.
Сначала нам нужно подготовить инструментарий. В первую очередь обзаведемся последней версией системы MODx CMS/CMF, которая нашла себе пристанище на официальном сайте. Сайт этот, к сожалению для многих, еще не говорит по-русски, но даже при отсутствии языковых навыков достаточно понятен интуитивно. На момент написания статьи последняя версия MODx 1.0.4.
Так же вы можете зарегистрироваться на этом сайте, регистрация бесплатна и при дальнейшей, более тесной работе с MODx вы все равно зарегистрируетесь (рано или поздно), поверьте мне.
Внимание: MODx 1.0.4 тоже является последней версией, но другой ветки системы управления, поэтому, если только начинаете знакомство с MODx, не спешите ставить Revolution 2. Уроки в этом курсе будут написаны специально для Evolution.
Далее нам необходимо установить веб-сервер у себя на компьютере либо воспользоваться услугами хостинг-провайдера. Если вы уже занимались разработкой сайтов, то наверняка в курсе, что это и с чем его едят, но если вы впервые слышите об этом, а слово «localhost» для вас бессмысленный набор букв, то я вам посоветую скачать Denwer. В установке он прост как топор, и отлично справляется с возложенными на него функциями. Подробнее об установке и использовании данной сборки вы можете узнать на сайте разработчика или на форуме проекта.
Итог
Ну что же. Первый шаг навстречу вашему веб-мастерству уже сделан. Отступать некуда. Вы стали ценными обладателями драгоценных файлов, которые в какой-то мере смогут изменить вашу жизнь.
После установки локального сервера переходите к следующему уроку, из которого вы узнаете, как установить саму систему MODx.
Вы можете также посмотреть другие уроки по созданию сайта на MODx:
- Урок 1 — Вступительный
- Урок 2 — Установка MODx CMS
- Урок 3 — Первоначальная настройка системы
- Урок 4 — Интеграция дизайна в систему управления
- Урок 5 — Настройка шаблона, разбиение на чанки
- Урок 6 — Дерево документов и создание страниц
- Урок 7 — Реализация динамического меню
- Урок 8 — Создание шаблонов и вывод содержимого страниц
- Урок 9 — Работа со специальными тегами MODx
- Урок 10 — Работа с визуальным редактором в MODx
- Урок 11 — Реализация цепочки навигации «Хлебные крошки»
- Урок 12 — Создание ленты новостей. Сниппет Ditto
- Урок 13 — Постраничное разбиение новостной ленты
- Урок 14 — TV параметры MODx. Добавление изображений ресурсам
- Урок 15 — Форма обратной связи в MODx. Сниппет eForm
- Урок 16 — Реализация вспомогательного меню на странице
- Урок 17 — Вывод слайд-шоу на главной странице с помощью сниппета Ditto
- Урок 18 — Вывод ключевых слов в MODx
- Урок 19 — Организация поиска по сайту. Сниппет AjaxSearch
- Урок 19.1 — Вывод изображения, прикрепленного с помощью TV параметра, в результатах поиска AjaxSearch
- Урок 20 — Карта сайта для посетителей и поисковых машин
- Урок 21 — Реализация галереи изображений
- Урок 22 — Перенос готового MODx сайта на хостинг
- Урок 23 — Скачать готовый MODx сайт, соответствующий веб-стандартам
blog comments powered by Disqus
- 700+ эффектных jQuery Mootools CSS решений для веб-разработчиков. Путеводитель по плагинам
- Свежие профессиональные jQuery плагины. Первая подборка в 2011 году
- Большая коллекция jQuery и Mootols красивостей
- Огромная коллекция ресурсов с бесплатными CSS шаблонами и заготовками
- Обзор и сравнительная оценка системы управления MODx
- Инструкция по созданию сайта на MODx. Урок 4 — Интеграция дизайна в систему управления
- 96 ресурсов, которые облегчат жизнь web-разработчику
- 15 советов которые помогут вам в дальнейшем грамотно и комфортно работать с CSS
- Почему логотипы часто похожи друг на друга?
- Качественные черно-белые иконки с эффектом отражения
- jQuery галерея с эффектом перелистывания страницы
- 20+ свежих CSS3 jQuery плюшек. Часть 11
- 22 эффектных jQuery и MooTools плагина
- jQuery и Mootools полезности для веб-мастеров. Часть 6
- Инструкция по созданию сайта на MODx. Урок 16 — Реализация вспомогательного меню на странице

