WEB-ДИЗАЙНЕР КТО ЭТО cоздание модулей для CMS

WEB-ДИЗАЙНЕР – КТО ЭТО? cоздание модулей для CMS Joomla АЛЕКСАНДР МОИСЕЙКИН студент НАУ, ФКС-205 alexmois@live. com

актуальность Joomla За что её не любят За что её любят

за что её не любят Вывод: Joomla небезопасна

за что её любят Время потраченное на рукописный сайт Время потраченное на CMS идея дизайн время – это деньги вёрстка готовый продукт

за что её любят гибкость она бесплатна

– В чём сила Joomla? – Сила в модулях. что такое модуль и чем он полезен? необходимые навыки пример «hello joomla!» пример работы с базой данных

что такое модуль и чем он полезен? это как строить дом: используем кирпичи, цемент, брёвна но сначала нужно раздобыть формочки и топор

что такое модуль и чем он полезен? структура модуля общие данные настройки код модуль. zip

необходимые навыки ? читать документацию что нужно знать что писать в файле настроек XML, в идеале достаточно правильно «гуглить» уметь программировать исполнительная часть модуля – чистый PHP, для быстрого освоения достаточно немного знать любой язык, а для работы с базой данных – нужен My. SQL владеть Java. Script и CSS нужно не всегда, но, по большей части, без правильного оформления снизится юзабилити и внешний вид сайта

пример «hello joomla!» mod_hello. xml mod_hello. zip mod_hello. php <? xml version="1. 0" encoding="utf-8"? > <? php использование zip-архива является <extension type="module" обеспечивает echo "Hello Joomla!"; оптимальным вариантом, version="2. 5. 0"> ? > <name>Hello. Joomla</name> модуля целостность данных и контента <author>Alex. Mois</author> или <version>1. 0</version> или можно просто ссылаться на папку <description> в которой находится XML исообщений. PHP файлы <? php Модуль, для вывода </description> defined('_JEXEC') или положить файлы mod_hello. xml и <files> or die('Restricted access'); mod_hello. php в папку mod_hello и скопировать echo<filename module="mod_hello"> JText: : _('Hello Joomla!'); её в папку модулей дистрибутива Joomla mod_hello. php ? > </filename> </files> </extension>

пример «hello joomla!» установка mod_hello. zip

пример «hello joomla!» настройка

пример «hello joomla!» доработка параметры mod_newhello. xml mod_newhello. php. . . <? php <config> defined('_JEXEC') or die('Restricted <fields access'); name="params"> <fieldset name="basic"> $text = $params->get('echo_text'); <field = $params->get('font_size'); name="echo_text" $size type="text" $color = $params->get('font_color'); default="Hello Joomla!" label="Текст приветсвия: echo "<p style='font-size: ". $size. "px; color: " description="Здесь нужно ввести ". $color. "; '>". $text. "</p>"; текст, который Вы хотите увидеть в модуле" /> </fieldset> echo "Hello!"; </config> ? >. . .

пример работы с базой данных mod_database. php echo "<table border='2'> $db <tr> = JFactory: : get. DBO(); $query = "SELECT * FROM table_1"; <td>Номер</td><td>Имя</td><td>Описание</td> $db->set. Query($query); </tr> "; $list = $db->load. Object. List(); foreach($list as $user) { echo "<tr><td>". $user->number. "</td> <td>". $user->name. "</td> <td>". $user->description. "</td> </tr> "; } echo "</table>"; table_1

Хороший модуль - красивый модуль использование CSS позиции пример «простой календарь» спрашивайте себя

использование CSS Вариант № 1 Лёгкий Пишем свои стили и классы внутри модуля Вариант № 2 Профессиональный Используем CSS суффиксы

использование CSS Вариант № 1 Лёгкий Пишем свои стили и классы внутри модуля Идея заключается в том, что бы внутри самого кода задавать имена классов: а) потом вручную оформлять классы в файле стилей б) воспользоваться параметрами и писать стили вручную в настройках модуля Вариант № 2 Профессиональный Используем CSS суффиксы В файле стилей заранее описан общий класс с суффиксом, который добавляется к элементу через параметры

использование CSS Вариант № 1 Лёгкий Пишем свои стили и классы внутри модуля файл. xml <field name="font_size" type="text" default="14" label="Размер шрифта" description="указываем размер шрифта"/> файл. php $size = $params->get('font_size'); echo "<p style='font-size: ". $size. "px; "; '>Текст</p>"; Вариант № 2 Профессиональный Используем CSS суффиксы файл. xml <field name="moduleclass_sfx" type="text" default="" label="Module Class Suffix" description="Suffix for individual css styling" /> файл. php $moduleclass_sfx = $params->get('moduleclass_sfx' , '0' );

позиции bottom-left bottom-mid sidebar-b

пример «простой календарь» mod_hello. xml mod_hello. php mod_hello. zip

пример «простой календарь»

спрашивайте себя стоит вкладывать в это силы?

Немного философии… Нереализованные идеи никому не нужны

The End

Практическое задание № 1 Фоторамка Создать модуль для отображения картинки. Для её выбора предусмотреть параметр или вставку через содержимое модуля. № 2 Работа с таблицей Создать модуль, который будет выводить расписание вашей группы. Расписание хранится в базе данных, в виде таблицы. Полученный модуль разместить в материале. Для оформления таблицы использовать CSS (можно внутри модуля). № 3 Электронные или стрелочные часы Используя Java. Script написать модуль цифровых часов. Для оформления модуля использовать CSS суффикс класса. . № 4 Календарь с переключением дней Сделать календарь, на подобии того, что был показан. Обязательно добавить функцию переключения страниц без перезагрузки всего сайта.