Создание сайта на modx revolution с нуля: Создание сайта на MODX Revolution: Каким проектам подходит

Создание сайта на MODx CMS — видео урок / Хабр

Почти год назад, в ноябре 2010, у меня появилось желание сделать обучающее видео по созданию сайта на MODx Evolution. Не прошло и полугода, как прошел год и я с удовольствием могу показать вам свое творение. Так как длинное видео это не формат Хабра, я сделал короткий тизер под названием «Сайт на MODx за 5 минут», а под катом полное видео.

Специально для тех, кто заинтересовался или не успевает так быстро усваивать информацию — под катом полное видео (30 минут) о том, как установить и настроить MODx, подготовить шаблон к интеграции в MODx, интегрировать и получить готовый сайт. И все это я подробно объясняю.


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

HD версия — vimeo.com/29422796

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

Сценарий был готов уже через недельку, в общей сложности получилось 10 страниц. Далее я по нему отснял видео без звука. Не имя опыта в таком деле — я долго возился с выбором кодека и программы для записи.

В итоге я выбрал CamStudio 2 для записи видео, у них же на сайте скачал какой-то кодек, который давал приемлемые по размеру файлы на выходе. Звук я записал уже весной 2011 в студии у знакомого, но оказалось, что микрофон тихий и надо было сидеть ближе к нему, однако другой возможности записаться мне не подвернулось и пришлось разбираться в первом попавшемся редакторе звука, им оказался Adobe Soundbooth. Честно пробовал использовать Audacity, но он несколько раз упал вместе со всеми изменениями и я забросил эту идею.

Значительная часть времени ушла на чистку ахов, вздохов и шумов в аудио. Но потом встал вопрос куда более интересный — а чем же все это объединять, ведь у меня звука было минут на 15, а видео на 40.

Разобраться с Adobe Premiere у меня не вышло просто по тому, что все мои попытки создать проект и добавить туда видео были тщетны. Раз за разом шайтан машина отказывалась показывать мне мое видео и тогда я вернулся к тому, с чего начал — Camtasia Studio. Именно из-за того, что запись видео в ней глючила у меня на машине, а переустанавливать из-за этого винду не было ни малейшего желания я и начал писать видео в CamStudio.

Процесс шел медленно, на меня постоянно наваливалась работа вперемешку с ленью и 2 месяца назад было готово минут 7 готового видео. Однако волевое усилие помогло и в этом случае, я начал каждую субботу уделять по 2-3 часа на это благое дело и работа пошла.

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

Тем кто дочитал до сюда полагается бонус — подборка полезных ссылок из видео, а также исходники.

Запасная страница, а то мало ли =)

PS: Ютуб сказал, что не покажет жителям Германии короткий ролик, вот он на Vimeo. А большой ролик вообще отказался размещать из-за его размера.

PS2: Предлагаю всем желающим сделать подобное видео про свою CMS. Я имею ввиду короткий ролик.

Создание сайта на Modx Revolution. Введение

  • Главная
  • >
  • Статьи и уроки по web-разработке
  • >
  • Уроки MODx Revolution

Привет, дорогой подписчик. Вот и настало время, когда я приступаю к созданию уроков по созданию сайта с нуля на системе управления Modx Revolution. Уроки буду выкладывать раз в две-три недели и в конце мы получим настоящий готовый рабочий сайт. Впервые буду делать уроки в формате видео или даже, возможно, вебинара. Сейчас изучаю сервис для проведения вебинаров Clickmeeting. Думаю это будет более продуктивно. Что из этого получится увидим на практике, главное начать записывать и выкладывать уроки.

Почему именно Modx Revolution?

А потому что вот уже около 5-и лет я созданию и разрабатываю сайты именно на этой системе, которая позволяет мне создавать любой сайт любой сложности, начиная от одностраничника с формой заказа до крупного интернет-магазина с личным кабинетом, покупкой товаров электронными деньгами, смс информированием и так далее. Modx Revolution не так популярна, как WordPress, Joomla, Drupal или Битрикс, но эта система, на мой взгляд, самая гибкая и лучше всего подходит для профессиональных разработчиков сайтов, так как на Modx Revolution можно создавать полностью свои дополнения на php, редактировать существующие. Но и для людей, которые только только начинают осваивать HTML эти уроки будут полезны. Любой начинающий сможет на основе этих уроков создать свой первый полноценный сайт. Мы разберем разработку сайта с нуля, начиная с регистрации домена и заканчивая seo-оптимизации созданного сайта.

Для примера я возьму определенный HTML шаблон, разберу его на блоки и покажу как его вставить в Modx. Поэтапно мы будем разбирать каждый блок сайта. Будем создавать одну страницей за другой, разбирать формы обратного звонка, создания блога или новостной ленты и так далее. Сколько точно уроков будет я пока не могу сказать, но думаю около 10-и. Я постараюсь выкладывать по крайней мере 1 урок в неделю. Думаю, даже записывать видеоуроки.

Введение я решил сделать для того, чтобы в первом уроке не писать это длинное превью. Чтобы урок сразу начался с конкретных действий. Также в этом введении хочу сказать, что создать сайт на Modx Revolution с нуля по силам каждому человеку, даже не имеющему никаких знаний в HTML. С помощью этих уроков вы сможете сделать сайт на основе любого HTML шаблона, купленного на специальных сервисах или скаченного на сайтах, типа bayguzin.ru.

Я надеюсь эти уроки помогут Вам самостоятельно создать именно тот сайт, который вы задумали у себя в голове. Ну и как сказал Юрий Алексеевич — «Поехали»

Это будущие ссылки на уроки. Всего планируется 10 уроков. 1-ый урок планирую смонтировать к середине января

Создание сайта на Modx Revolution. Урок 1.

Создание сайта на Modx Revolution. Урок 2.

Создание сайта на Modx Revolution. Урок 3.

Создание сайта на Modx Revolution. Урок 4.

Если вы не видите кнопку «Скачать»


отключите блокировщик рекламы

Раздел 1: Создание вашего первого документа Modx

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

просмотров: 1725

Раздел 2: Добавление изображения на ваш сайт Modx

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

просмотров: 2635

Раздел 3: Как использовать тег чанка в Modx

Следующее руководство по Modx Revolution проведет вас через настройку простого тега для ресурса, называемого чанком.

просмотров: 1290

Раздел 4: Часто используемые теги в Modx

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

просмотров: 1198

Раздел 5: Понимание вкладки «Ресурсы» на панели инструментов Modx Revolution

В следующей статье описывается один из центральных инструментов навигации для Modx — Дерево ресурсов.

В следующей статье особое внимание уделяется вкладке «Ресурсы», чтобы определить и описать интерфейс в Modx.

просмотров: 1516

Раздел 6: Понимание вкладки «Элементы» в Modx

Центральным местом для поиска определенных файлов ресурсов в дереве ресурсов является вкладка «Элементы». Вкладка элементов позволяет редактировать, дублировать, удалять, создавать и упорядочивать файлы ресурсов.

просмотров: 933

Раздел 7: Понимание вкладки «Файлы» в дереве ресурсов Modx

Последней частью дерева ресурсов является вкладка «Файлы». Это позволяет получить доступ к файлам сервера для редактирования, организации и создания.

просмотров: 1046

Раздел 8: Быстрый старт по использованию сниппета в Modx

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

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

просмотров: 970

Раздел 9: Использование шаблона Modx

В следующей статье показано, где найти и создать шаблон на панели администратора Modx Revolution.

просмотров: 1174

Раздел 10: Как загрузить шаблоны Modx

Существует множество готовых дизайнов, созданных энтузиастами Modx. Эти шаблоны Modx можно бесплатно загрузить и добавить на свой веб-сайт Modx с помощью параметра «Управление пакетами» на панели администратора Modx. В следующей статье объясняются шаги по установке и последующему использованию шаблонов в Modx.

просмотров: 1628

Раздел 11: Как создать статический ресурс в Modx

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

просмотров: 1910

Раздел 12: Как создать сниппет в Modx

Фрагменты — это сохраненные фрагменты кода, которые можно многократно использовать на сайте Modx. Их можно использовать для создания определенного вывода, влияющего на структуру вашего веб-сайта, в любом случае, когда вы можете запрограммировать код. В следующей статье объясняется, как создать и использовать простой сниппет в Modx.

просмотров: 1581

Раздел 13: Добавление Google Plus на страницы MODX

Социальные сети часто становятся необходимым условием повышения посещаемости вашего веб-сайта. Решение Google для социальных сетей, называемое Google Plus, предоставляет тусовки, круги и видеоконференции, и это лишь некоторые из его функций. В следующей статье мы объясним, как интегрировать кнопку Google+ на вашу веб-страницу MODX.

просмотров: 777

Раздел 14: Добавить кнопку «Нравится» Facebook на страницу MODX

Кнопка «Нравится» Facebook легко добавляется в MODX с помощью удобного для кода интерфейса. В следующей статье вы узнаете, как вставить код с помощью панели администратора MODX.

просмотров: 2657