![seo seo](/wp-content/themes/seo/images/seo-07.gif)
Вы также
можете настроить Dreamweaver на автоматическое обновление измененного шаблона,
находящегося на FTP или WebDAV сервере! Для этого в Dreamweaver необходимо указать
путь к файлам Joomla! и ввести информацию, необходимую для подключения к
удаленному серверу.
Рис. 25 Работа над сайтом в Dremweaver
Шаблоны и теги
Joomla! до версии 1.5.0 (включительно) все еще может работать с таблицами при создании
шаблонов. Однако, в последующих версиях Joomla! эта функциональность будет
полностью убрана в целях реализации требований об устранении ограничений. Тег
заменит тег
Тег
графику и т.д. Отличительным свойством такой группы элементов поначалу является
только то, что она начинается с новой строки. Тег
свойств. Преимущество его использования открывается в комбинации с CSS
выражениями.
Один из базовых шаблонов, rhuk_milkyway, использует именно такую технологию. Он не
содержит таблиц (тег
технология. Dreamweaver также поддерживает работу с тегами
Размещение модуля «в деталях»
Давайте ближе рассмотрим панель модуля, расположенную слева:
Рис. 26: Модуль, расположенный слева
В HTML коде файла index.php имеется следующий фрагмент:
В форматировании тега
Контент между тегами и отображается только если
выполняются условия параметров. В данном случае отображение будет зависеть от
наличия модуля или модулей в положении «слева» (left). Если таких модулей нет, общая
разметка шаблона динамически изменится, чтобы заполнить пустое место.
В нашем случае имеется три модуля.
CSS идентификатор левой колонке выглядит в CSS файле следующим образом:
#leftcolumn {
padding: 0;
margin: 0;
width: 20%;
float:left;
}
Если вы посмотрите на исходный код страницы, отображаемой в веб браузере (нажать
правой кнопкой на странице и выбрать Просмотреть исходный код страницы (View Page
Source)), то увидите, что jdoc запрос Joomla! сгенерировал на самом деле значительно
больший объем кода.
Листинг 7: Выдержка из исходного кода HTML страницы
… дополнительные HTML команды
… дополнительные HTML команды
В данном фрагменте кода особо отметим CSS класс module_menu.
![seo seo](/wp-content/themes/seo/images/seo-07.gif)
5th Фев 2011
|
Теги:
|
![seo seo](/wp-content/themes/seo/images/0.gif)
![seo seo](/wp-content/themes/seo/images/0.gif)
![]() |
![seo seo](/wp-content/themes/seo/images/0.gif)