Joomla cms как инструмент ведения блога

02.11.2010 10:06

Хороший инструмент, талантливые учителя, конечно желание, упорство, стремление к цели и конечно практика это и есть путь любого специалиста. Этим постом раскрою какой инструмент использовался для этого блога.
Выход во flash тематику будет в виде вставки приложений в cms Joomla.

Итак во-первых любая веб-работа не может обойтись без дизайна. То, что вы видите моя наверно первая работа в которую вложил немало сил и стараний не только я, но и мои знакомые профессионалы, среди них есть и профессиональный дизайнер Ольга. Рекомендую зайти посмотреть на наш дружный коллектив веб-разработчиков programilla.com. При составлении дизайна пользовался Adobe Photoshop 6.0 Конечно версия не из последних, но меня сдерживает установить более свежие версии то, что рабочая машина у меня не одна и по ряду причин на некоторых из них стоит версия window 2000 на которую не устанавливаются более "свежие" версии Photoshop.

Далее верстка xhtml, css. Очень долго и нудно выбирал удобный инструмент. Кодить в блокноте показалось как-то суховато, а браться за громоздкий инструмент тоже не хотелось. В итоге мой выбор пал на Komodo Edit, version 5.2.4, build 4343 и HTML Reader 2.5. Мое чисто субъективное мнение обо всех редакторах - каждый имеет свои плюсы и минусы. Допустим перечисленные редакторы обладают не такой широкой функциональностью как более продвинутые (Dreamweaver) и я столкнулся с проблемой запуска программ на некоторых win-платформах. С другой стороны они очень компактны и легки, имеют минимальный набор необходимых удобств таких как подсветка,корректировка и форматирование кода. Немного о верстке - реализовал 4 "шкуры" под все сезоны года, добавил несколько вариантов логотипов под различные праздники:

Весна

Лето

Осень

Зима

И несколько логотипов по праздникам:

CMS Joomla - система управления контентом. Изготовленная верстка была натянута на cms Joomla. Кратко для начинающих (думаю остальным этот текст будет неинтересен).  После того как поработали дизайнер и верстальщик, наступает время веб-программиста. Он делает сайт динамичным и удобным. Веб-программист реализует систему добавления, редактирования, удаления материалов наиболее удобную для пользователя. Для реализации такой системы на основе cms Joomla нужно иметь на хостинге доступ к БД - MySql (мускул!) и возможность выполнения php-скриптов.
Был реализован шаблон под cms Joomla для нужд личного блога. Посмотреть общую структуру и вид на примере стандартных статей Joomla можно здесь или нажать на принт-скрин ниже:

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

Сезонность, иконки праздников и нижняя картинка меняется через админ-панель Joomla в свойствах шаблона. Если кому нужен такой шаблон под Joomla, можете скачать здесь.

И наконец flash! Вставка flash-ролика осуществляется очень просто в редакторе Joomla. Устанавливаем чудесный редактор

JCE

Жмем кнопу для вставки медиа-контента, выбираем flash( предварительно закачиваем наш swf-файл через пункт "изображение"):

Получаем результат:

При помощи плагина  CodeCitation можно вставить кодинг flash-script'a или любого другого кода с подсветкой. Пример отображения flash-script:

startTime = getTimer();
onEnterFrame = function () { elapsedTime = getTimer()-startTime;
elapsedHours = Math.floor(elapsedTime/3600000);
remaining = elapsedTime-(elapsedHours*3600000);
elapsedM = Math.floor(remaining/60000);
remaining = remaining-(elapsedM*60000);
elapsedS = Math.floor(remaining/1000);
remaining = remaining-(elapsedS*1000);
elapsedH = Math.floor(remaining/10);
if (elapsedHours<10) {hours = "0"+elapsedHours.toString();
}
else {
hours = elapsedHours.toString();
}
if (elapsedM<10) {minutes = "0"+elapsedM.toString();
}
else {minutes = elapsedM.toString();
}
if (elapsedS<10) {seconds = "0"+elapsedS.toString()
;
}
else {seconds = elapsedS.toString();
}
if (elapsedH<10) {
hundredths = "0"+elapsedH.toString();
}
else {
hundredths = elapsedH.toString();
}
_root.timer_txt = hours+":"+minutes+":"+seconds+":"+hundredths;
};

А это рабочий пример секундомера, использующий код выше: