Выберите необходимый файл и нажмите Установить (Install):
Рис. 11: Установка нового расширения в Dreamweaver
Создание нового файла шаблона
Для активации расширения необходимо перезапустить Dreamweaver. Создайте новый
документ динамического типа (Dynamic page type). Для этого в главном меню выберите
Файл | Новый | Динамическая страница | PHP (File | New | Dynamic Page | PHP)
Рис. 12: Настройка нового документа Dreamweaver
После того, как файл был создан, в верхней части экрана вы увидите всплывающее меню
со списком наборов инструментов для работы с различными типами файлов. Выберите
элемент Joomlasolutions1:
Рис. 13: Выбор набора инструментов для работы с шаблонами
Данный набор инструментов содержит кнопки, позволяющие добавлять различные
элементы шаблонов. Первым делом необходимо перейти на закладку Код (Code), удалить
заголовок, сгенерированный Dreamweaver, и заменить его заголовком Joomla!
Рис. 14: Удаление заголовка
После этого нажмите на кнопку Вставить заголовочный код (Insert Header Code). При
этом на странице появится заголовок, типичный для шаблонов Joomla!
Рис. 15: Вставка заголовка Joomla!
Теперь в нашем файле имеется код заголовка, необходимый при создании шаблонов
Joomla!, который ранее мы вносили вручную.
Рис. 16: Код заголовка, необходимый для Joomla!
Структура шаблона
Помимо специального заголовка, для шаблона необходима структура. Создать структуру
можно при помощи таблиц или тегов
структуры. Если в Dremweaver все еще активирован режим разметки (layout mode),
закройте его.
Таблица
Чтобы создать таблицу можно воспользоваться главным меню Dremweaver, выбрав в нем
Вставить | Таблица (Insert | Table). Опции Dreamweaver позволяют создавать таблицы
любой сложности и структуры. Для примера мы продемонстрируем создание простой
таблицы. Выберите цвет для таблицы по своему вкусу.
Рис. 17: Создание простой таблицы
Внеся некоторые добавления в таблицу (с.м. Листинг 5), вы получите код, аналогичный
этому:
Рис. 18 Структура таблицы
Теперь необходимо сохранить файл. Создайте новую директорию для шаблона
Dremweaver: [ПутьКJoomla!]/templates/joomla150_book_dw. Сохраните файл под названием
index.php. Там же создайте поддиректории css и images.
Разместите все графические файлы, которые вы планируете использовать в данном
шаблоне, в папке images.
|
5th Фев 2011
|
Теги:
|
